/* Cinematic entries only. Anime Watch never loads this stylesheet. */
body[data-page="home"]{position:relative;isolation:isolate}
body[data-page="home"]:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0b0c1070,#0b0c1055 50%,#0b0c10b3),url('/dashboard/landscape-wide.webp') center/cover no-repeat}
body[data-page="home"] .home-quick-login{scroll-margin-top:95px;margin:0 0 30px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--panel);backdrop-filter:blur(18px);color:var(--ink)}
.home-login-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.home-login-heading h2{margin:8px 0;font-size:24px}.home-login-heading p{font-size:13px;line-height:1.7;color:var(--muted)}
.home-login-heading>a{display:inline-flex;align-items:center;gap:7px}.home-login-heading>a .icon{width:14px;height:14px}.home-login-heading>a,.home-login-admin{color:var(--mint);font-size:12px;text-decoration:none}.home-login-runtime{padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}
.home-login-picker{padding:0;margin:20px 0 0;border:0;min-width:0}.home-login-picker legend{font-size:13px;font-weight:650;margin-bottom:12px}
.home-login-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-login-accounts>p{font-size:13px;color:var(--muted)}
.home-login-account{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--ink) 4%,transparent);cursor:pointer;min-width:0}.home-login-account:has(input:checked){border-color:var(--mint);background:color-mix(in srgb,var(--mint) 9%,transparent)}
.home-login-account input{width:16px;height:16px;flex-shrink:0;accent-color:var(--mint)}.home-login-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;color:var(--mint);font-weight:650}
.home-login-account-copy{min-width:0;flex:1}.home-login-account-copy strong{display:block;font-size:14px;overflow-wrap:anywhere}.home-login-account-copy small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:4px}.home-login-state{font-size:11px;color:var(--mint);flex-shrink:0}
.home-login-help,.home-login-verify>p{font-size:12px;line-height:1.8;color:var(--muted)}.home-login-actions{display:flex;align-items:center;gap:12px;margin:18px 0}.home-login-actions a{color:var(--ink);text-decoration:none;padding:12px 18px;border:1px dashed var(--line);border-radius:12px;font-size:12px}
.home-quick-login button{padding:13px 20px;background:var(--mint);color:#0b0c10;border:0;border-radius:12px;font:inherit;font-weight:600;font-size:13px;cursor:pointer;min-height:44px}.home-quick-login button:disabled{opacity:.45;cursor:default}
.home-login-verify[hidden]{display:none}.home-login-verify{max-width:580px}.home-login-verify label{display:block;font-size:12px;margin-bottom:8px}.home-login-verify>div{display:flex;gap:10px}.home-login-verify input{min-width:0;width:200px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:16px;letter-spacing:3px}
.home-login-error{font-size:13px;color:#ffb4b4;line-height:1.7}.home-quick-login :is(button,a,input):focus-visible{outline:2px solid var(--mint);outline-offset:3px}
@media(max-width:680px){body[data-page="home"] .home-quick-login{padding:20px 16px}.home-login-heading{align-items:flex-start;flex-direction:column;gap:0}.home-login-accounts{grid-template-columns:minmax(0,1fr)}.home-login-actions{align-items:stretch;flex-direction:column;text-align:center}.home-login-account{padding:12px;gap:9px}.home-login-verify>div{flex-wrap:wrap}.home-login-verify input{flex:1;min-width:130px}.home-login-verify button{flex:1}.home-login-account-copy strong{font-size:13px}.home-login-state{font-size:10px}}
body[data-page="home"] .home-page{max-width:1440px;padding:22px 28px 48px}
body[data-page="home"] .shadow-home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px;margin:0 0 30px;padding:90px 28px 70px;text-align:center;border:0;border-radius:0;background:transparent;color:#f3f4f5}
body[data-page="home"] .shadow-home-hero:before{display:none}
body[data-page="home"] .shadow-home-hero .eyebrow{justify-content:center;color:#c2dbdc;margin:0 0 22px}
html[data-skin] body[data-page="home"] .shadow-home-hero .eyebrow{color:var(--c-violet,#c3a8ff)}
body[data-page="home"] .shadow-home-hero h1{margin:0 auto;max-width:950px;font-size:clamp(36px,5.5vw,76px);line-height:1.08;letter-spacing:-.045em;text-shadow:0 3px 30px #0008}
body[data-page="home"] .shadow-home-hero h1 em{color:var(--mint)}
body[data-page="home"] .shadow-home-hero .shadow-hero-sub{margin:22px auto 32px;font-size:14px;line-height:1.8;color:#dde3ed;text-shadow:0 1px 12px #000}
.shadow-home-composer{max-width:720px;margin:auto;padding:20px 22px 14px;border:1px solid #ffffff38;border-radius:19px;background:#0b0c10dc;box-shadow:0 18px 55px #0005;backdrop-filter:blur(18px);text-align:left}
.shadow-home-composer textarea{display:block;width:100%;min-height:85px;max-height:240px;resize:vertical;padding:0;border:0;background:transparent;color:#f3f4f5;font-family:inherit;font-size:14px;line-height:1.7;outline:0}
.shadow-home-composer textarea::placeholder{color:#aeb7c8;opacity:1}
.shadow-home-composer:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 20%,transparent),0 18px 55px #0005}
.shadow-home-tools{display:flex;align-items:center;gap:16px;font-size:11px;color:#c4ccd8}
.shadow-home-tools>span{display:flex;gap:8px;align-items:center}
.shadow-home-tools>span>span{color:var(--mint)}
.shadow-home-tools a{margin-left:auto;color:#d5dce5;text-decoration:none}
.shadow-home-tools a,.shadow-home-links a{display:inline-flex;align-items:center;gap:7px}
.shadow-home-tools .icon,.shadow-home-links .icon{width:14px;height:14px}
.shadow-home-tools button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--mint);color:#0b0c10;font-size:24px;cursor:pointer;flex-shrink:0}
.shadow-home-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}
.shadow-home-links a{padding:9px 14px;border:1px solid #ffffff26;border-radius:999px;background:#0b0c1099;color:#d8dee9;font-size:11px;text-decoration:none;backdrop-filter:blur(12px)}
.shadow-home-links a span{margin-left:7px;color:var(--mint)}
.shadow-home-hero :is(a,button):focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.shadow-home-hero :is(a,button):hover{filter:brightness(1.15)}

/* The existing account picker and Telegram forms remain intact. */
html[data-theme][data-skin] .login-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:100%;padding:48px 24px;min-height:100svh;overflow:hidden}
html[data-theme][data-skin] .login-wrap:before{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--v-bg) 48%,transparent),color-mix(in srgb,var(--v-bg) 68%,transparent) 65%,var(--v-bg)),url('/dashboard/landscape-wide.webp') center/cover no-repeat}
html[data-theme][data-skin] .login-wrap:after{display:none}
.shadow-entry-intro{width:100%;max-width:820px;position:relative;text-align:center;color:#eef0fc}
.shadow-entry-intro .shadow-entry-kicker{margin:0 0 18px;font-size:10px;font-weight:700;letter-spacing:.2em;color:#c6d5f4}
.shadow-entry-intro h2{margin:0;font-size:clamp(34px,5vw,64px);font-weight:650;line-height:1.08;letter-spacing:-.045em;text-shadow:0 2px 20px #0006}
.shadow-entry-intro h2 em{font-style:normal;color:var(--g-orange2,var(--mint,#8b7dff))}
.shadow-entry-intro>p:last-child{margin:18px auto 0;max-width:560px;color:#d5dbea;font-size:13px;line-height:1.7;text-shadow:0 1px 10px #000}
html[data-theme][data-skin] .login-wrap .login{width:min(500px,100%);padding:28px;border-radius:24px}
html[data-theme][data-skin] .login-wrap .login h1{font-size:25px}
html[data-theme][data-skin] .login-wrap .login>.brand{display:flex}
html[data-theme="light"] .shadow-entry-intro{color:var(--v-ink)}
html[data-theme="light"] .shadow-entry-intro :is(.shadow-entry-kicker,p:last-child){color:var(--v-muted);text-shadow:none}
html[data-theme="light"] .shadow-entry-intro h2{text-shadow:none}
body.glass-page.shadow-setup{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:30px;padding:48px 24px;background:#080b12}
body.shadow-setup:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(180deg,#080b1240,#080b1270 55%,#080b12),url('/dashboard/landscape-wide.webp') center top/cover no-repeat}
body.shadow-setup>main{width:min(500px,100%);border-radius:24px}
body.shadow-setup .shadow-entry-intro h2{font-size:clamp(34px,5vw,58px)}

/* Real system readouts and actions, against the same original landscape. */
html[data-theme][data-skin] .command-hero{display:flex;flex-direction:column;gap:24px;padding:54px 28px 24px;min-height:360px;background:linear-gradient(180deg,color-mix(in srgb,var(--v-bg) 50%,transparent),color-mix(in srgb,var(--v-bg) 65%,transparent) 60%,var(--v-bg)),url('/dashboard/landscape-wide.webp') center 44%/cover;border-radius:24px}
html[data-theme][data-skin] .command-hero:before,html[data-theme][data-skin] .command-hero:after{display:none}
html[data-theme][data-skin] .command-hero .command-visual{display:none}
html[data-theme][data-skin] .command-copy{width:100%;text-align:center}
html[data-theme][data-skin] .command-copy h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em}
html[data-theme][data-skin] .command-eyebrow,html[data-theme][data-skin] .command-status-row{justify-content:center}
html[data-theme][data-skin] .command-copy>p{max-width:640px;margin:14px auto;color:var(--v-ink)}
html[data-theme][data-skin] .command-hero .command-actions{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin:0}
html[data-theme][data-skin] .command-hero .command-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:auto;padding:14px 0 0;border-top:1px solid var(--v-line)}
html[data-theme][data-skin] .command-readouts .command-readout{padding:10px 16px;border:0;min-width:0;background:color-mix(in srgb,var(--v-bg) 70%,transparent);border-radius:10px}

/* Only the empty AI workspace gets a hero; conversation scrolling stays as-is. */
.sw-workspace.sw-welcome-mode .sw-main{position:relative;isolation:isolate;overflow-y:auto;overscroll-behavior:contain}
.sw-workspace.sw-welcome-mode .sw-main:before{position:absolute;inset:0;min-height:660px;content:"";z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--v-bg) 38%,transparent),color-mix(in srgb,var(--v-bg) 52%,transparent) 40%,var(--v-bg) 95%),url('/dashboard/landscape-wide.webp') center 42%/cover}
.sw-welcome-mode .sw-toolbar,.sw-welcome-mode .sw-readiness{background:color-mix(in srgb,var(--v-bg) 82%,transparent);flex-shrink:0}
.sw-welcome-mode .sw-conversation{flex:0 0 auto;overflow:visible;padding:clamp(28px,5vh,60px) 24px 0}
.sw-welcome-mode .sw-welcome{margin:0 auto}
.sw-welcome-mode .sw-emblem{display:none}
.sw-welcome-mode .sw-eyebrow{margin:0 0 18px;color:var(--v-ink)}
.sw-welcome-mode .sw-welcome h2{font-size:clamp(30px,3.8vw,56px);font-weight:600;letter-spacing:-.04em;text-shadow:0 2px 22px #0005}
.sw-welcome-mode .sw-welcome-sub{margin:18px auto 22px;color:var(--v-ink);text-shadow:0 1px 12px #000}
.sw-welcome-mode .sw-composer-wrap{margin:0 auto auto;padding:8px 24px 26px;max-width:780px}
.sw-welcome-mode .sw-composer{padding:20px 20px 14px;background:color-mix(in srgb,var(--v-bg) 90%,transparent);border-radius:18px;backdrop-filter:blur(20px);box-shadow:0 18px 50px #0004}
.sw-welcome-mode .sw-composer textarea{min-height:80px}
.sw-welcome-mode .sw-agent-help{color:var(--v-ink);font-size:10px;line-height:1.6}
.sw-composer-wrap>.sw-starters{margin-top:22px}
.sw-welcome-mode .sw-starters button{background:color-mix(in srgb,var(--v-bg) 83%,transparent);backdrop-filter:blur(16px)}
.sw-welcome-mode .sw-starters svg{margin-bottom:12px;color:var(--v-accent)}
.sw-welcome-mode .sw-starters button:hover{border-color:var(--v-accent)}
html[data-theme="light"] .sw-welcome-mode :is(h2,.sw-welcome-sub){text-shadow:none}

/* Home navigation needs two rows on tablets and landscape phones as well. */
@media(max-width:980px){
 html[data-skin] body[data-page="home"] .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;height:auto;min-height:96px;padding:14px 18px;border-radius:24px}
 html[data-skin] body[data-page="home"] .site-header .brand{margin:0}
 html[data-skin] body[data-page="home"] .site-header nav{margin:0;gap:4px;justify-content:flex-end}
 html[data-skin] body[data-page="home"] .site-header nav a{font-size:10px;padding:8px 7px}
 html[data-skin] body[data-page="home"] .site-header nav a:first-child{display:none}
 html[data-skin] body[data-page="home"] .site-header .lang-picker{margin:0;max-width:100%;justify-self:start}
 html[data-skin] body[data-page="home"] .site-header .lang-picker select{min-height:32px;padding:6px 10px;font-size:11px}
 html[data-skin] body[data-page="home"] .site-header .account-link{justify-self:end;order:0;padding:5px 8px}
}

@media(max-width:760px){
 body[data-page="home"] .home-page{padding:16px 16px 32px}
 body[data-page="home"] .shadow-home-hero{min-height:540px;padding:65px 18px 44px;border-radius:22px}
 body[data-page="home"]:before,html[data-theme][data-skin] .login-wrap:before,body.shadow-setup:before,.sw-workspace.sw-welcome-mode .sw-main:before{background-image:linear-gradient(180deg,#080b1255,#080b1280 55%,#080b12b3),url('/dashboard/landscape-mobile.webp')}
 html[data-theme="light"] .login-wrap:before,html[data-theme="light"] .sw-workspace.sw-welcome-mode .sw-main:before{background-image:linear-gradient(180deg,color-mix(in srgb,var(--v-bg) 72%,transparent),var(--v-bg)),url('/dashboard/landscape-mobile.webp')}
 body[data-page="home"] .shadow-home-hero h1{font-size:clamp(31px,6.5vw,50px)}
 body[data-page="home"] .shadow-home-hero .shadow-hero-sub{font-size:12px;max-width:400px;margin:20px auto 25px}
 .shadow-home-composer{padding:16px 16px 12px;border-radius:16px}
 .shadow-home-tools{gap:10px;font-size:10px}
 .shadow-home-tools button{width:36px;height:36px}
 .shadow-home-links{gap:7px}
 .shadow-home-links a{padding:8px 10px;font-size:10px}
 html[data-theme][data-skin] .login-wrap,body.glass-page.shadow-setup{padding:30px 16px;gap:24px}
 html[data-theme][data-skin] .login-wrap .login,body.shadow-setup>main{padding:24px 20px;border-radius:22px}
 .shadow-entry-intro h2{font-size:clamp(31px,6vw,44px)}
 .shadow-entry-intro .shadow-entry-kicker{font-size:9px;margin-bottom:13px}
 .shadow-entry-intro>p:last-child{font-size:12px;margin-top:14px}
 html[data-theme][data-skin] .command-hero{padding:34px 18px 18px;gap:18px;min-height:330px;border-radius:18px}
 html[data-theme][data-skin] .command-hero .command-readouts{gap:6px}
 html[data-theme][data-skin] .command-readouts .command-readout{padding:9px 7px}
 .sw-workspace.sw-welcome-mode{height:var(--shadow-workspace-height,calc(100dvh - 155px));min-height:0}
 .sw-welcome-mode .sw-conversation{padding:36px 16px 0}
 .sw-welcome-mode .sw-welcome h2{font-size:clamp(29px,5vw,40px)}
 .sw-welcome-mode .sw-welcome-sub{font-size:11px;margin:16px auto}
 .sw-welcome-mode .sw-composer-wrap{padding:8px 12px 24px}
 .sw-welcome-mode .sw-composer{padding:15px 12px 10px}
 .sw-welcome-mode .sw-composer-actions{flex-wrap:wrap;gap:8px}
 .sw-welcome-mode .sw-modes{display:flex;flex:1 1 100%;gap:4px}
 .sw-welcome-mode .sw-modes button{flex:1;min-height:36px;padding:8px 4px;justify-content:center}
 .sw-welcome-mode .sw-send-tools{margin-left:auto}
 .sw-composer-wrap>.sw-starters{margin-top:16px}
}
@media(max-width:380px){
 html[data-skin] body[data-page="home"] .site-header{padding:12px 14px;gap:10px 6px}
 .shadow-home-tools a{font-size:9px}.shadow-home-tools{gap:8px}
 body[data-page="home"] .shadow-home-hero{padding:50px 14px 35px}
 html[data-theme][data-skin] .command-hero .command-readouts{grid-template-columns:1fr}
}

/* Compact AI panels keep the composer visible; the welcome content scrolls. */
@media(max-width:1180px){
 .sw-workspace.sw-welcome-mode .sw-main{overflow:hidden}
 .sw-welcome-mode .sw-conversation{flex:1 1 0;min-height:0;overflow:auto;padding:24px 16px 12px}
 .sw-welcome-mode .sw-composer-wrap{margin:0 auto;flex:0 0 auto;padding:8px 12px 12px}
 .sw-welcome-mode .sw-composer{padding:12px}
 .sw-welcome-mode .sw-composer textarea{min-height:48px}
 .sw-welcome-mode .sw-starters{margin-top:18px}
 .sw-welcome-mode .sw-agent-help{max-height:32px;overflow:auto;font-size:10px}
}
@media(max-height:600px) and (max-width:1180px){
 .sw-welcome-mode .sw-agent-help,.sw-composer-help{display:none}
 .sw-welcome-mode .sw-conversation{padding:12px}
 .sw-welcome-mode .sw-composer textarea{min-height:36px}
}
@media(max-width:420px){
 .sw-workspace .sw-composer-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
 .sw-workspace .sw-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:2px}
 .sw-workspace .sw-modes button{justify-content:center;min-height:44px!important;font-size:10px!important}
}
@media(max-width:1180px) and (max-height:700px){
 :root[data-theme] #app[data-view="aiworkspace"] .top{display:flex;margin-bottom:8px}
 :root[data-theme] #app[data-view="aiworkspace"] .top>div:first-child{display:none}
 :root[data-theme] #app[data-view="aiworkspace"] .top-actions>:not(#headerReplySwitch){display:none}
 .sw-workspace .sw-readiness{padding-block:5px;font-size:10px;flex-wrap:nowrap}
 .sw-readiness>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sw-welcome-mode .sw-agent-help,.sw-composer-help{display:none}
 .sw-welcome-mode .sw-composer textarea{min-height:36px}
 .sw-welcome-mode .sw-conversation{padding-block:8px}
}
@media(max-width:1180px){
 :root[data-keyboard="true"] #app[data-view="aiworkspace"] .top{display:none!important}
 :root[data-keyboard="true"] #app[data-view="aiworkspace"] .side{display:none!important}
 :root[data-keyboard="true"] #app[data-view="aiworkspace"] .content{padding:8px!important}
}
@media(max-width:1180px){
 :root[data-theme] #app[data-view="aiworkspace"] .top{flex-wrap:wrap}
 :root[data-theme] #app[data-view="aiworkspace"] .top-actions{min-width:0;max-width:100%}
}

/* The public home and signed-in dashboard share one workspace entry. */
body[data-page="home"] .home-workspace-entry{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:12px;max-width:650px;margin:28px auto 0;text-align:left}
body[data-page="home"] #homeDashboardOpen,body[data-page="home"] #homeWorkspaceMenu summary{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-size:16px;text-decoration:none;cursor:pointer}
body[data-page="home"] #homeDashboardOpen{background:#b7a8ff;color:#17142a;font-weight:650}
body[data-page="home"] #homeWorkspaceMenu{min-width:180px;max-width:100%}
body[data-page="home"] #homeWorkspaceMenu summary:after{content:'⌄'}
body[data-page="home"] #homeWorkspaceMenu nav{display:grid;gap:4px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
body[data-page="home"] #homeWorkspaceMenu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:var(--ink);font-size:15px;text-decoration:none;border-radius:8px}
body[data-page="home"] #homeWorkspaceMenu a:hover{background:var(--panel)}
body[data-page="home"] .home-account-help{margin-top:12px;color:var(--muted);font-size:14px}
body[data-page="home"] .home-account-help summary{min-height:44px;padding-block:10px;cursor:pointer}
body[data-page="home"] .home-quick-login :is(button,label,legend,.home-login-heading>a,.home-login-admin,.home-login-help){font-size:15px}
body[data-page="home"] .home-workspace-entry :is(a,summary):focus-visible{outline:2px solid var(--mint);outline-offset:3px}
@media(max-width:480px){body[data-page="home"] .home-workspace-entry{flex-direction:column;align-items:stretch}body[data-page="home"] #homeWorkspaceMenu{width:100%}}

/* Public entry shares Studio's readable scale; mountain artwork stays static. */
body[data-page="home"] .shadow-home-hero .shadow-hero-sub{max-width:52ch;font-size:clamp(16px,1.4vw,18px);line-height:1.65}
body[data-page="home"] .home-quick-login{background:#101827;backdrop-filter:none}
body[data-page="home"] .shadow-home-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
body[data-page="home"] .shadow-home-tools button{width:44px;height:44px}
