/* S/E OS glass exploration — isolated demo only. */
body[data-se-os]{--se-os-accent:104,195,255;--se-os-opacity:.64;--se-os-text:#eaf6ff;--se-os-muted:#adc3d8}
html[data-theme] body[data-se-os]{background:radial-gradient(ellipse at 80% 12%,rgba(var(--se-os-accent),.15),transparent 50%),#060c15!important;color:var(--se-os-text)!important}
html[data-theme] body[data-se-os]::before{opacity:.4!important;filter:saturate(.75)}
body[data-se-os] #appShell::before{content:'';position:fixed;inset:-20%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 65% 30%,rgba(var(--se-os-accent),.09),transparent 40%);animation:seOsDrift 16s ease-in-out infinite}
@keyframes seOsDrift{50%{transform:translate(4%,3%);opacity:.5}}
html[data-theme] body[data-se-os] #appShell .topbar{background:rgba(9,18,31,.76)!important;border-color:rgba(var(--se-os-accent),.25)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;box-shadow:0 8px 30px #0003!important}
html[data-theme] body[data-se-os] #mainContent :is(.heroAction,.rowCard,.musicHero,.musicTrack,.musicPlaylist,.settingsGroup,.rootHomeWidget,.rootFeedCard,.rootHomeHero,.musicSection),
html[data-theme] body[data-se-os] .drawerLayer .sideDrawer,
html[data-theme] body[data-se-os] .chatScreen :is(.bubble,.composer,.chatHead){
border-color:rgba(var(--se-os-accent),.28)!important;
background:rgba(11,22,36,var(--se-os-opacity))!important;
box-shadow:0 15px 40px #0003,inset 0 1px 0 #ffffff10!important;
backdrop-filter:blur(24px) saturate(130%)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;
transition:background .35s,border-color .35s,box-shadow .35s}
html[data-theme] body[data-se-os] #mainContent :is(.rowCard,.heroAction,.rootHomeWidget,.settingsGroup):is(:hover,:focus-within),
html[data-theme] body[data-se-os] .chatScreen .composer:focus-within{
background:rgba(16,31,48,calc(var(--se-os-opacity) + .13))!important;border-color:rgba(var(--se-os-accent),.65)!important;box-shadow:0 15px 40px #0003,0 0 23px rgba(var(--se-os-accent),.1)!important}
html[data-theme] body[data-se-os] #mainContent .rootHomeHero{
background:linear-gradient(90deg,rgba(6,14,25,.91),rgba(6,14,25,.7) 45%,rgba(6,14,25,.06)),url('/static/root-brand/root-character.webp') right center/auto 118% no-repeat!important}
body[data-se-os] :is(#seOsSettings,#seOsAppearance,#seOsHome){color:var(--se-os-text);font:13px system-ui}
#seOsAppearance,#seOsHome{border:1px solid rgba(var(--se-os-accent),.35);background:rgba(var(--se-os-accent),.07);border-radius:12px;padding:9px 12px;cursor:pointer}
#seOsSettings{position:fixed;inset:auto 18px auto auto;top:calc(env(safe-area-inset-top) + 76px);width:min(340px,calc(100vw - 28px));max-height:calc(100dvh - 110px);overflow:auto;z-index:18000;padding:22px;border-radius:24px;border:1px solid rgba(var(--se-os-accent),.4);background:rgba(8,18,31,.94);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 25px 85px #0008}
#seOsSettings[hidden]{display:none!important}
#seOsSettings h2{margin:0;font-size:22px;font-weight:500}
#seOsSettings p{color:var(--se-os-muted);font-size:12px;line-height:1.6}
#seOsSettings label{display:block;margin:20px 0 9px;font-size:12px;color:var(--se-os-muted)}
#seOsSettings .seOsRow{display:flex;gap:7px;flex-wrap:wrap}
#seOsSettings button{cursor:pointer;min-height:44px;padding:10px 12px;border:1px solid rgba(var(--se-os-accent),.3);border-radius:12px;background:rgba(var(--se-os-accent),.06);color:var(--se-os-text)}
#seOsSettings button[aria-pressed=true]{background:rgba(var(--se-os-accent),.17);border-color:rgba(var(--se-os-accent),.8)}
#seOsSettings input[type=range]{width:100%;accent-color:rgb(var(--se-os-accent))}
#seOsSettings .seOsClose{float:right;min-height:36px}
html[data-theme] body[data-se-os] #appShell>.nav.glassDock.seOsDock{
position:fixed!important;left:var(--se-orb-x,50%)!important;top:var(--se-orb-y,calc(100dvh - 66px))!important;right:auto!important;bottom:auto!important;
width:72px!important;height:72px!important;min-width:0!important;max-width:none!important;padding:0!important;gap:0!important;
display:block!important;transform:translate(-50%,-50%)!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;z-index:1200}
html[data-theme] body[data-se-os] #appShell>.nav.glassDock.seOsDock.hidden{display:none!important}
html[data-theme] body[data-se-os] #appShell>.nav.glassDock.seOsDock:before,
html[data-theme] body[data-se-os] #appShell>.nav.glassDock.seOsDock:after{display:none!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockItem{
position:absolute!important;margin:0!important;min-width:0!important;width:66px!important;height:60px!important;min-height:0!important;top:6px!important;left:0!important;
border-radius:18px!important;background:rgba(10,23,38,var(--se-os-opacity))!important;border:1px solid rgba(var(--se-os-accent),.35)!important;
box-shadow:inset 0 1px 0 #ffffff14,0 0 18px rgba(var(--se-os-accent),.1)!important;backdrop-filter:blur(20px)!important;
transition:transform .3s ease,opacity .25s ease!important;opacity:1;pointer-events:auto}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockHome{
width:72px!important;height:72px!important;top:0!important;left:0!important;border-radius:50%!important;z-index:3;
background:radial-gradient(circle at 30% 20%,rgba(var(--se-os-accent),.35),#081629 68%)!important;
border-color:rgba(var(--se-os-accent),.9)!important;box-shadow:0 0 25px rgba(var(--se-os-accent),.35),inset 0 0 18px rgba(var(--se-os-accent),.25)!important;
transform:none!important;touch-action:none;user-select:none;cursor:grab}
.seOsDock .glassDockHome>*{display:none!important}
.seOsDock .glassDockHome:after{content:'S/E';font:italic 22px system-ui;letter-spacing:3px;color:#eaf8ff;text-shadow:0 0 13px rgb(var(--se-os-accent))}
.seOsDock .glassDockLabel{font-size:9px!important;color:var(--se-os-text)!important}
.seOsDock .nicon{width:22px!important;height:22px!important;color:rgb(var(--se-os-accent))!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockRoot{transform:translateX(-145px)!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockQuick{transform:translateX(-73px)!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockMessages{transform:translateX(79px)!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockProfile{transform:translateX(151px)!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsClosed>button:not(.glassDockHome){transform:scale(.2)!important;opacity:0!important;pointer-events:none!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsRight>button.glassDockMessages{transform:translate(-145px,var(--se-wing-row,72px))!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsRight>button.glassDockProfile{transform:translate(-73px,var(--se-wing-row,72px))!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsLeft>button.glassDockRoot{transform:translateX(79px)!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsLeft>button.glassDockQuick{transform:translateX(151px)!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsLeft>button.glassDockMessages{transform:translate(79px,var(--se-wing-row,72px))!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsLeft>button.glassDockProfile{transform:translate(151px,var(--se-wing-row,72px))!important}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsClosed>button:not(.glassDockHome){transform:scale(.2)!important;opacity:0!important}
body[data-se-os] .seOsDock button:focus-visible,#seOsSettings button:focus-visible{outline:2px solid rgb(var(--se-os-accent))!important;outline-offset:4px}
body[data-se-os].seOsStill *,body[data-se-os].seOsStill *:before,body[data-se-os].seOsStill *:after{animation:none!important;transition:none!important}
html[data-theme] body[data-se-os].seOsLight{--se-os-text:#172c41;--se-os-muted:#4c657d;background:#cadce9!important}
html[data-theme] body[data-se-os].seOsLight #mainContent :is(.rootHomeWidget,.rowCard,.settingsGroup,.rootFeedCard,.heroAction),body[data-se-os].seOsLight #seOsSettings{background:rgba(235,246,255,.9)!important;color:#172c41!important}
html[data-theme] body[data-se-os].seOsLight #mainContent :is(h1,h2,h3,.sectionTitle,.rowTitle,b){color:#172c41!important;text-shadow:none!important}
html[data-theme] body[data-se-os].seOsLight #mainContent :is(.sub,.small,.sectionSub,.rowPreview){color:#4c657d!important}
@media(max-width:450px){#seOsHome{display:none}#seOsAppearance{font-size:11px;padding:8px}.seOsDock .glassDockLabel{font-size:8px!important}}

html[data-theme] body[data-se-os].seOsLight #mainContent .rootHomeHero{background:linear-gradient(90deg,rgba(233,245,255,.98),rgba(233,245,255,.87) 45%,rgba(233,245,255,.12)),url('/static/root-brand/root-character.webp') right center/auto 118% no-repeat!important}
html[data-theme] body[data-se-os].seOsLight #mainContent .rootHomeHero::before{background:none!important}
html[data-theme] body[data-se-os].seOsLight #mainContent .rootHomeHero :is(p,.rootHomeEyebrow){color:#34516b!important}
@media(prefers-reduced-motion:reduce){body[data-se-os] #appShell::before{animation:none!important}}


/* S/E OS 3.0 beta demo visual refinement — 2026-10-10.
   Scoped to the isolated demo application; does not affect production. */
html[data-theme] body[data-se-os] {
  --se-os-line:rgba(var(--se-os-accent),.32);
  --se-os-glow:rgba(var(--se-os-accent),.14);
  --se-os-ink:#edf8ff;
  color-scheme:dark;
  background:
    radial-gradient(ellipse 70% 56% at 87% -5%,rgba(var(--se-os-accent),.13),transparent 78%),
    radial-gradient(ellipse 52% 70% at 0% 96%,rgba(31,91,128,.11),transparent 80%),
    #080e16!important;
  background-size:auto!important;
}
html[data-theme] body[data-se-os]::before {
  opacity:.26!important;
  filter:grayscale(.6) saturate(.65)!important;
}
html[data-theme] body[data-se-os] #appShell {isolation:isolate;background:transparent!important}
html[data-theme] body[data-se-os] #appShell .topbar {
  background:linear-gradient(105deg,rgba(12,20,29,.82),rgba(18,31,43,.73))!important;
  border-bottom:1px solid rgba(var(--se-os-accent),.27)!important;
  box-shadow:0 14px 42px #0003,inset 0 -1px 0 #fff1!important;
}
html[data-theme] body[data-se-os] #appShell .topTitle {
  color:var(--se-os-text)!important;
  font-weight:660!important;
  font-size:clamp(12px,1.5vw,15px)!important;
  letter-spacing:.21em!important;
  text-shadow:0 0 22px rgba(var(--se-os-accent),.3)!important;
}
html[data-theme] body[data-se-os] #appShell .topbar :is(#seOsAppearance,#seOsHome) {
  border:1px solid rgba(var(--se-os-accent),.25)!important;
  background:linear-gradient(155deg,#ffffff0b,rgba(var(--se-os-accent),.06))!important;
  color:var(--se-os-text)!important;
  box-shadow:inset 0 1px #ffffff1a,0 7px 22px #0002!important;
}
html[data-theme] body[data-se-os] #mainContent {
  padding-bottom:max(120px,calc(env(safe-area-inset-bottom) + 104px))!important;
  scrollbar-width:thin;scrollbar-color:rgba(var(--se-os-accent),.22) transparent;
}
html[data-theme] body[data-se-os] #mainContent :is(
  .heroAction,.rowCard,.musicHero,.musicTrack,.musicPlaylist,
  .settingsGroup,.rootHomeWidget,.rootFeedCard,.rootHomeHero,.musicSection
) {
  background:linear-gradient(150deg,rgba(34,46,55,calc(var(--se-os-opacity) * .72)),
    rgba(9,19,29,var(--se-os-opacity)) 54%,rgba(14,25,35,calc(var(--se-os-opacity) * .85)))!important;
  border:1px solid rgba(var(--se-os-accent),.25)!important;
  border-radius:21px!important;
  box-shadow:inset 0 1px 0 #ffffff17,0 17px 36px #0004,0 0 0 1px #0002!important;
  -webkit-backdrop-filter:blur(25px) saturate(115%)!important;
  backdrop-filter:blur(25px) saturate(115%)!important;
}
html[data-theme] body[data-se-os] #mainContent :is(.rowCard,.heroAction,.rootHomeWidget,.settingsGroup):is(:hover,:focus-within) {
  border-color:rgba(var(--se-os-accent),.56)!important;
  box-shadow:inset 0 1px 0 #ffffff20,0 17px 38px #0004,0 0 24px rgba(var(--se-os-accent),.1)!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomeHero {
  min-height:clamp(188px,25vw,250px);
  background:linear-gradient(92deg,rgba(9,19,30,.94),rgba(13,27,39,.7) 66%,rgba(22,48,63,.23))!important;
  border-color:rgba(var(--se-os-accent),.38)!important;
  overflow:hidden;
}
html[data-theme] body[data-se-os] #mainContent .rootHomeHero::after {
  content:'';position:absolute;pointer-events:none;inset:auto 0 0 0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(var(--se-os-accent),.7),transparent);
  opacity:.65;
}
html[data-theme] body[data-se-os] #mainContent .rootHomePortrait {
  height:145%;width:47%;right:-1%;bottom:-29%;z-index:1;opacity:.92;
  object-fit:contain;object-position:center;
  filter:drop-shadow(0 0 28px rgba(var(--se-os-accent),.21));
  mask-image:linear-gradient(90deg,transparent,#000 24% 86%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 24% 86%,transparent);
}
html[data-theme] body[data-se-os] #mainContent .rootHomeIntro {position:relative;z-index:2;max-width:68%}
html[data-theme] body[data-se-os] #mainContent :is(.rootHomeEyebrow,.homeEyebrow) {
  color:rgb(var(--se-os-accent))!important;letter-spacing:.18em!important;
}
html[data-theme] body[data-se-os] #mainContent :is(.rootHomeWidget,.rowCard,.settingsGroup) button:not(.danger) {
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
html[data-theme] body[data-se-os] #mainContent button:focus-visible {
  outline:2px solid rgb(var(--se-os-accent))!important;outline-offset:3px;
}
html[data-theme] body[data-se-os] .drawerLayer .sideDrawer {
  width:min(360px,calc(100vw - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  border:1px solid rgba(var(--se-os-accent),.32)!important;
  border-radius:0 24px 24px 0!important;
  background:linear-gradient(155deg,rgba(16,26,37,.94),rgba(7,15,24,.96))!important;
  box-shadow:16px 0 50px #0006,inset -1px 0 #ffffff14!important;
  backdrop-filter:blur(30px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(120%)!important;
}
html[data-theme] body[data-se-os] .drawerLayer .drawerNav>button.on {
  background:linear-gradient(90deg,rgba(var(--se-os-accent),.17),rgba(var(--se-os-accent),.045))!important;
  border-color:rgba(var(--se-os-accent),.43)!important;
  box-shadow:inset 3px 0 rgba(var(--se-os-accent),.8)!important;
}
html[data-theme] body[data-se-os] #appShell>.nav.glassDock.seOsDock {
  display:block!important;flex:none!important;flex-direction:initial!important;
  align-items:initial!important;justify-content:initial!important;
  inset:auto!important;position:fixed!important;
  left:var(--se-orb-x,50%)!important;top:var(--se-orb-y,calc(100dvh - 66px))!important;
  height:72px!important;min-height:0!important;width:72px!important;
  padding:0!important;margin:0!important;transform:translate(-50%,-50%)!important;
  z-index:1400!important;isolation:isolate;
}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockItem {
  box-sizing:border-box!important;
  display:flex!important;flex:0 0 auto!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;
  width:66px!important;min-width:0!important;max-width:none!important;
  height:60px!important;min-height:0!important;
  padding:5px 3px!important;margin:0!important;
  overflow:hidden!important;white-space:normal!important;
  background:linear-gradient(148deg,rgba(35,53,67,.87),rgba(7,18,28,.94))!important;
  border:1px solid rgba(var(--se-os-accent),.42)!important;
  box-shadow:0 10px 25px #0007,0 0 16px rgba(var(--se-os-accent),.13),inset 0 1px #ffffff22!important;
}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockHome {
  box-sizing:border-box!important;
  width:72px!important;height:72px!important;min-height:72px!important;
  border-radius:50%!important;padding:0!important;z-index:5;
  flex:0 0 auto!important;transform:none!important;
  background:radial-gradient(circle at 32% 20%,rgba(var(--se-os-accent),.38),rgba(11,24,38,.98) 57%,rgba(6,13,24,.98))!important;
  box-shadow:0 0 0 5px #08121cbe,0 0 30px rgba(var(--se-os-accent),.31),inset 0 1px 4px #ffffff42!important;
}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockHome::after{
  display:block!important;content:'S/E'!important;position:static!important;
  font:italic 650 20px/1 system-ui!important;letter-spacing:.14em!important;
  background:none!important;width:auto!important;height:auto!important;
  opacity:1!important;transform:none!important;color:var(--se-os-text)!important;
  text-shadow:0 0 15px rgba(var(--se-os-accent),.8)!important;
}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock.seOsClosed>button:not(.glassDockHome) {
  transform:scale(.18)!important;opacity:0!important;pointer-events:none!important;
}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockItem:focus-visible{
  outline:2px solid rgb(var(--se-os-accent))!important;outline-offset:3px;
}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock>button.glassDockItem.on:not(.glassDockHome) {
  border-color:rgba(var(--se-os-accent),.82)!important;
  box-shadow:0 10px 27px #0008,0 0 20px rgba(var(--se-os-accent),.3)!important;
}
html[data-theme] body[data-se-os] #appShell>.nav.seOsDock .glassDockLabel {
  display:block!important;font:500 10px/1.12 system-ui!important;
  text-shadow:none!important;
}
html[data-theme] body[data-se-os] #seOsSettings{
  color:var(--se-os-text)!important;
  background:linear-gradient(145deg,rgba(21,34,47,.97),rgba(7,15,23,.98))!important;
  border-color:rgba(var(--se-os-accent),.35)!important;
  box-shadow:0 28px 74px #0009,inset 0 1px #ffffff21!important;
}
html[data-theme] body[data-se-os] #seOsSettings button:hover {
  border-color:rgba(var(--se-os-accent),.7)!important;
}
html[data-theme] body[data-se-os].seOsLight{
  --se-os-text:#172b3e;--se-os-muted:#4b6378;
  --se-os-ink:#122637;color-scheme:light;
  background:radial-gradient(ellipse at 88% 4%,rgba(var(--se-os-accent),.17),transparent 70%),#cedee8!important;
}
html[data-theme] body[data-se-os].seOsLight::before{opacity:.07!important}
html[data-theme] body[data-se-os].seOsLight #appShell .topbar{
  background:linear-gradient(115deg,rgba(230,242,251,.87),rgba(210,227,239,.84))!important;
  border-color:rgba(36,88,118,.2)!important;
}
html[data-theme] body[data-se-os].seOsLight #mainContent :is(
  .heroAction,.rowCard,.musicHero,.musicTrack,.musicPlaylist,
  .settingsGroup,.rootHomeWidget,.rootFeedCard,.rootHomeHero,.musicSection
){
  color:#172b3e!important;background:rgba(238,247,253,.82)!important;
  border-color:rgba(52,122,168,.24)!important;
  box-shadow:0 13px 32px #2a5c7821,inset 0 1px #fff!important;
}
html[data-theme] body[data-se-os].seOsLight #mainContent .rootHomeHero{
  background:linear-gradient(90deg,rgba(226,241,251,.95),rgba(218,235,248,.82) 72%,rgba(190,216,233,.45))!important;
}
html[data-theme] body[data-se-os].seOsLight #mainContent :is(.rootHomeWidget p,.rootFeedCard p,.rootHomeHero p,.rowPreview,.small,.sub,.sectionSub) {
  color:#415f76!important;
}
html[data-theme] body[data-se-os].seOsLight .drawerLayer .sideDrawer,
html[data-theme] body[data-se-os].seOsLight #seOsSettings {
  background:linear-gradient(150deg,rgba(237,247,254,.97),rgba(210,229,243,.98))!important;
  color:#193044!important;
  border-color:rgba(51,117,160,.3)!important;
}
html[data-theme] body[data-se-os].seOsLight #seOsSettings :is(button,label,p) {color:#264457!important}
html[data-theme] body[data-se-os].seOsLight #appShell>.nav.seOsDock>button.glassDockItem:not(.glassDockHome){
  background:linear-gradient(145deg,rgba(239,248,255,.96),rgba(205,227,242,.95))!important;
  color:#1c3850!important;
}
html[data-theme] body[data-se-os].seOsLight #appShell>.nav.seOsDock .glassDockLabel{color:#1c3850!important}
@media(min-width:900px){
 html[data-theme] body[data-se-os] #appShell{padding-bottom:0!important}
 html[data-theme] body[data-se-os] #mainContent{max-width:min(1460px,100%)!important;margin-inline:auto}
}
@media(max-width:600px){
 html[data-theme] body[data-se-os] #appShell .topbar .topTitle{font-size:12px!important;letter-spacing:.11em!important}
 html[data-theme] body[data-se-os] #appShell .topbar :is(#seOsAppearance,#seOsHome){padding:8px 9px!important}
 html[data-theme] body[data-se-os] #mainContent .rootHomeHero{min-height:172px!important;padding:19px!important}
 html[data-theme] body[data-se-os] #mainContent .rootHomeIntro{max-width:66%!important}
 html[data-theme] body[data-se-os] #mainContent .rootHomePortrait{height:131%;width:56%;right:-8%;bottom:-19%}
 html[data-theme] body[data-se-os] #mainContent :is(.rootHomeWidget,.settingsGroup,.heroAction){border-radius:17px!important}
 html[data-theme] body[data-se-os] #seOsSettings{top:calc(env(safe-area-inset-top) + 63px);right:12px;padding:19px}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme] body[data-se-os] #appShell::before{animation:none!important}
}

/* Personal page — reference typography and real planner summary. */
html[data-theme] body[data-se-os] #mainContent .rootHomeHero .sePersonalTitle{
  margin:0 0 12px!important;color:rgb(var(--se-os-accent))!important;
  font-size:clamp(22px,3.4vw,37px)!important;line-height:1.12!important;
  font-weight:720!important;letter-spacing:-.026em!important;text-shadow:0 0 26px rgba(var(--se-os-accent),.16)!important;
}
html[data-theme] body[data-se-os] #mainContent .sePersonalBrand{
  display:inline-block;position:relative;overflow:hidden;margin:0 0 15px!important;
  color:rgb(var(--se-os-accent))!important;font-weight:680!important;
  font-size:clamp(12px,1.7vw,17px)!important;letter-spacing:.24em!important;
  text-shadow:0 0 20px rgba(var(--se-os-accent),.20)!important;
  -webkit-background-clip:text;background-clip:text;
}
html[data-theme] body[data-se-os] #mainContent .sePersonalBrand::after{
  content:attr(data-text);position:absolute;inset:0;
  color:transparent;white-space:nowrap;letter-spacing:inherit;font:inherit;
  background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,.12) 47%,#fff 50%,rgba(255,255,255,.12) 53%,transparent 60%,transparent 100%);
  background-size:260% 100%;background-position:150% 50%;
  -webkit-background-clip:text;background-clip:text;
  animation:sePersonalShine 10s ease-in-out infinite;pointer-events:none;
}
@keyframes sePersonalShine{0%,22%{background-position:150% 50%}56%,100%{background-position:-150% 50%}}
html[data-theme] body[data-se-os] #mainContent .sePersonalGreeting{
  margin:0!important;color:#f1f8ff!important;font-size:clamp(14px,2vw,18px)!important;
  font-weight:510!important;line-height:1.45!important;text-shadow:0 1px 12px #0009!important;
}
html[data-theme] body[data-se-os] #mainContent .seDaySummary{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px 23px;
  padding:11px 3px;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;
}
html[data-theme] body[data-se-os] #mainContent .seDaySummaryLabel{
  font:600 12px/1.4 system-ui;letter-spacing:.06em;color:var(--se-os-muted);
}
html[data-theme] body[data-se-os] #mainContent .seDaySummary button{
  display:inline-flex;gap:6px;align-items:center;padding:3px 0!important;
  min-height:32px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  font:540 13px/1.4 system-ui!important;color:var(--se-os-text)!important;
  text-decoration:none!important;cursor:pointer;
}
html[data-theme] body[data-se-os] #mainContent .seDaySummary button b{
  font-size:12px;color:rgb(var(--se-os-accent));font-variant-numeric:tabular-nums;
}
html[data-theme] body[data-se-os] #mainContent .seDaySummary button:hover{
  text-decoration:underline!important;text-underline-offset:5px!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomePortrait{
  height:157%!important;width:47%!important;right:-2%!important;bottom:-38%!important;opacity:1!important;
  filter:drop-shadow(0 0 18px rgba(var(--se-os-accent),.28))!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomeHero{min-height:235px!important}
html[data-theme] body[data-se-os] #mainContent .rootHomeIntro{max-width:68%!important}
html[data-theme] body[data-se-os].seOsLight #mainContent .sePersonalGreeting{color:#19374d!important;text-shadow:none!important}
@media(max-width:600px){
 html[data-theme] body[data-se-os] #mainContent .rootHomeHero{min-height:195px!important}
 html[data-theme] body[data-se-os] #mainContent .rootHomePortrait{height:155%!important;width:59%!important;right:-13%!important;bottom:-39%!important}
 html[data-theme] body[data-se-os] #mainContent .rootHomeIntro{max-width:71%!important}
 html[data-theme] body[data-se-os] #mainContent .sePersonalBrand{font-size:11px!important;letter-spacing:.16em!important}
 html[data-theme] body[data-se-os] #mainContent .seDaySummary{gap:5px 13px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] body[data-se-os] #mainContent .sePersonalBrand::after{animation:none!important;display:none!important}}

/* Production SYSTEM ERROR — subdued emblem behind translucent content, 2026-10-11 */
html[data-theme] body[data-se-os] #appShell.shell {
  background-color:#060b13!important;
  background-image:
    linear-gradient(180deg,rgba(4,9,17,.79),rgba(4,10,18,.72)),
    url('/static/root-brand/root-wallpaper.webp')!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,center 48%!important;
  background-size:cover,cover!important;
  background-attachment:scroll,scroll!important;
}
html[data-theme] body[data-se-os] #appShell::before {
  opacity:.25!important;
  background:radial-gradient(ellipse at 53% 38%,rgba(var(--se-os-accent),.07),transparent 64%)!important;
}
html[data-theme] body[data-se-os] #mainContent :is(
 .rowCard,.heroAction,.settingsGroup,.rootHomeWidget:not(.seWeather),.rootFeedCard,
 .musicHero,.musicTrack,.musicPlaylist,.musicSection
) {
 background:linear-gradient(145deg,rgba(14,28,43,.34),rgba(6,18,30,.29))!important;
 -webkit-backdrop-filter:blur(10px) saturate(115%)!important;
 backdrop-filter:blur(10px) saturate(115%)!important;
 border-color:rgba(var(--se-os-accent),.27)!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomeHero {
 position:relative!important;
 isolation:isolate!important;
 overflow:hidden!important;
 min-height:clamp(252px,28vw,365px)!important;
 border:1px solid rgba(var(--se-os-accent),.42)!important;
 background:linear-gradient(105deg,rgba(9,23,39,.37),rgba(10,28,45,.14) 63%,rgba(5,18,32,.09))!important;
 -webkit-backdrop-filter:blur(8px) saturate(110%)!important;
 backdrop-filter:blur(8px) saturate(110%)!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomeHero::before {
 content:''!important;
 position:absolute!important;inset:0!important;
 z-index:0!important;pointer-events:none!important;
 background:
  radial-gradient(ellipse 46% 95% at 80% 52%,rgba(18,146,245,.22),transparent 78%),
  linear-gradient(90deg,rgba(5,15,26,.28),transparent 71%)!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomeIntro {
 position:relative!important;z-index:3!important;
 max-width:59%!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomePortrait {
 position:absolute!important;z-index:2!important;
 width:62%!important;height:155%!important;
 right:-2%!important;bottom:-42.5%!important;
 object-fit:contain!important;object-position:center 35%!important;
 opacity:.96!important;
 mix-blend-mode:screen!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 83%,transparent 100%)!important;
 mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 83%,transparent 100%)!important;
 filter:drop-shadow(0 0 19px rgba(25,158,255,.27))!important;
 pointer-events:none!important;
}
html[data-theme] body[data-se-os] #mainContent .rootHomeHero::after {
 z-index:4!important;
}
html[data-theme] body[data-se-os].seOsLight #appShell.shell {
 background-image:linear-gradient(180deg,rgba(222,238,249,.86),rgba(209,230,243,.77)),url('/static/root-brand/root-wallpaper.webp')!important;
}
html[data-theme] body[data-se-os].seOsLight #mainContent .rootHomeHero {
 background:linear-gradient(90deg,rgba(223,239,250,.64),rgba(225,241,252,.23))!important;
}
html[data-theme] body[data-se-os].seOsLight #mainContent .rootHomePortrait{mix-blend-mode:multiply!important}
@media(max-width:650px){
 html[data-theme] body[data-se-os] #appShell.shell{
  background-position:center,center center!important;
  background-size:cover,auto 100%!important;
 }
 html[data-theme] body[data-se-os] #mainContent .rootHomeHero {
  min-height:clamp(225px,63vw,295px)!important;
  padding:19px!important;
 }
 html[data-theme] body[data-se-os] #mainContent .rootHomeIntro{
  max-width:58%!important;
 }
 html[data-theme] body[data-se-os] #mainContent .rootHomePortrait{
  width:87%!important;height:145%!important;right:-20%!important;bottom:-34.5%!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 21%,#000 88%,transparent)!important;
  mask-image:linear-gradient(90deg,transparent,#000 21%,#000 88%,transparent)!important;
 }
}
@media(max-width:390px){
 html[data-theme] body[data-se-os] #mainContent .rootHomePortrait{
  width:92%!important;right:-25%!important;
 }
 html[data-theme] body[data-se-os] #mainContent .rootHomeIntro{max-width:62%!important}
}