/* Reference-matched layout; existing motion declarations and theme controls remain authoritative. */
.premium-welcome,.premium-hero-actions,.premium-hero-note,.premium-summary{display:none}
.premium-search-close{display:none}
html[data-ui-mode="classic"] .hero h2.study-typing-heading{font-size:clamp(2.75rem,5.9vw,5.75rem);line-height:1.07;letter-spacing:-.065em;margin:25px auto 17px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]){--studio-side-width:260px;--premium-gutter:20px}
html[data-ui-mode="studio"][data-theme="pure-black"]:not([data-nova-ui="on"]){--bg:#050506;--bg-alt:#08090b;--surface:#101114;--surface-high:#16181c;--surface-soft:#121316;--hover:#22242a;--text-soft:#d3d4db;--muted:#a7a9b0;--line:rgba(255,255,255,.12);--line-bold:rgba(255,255,255,.22)}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) body{background:var(--bg);min-width:0}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) main .shell{max-width:1600px;padding-inline:var(--premium-gutter)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-shell{padding:8px var(--premium-gutter)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav{height:66px;gap:20px!important;padding:0!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav .brand{font-family:inherit;font-size:22px!important;font-weight:740;gap:10px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav>.nav-right{display:contents}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav #topSearch{display:flex!important;flex:1;min-width:0;max-width:760px;width:auto;height:48px;padding:0 18px;border-radius:15px;margin-inline:auto;border:1px solid var(--line-bold);background:linear-gradient(125deg,var(--surface),var(--surface-high));font-size:13px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #topSearch>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #topSearch svg{width:19px;height:19px;flex:none}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav .round-btn{width:40px!important;height:44px!important;flex:none}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav .avatar{width:44px;height:44px;flex:none;font-size:16px;background:linear-gradient(130deg,var(--surface-high),var(--hover))}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .anime-top-logo{width:40px;height:40px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-sidebar{padding:23px 14px!important;gap:18px!important;border-radius:0 16px 16px 0;background:linear-gradient(140deg,var(--bg-alt),var(--bg))}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-brand{padding:0 8px 12px;gap:13px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-brand .studio-mark{width:50px;height:55px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-brand strong{font-size:20px;letter-spacing:-.03em}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-brand small{font-size:12px;letter-spacing:0;margin-top:6px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-nav-group{border-top:1px solid var(--line)!important;padding-top:16px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-brand+.studio-nav-group{border-top:0!important;padding-top:0}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-nav-caption{font-size:10px;font-weight:650;letter-spacing:.15em;padding:0 14px 8px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-link{font-size:13px;font-weight:500;min-height:43px;padding:10px 15px;border-radius:12px!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-link.active{background:linear-gradient(115deg,var(--hover),var(--surface-high));font-weight:650}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #studioSidebarClose{top:18px;right:14px;width:28px;height:28px;font-size:20px;border-radius:9px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero{padding:0 0 16px!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .hero-inner{padding-top:0!important;padding-bottom:0!important;max-width:1600px;text-align:left!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-scene{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:20px;min-height:350px;padding:48px 56px 38px;background:#08090b url('/assets/study-landscape.webp') center center/cover no-repeat;color:#fff}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-scene:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,4,6,.84),rgba(3,4,6,.38) 44%,rgba(3,4,6,.02) 73%),linear-gradient(0deg,rgba(3,4,6,.3),transparent 45%)}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-copy{max-width:760px;position:relative}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .eyebrow-pill{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c4c6d0;letter-spacing:.22em;font-size:10px!important;font-weight:650}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero h1.premium-welcome{display:block!important;margin:21px 0 8px!important;text-align:left!important;font-size:clamp(38px,4.1vw,67px)!important;font-weight:760;letter-spacing:-.055em!important;line-height:1.12!important;color:#fff;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero #studyTypingHeadline{display:block!important;max-width:640px!important;min-height:3.1em!important;margin:0!important;text-align:left!important;font:500 clamp(17px,1.25vw,21px)/1.55 var(--ui-font,inherit)!important;letter-spacing:-.018em!important;color:#bfc1cc!important;overflow-wrap:normal;text-wrap:balance}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .hero-description{display:none}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions .action{border:1px solid rgba(255,255,255,.24);background:rgba(24,26,30,.82);color:#f4f4f7;border-radius:13px;min-height:45px;gap:12px;padding:12px 22px;font-size:13px;font-weight:600}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions .primary{background:#f5f5f7;color:#101114;border-color:#f5f5f7;box-shadow:0 3px 18px #ffffff0e}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions svg{width:18px;height:18px;flex:none}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-note{display:block;position:absolute;right:44px;top:52px;color:#c9cbd6;font-size:10px;letter-spacing:.23em;line-height:1.8;font-weight:600}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-note:before{content:"";display:block;height:1px;width:28px;background:#dedee5;margin-bottom:14px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .big-search{max-width:none!important;min-height:60px;margin:18px 0 0!important;background:linear-gradient(130deg,var(--surface-high),var(--surface));border:1px solid var(--line-bold);border-radius:19px!important;padding:7px 9px 7px 20px;box-shadow:none!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .big-search input{font-size:14px!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #workspaceHomeActions{display:none!important} /* Edit Home Widgets lives in both navigation menus. */
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) main :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection){gap:16px!important;padding-inline:var(--premium-gutter)!important;margin:0 auto 16px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection)>.widget:not(.ws-hidden-widget){background:linear-gradient(135deg,var(--surface),var(--bg-alt))!important;border:1px solid var(--line)!important;border-radius:19px!important;padding:19px!important;min-width:0!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection)>.widget:not(.ws-hidden-widget):nth-child(odd){border-right:1px solid var(--line)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection) .widget-header{margin:0 0 12px!important;padding:0!important;gap:12px!important;min-height:35px;border:0!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .widget-header>svg{width:24px!important;height:24px!important;color:var(--text)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .widget-header strong{font-size:16px!important;font-weight:650!important;letter-spacing:-.025em;line-height:1.25}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .widget-header>button{font-size:11px;white-space:nowrap;margin-left:auto;color:var(--text-soft)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .timetable-day-select{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:8px!important;font-size:11px;max-width:85px;margin-left:auto;color:var(--text)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .list-row{display:flex!important;align-items:center!important;gap:15px!important;width:100%;min-height:49px!important;padding:7px 10px!important;margin:5px 0 0!important;border:1px solid var(--line)!important;border-radius:13px!important;background:color-mix(in srgb,var(--surface-high) 40%,transparent)!important;text-align:left}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .list-row:hover{background:var(--hover)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .list-row .item-body{min-width:0;flex:1}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .item-body strong{font-size:12px!important;font-weight:550!important;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .item-body>span{font-size:10px!important;color:var(--muted)!important;margin-top:3px;display:block}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .small-icon{display:grid!important;place-items:center!important;width:37px!important;height:37px!important;flex:none;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface-high)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .small-icon svg{width:18px!important;height:18px!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .timestamp{display:grid!important;place-items:center;width:48px!important;min-width:48px;height:31px;font-size:12px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-high)!important;color:var(--text)!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #dashboardWidgets #announcementsWidget .list-row:after{content:'›';font-size:22px;color:var(--text-soft);padding-inline:3px}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-stat{display:flex;align-items:center;position:relative;min-width:0;gap:16px;border:1px solid var(--line);border-radius:17px;padding:16px;background:linear-gradient(130deg,var(--surface-high),var(--bg-alt));color:var(--text);text-align:left;cursor:pointer;min-height:82px;transition:transform var(--duration) var(--ease),border-color var(--duration),box-shadow var(--duration)}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-stat:hover{transform:translateY(-5px);border-color:var(--line-bold);box-shadow:var(--shadow)}
.premium-stat-icon{display:grid;place-items:center;width:47px;height:49px;flex:none;border:1px solid var(--line);border-radius:14px;background:var(--surface-high)}
.premium-stat-icon svg{width:25px;height:25px}
.premium-stat-copy{display:flex;flex-wrap:wrap;align-items:baseline;min-width:0;gap:0 7px}
.premium-stat-copy strong{font-size:22px;font-weight:680;white-space:nowrap;letter-spacing:-.035em}
.premium-stat-copy>span{font-size:11px;white-space:nowrap}
.premium-stat-copy small{width:100%;font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}
.premium-stat-arrow{width:17px;height:17px;flex:none;margin-left:auto}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .pdf-card,html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .notice-card{background:linear-gradient(130deg,var(--surface),var(--bg-alt));border-radius:19px!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .section-heading h2{font-size:27px!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .command-card{border-radius:18px;border-color:var(--line-bold)}
@media(min-width:811px){
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav #studioSidebarToggle{display:none!important}
 html[data-ui-mode="studio"][data-studio-nav="closed"]:not([data-nova-ui="on"]) .top-nav #studioSidebarToggle{display:grid!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .big-search{display:none!important} /* Same global search is in the header; keyboard shortcut is preserved. */
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-brand div,html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-nav-caption,html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-link span,html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-link kbd{display:block}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-side-link{justify-content:flex-start}
}
@media(min-width:811px) and (max-width:1250px){
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]){--studio-side-width:228px;--premium-gutter:18px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav{gap:10px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-scene{padding:40px 30px;min-height:320px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-note{right:25px;top:32px;font-size:8px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-copy{max-width:72%}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) main :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection){grid-template-columns:1fr!important}
}
@media(max-width:810px){
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]){--premium-gutter:12px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-shell{padding:7px var(--premium-gutter)!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav{gap:5px!important;height:61px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav .brand{font-size:20px!important;gap:8px;margin-right:auto}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .anime-top-logo{width:33px;height:37px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav .round-btn{width:34px!important;height:44px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav .avatar{width:34px;height:34px;font-size:14px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav #topSearch{display:none!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #studioSidebarToggle{width:36px!important;height:44px!important;border-radius:11px;border:1px solid var(--line);margin-right:4px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero{padding:0 0 14px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .hero-inner{padding-block:0!important;text-align:left!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-scene{padding:27px 20px 22px;min-height:250px;background-image:url('/assets/study-landscape-mobile.webp');background-position:68% center;border-radius:19px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-scene:before{background:linear-gradient(90deg,rgba(3,4,6,.83),rgba(3,4,6,.42) 66%,rgba(3,4,6,.1)),linear-gradient(0deg,rgba(3,4,6,.5),transparent 70%)}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .eyebrow-pill{display:inline-flex;padding:6px 8px!important;border:1px solid #ffffff24!important;border-radius:8px!important;font-size:8px!important;letter-spacing:.16em;background:#10111452!important;margin:0!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero h1.premium-welcome{margin:16px 0 8px!important;font-size:clamp(28px,8vw,45px)!important;line-height:1.13!important;max-width:100%}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero #studyTypingHeadline{font-size:15px!important;min-height:3.1em!important;margin:0!important;max-width:100%!important;text-align:left!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-note{display:none}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions{gap:9px;margin-top:10px;flex-wrap:nowrap}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions .action{min-height:44px;border-radius:11px;padding:10px 11px;gap:7px;font-size:10px;white-space:nowrap;justify-content:center;flex:1}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions svg{width:14px;height:14px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero .big-search{margin:13px 0 0!important;min-height:53px;padding:6px 7px 6px 15px;border-radius:16px!important;gap:10px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .big-search input{font-size:12px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .big-search .search-submit{width:39px;height:39px;border-radius:11px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) main :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection){grid-template-columns:1fr!important;gap:13px!important;margin-bottom:14px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection)>.widget:not(.ws-hidden-widget){padding:16px 12px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .widget-header{gap:8px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .widget-header strong{font-size:14px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .widget-header>svg{width:21px!important;height:21px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .widget-header>button{font-size:10px;padding-inline:0!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .list-row{gap:11px!important;padding:7px 9px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#premiumRecentSection) .item-body strong{font-size:12px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-stat{min-height:93px;gap:10px;padding:13px;border-radius:14px}
 .premium-stat-icon{width:37px;height:40px;border-radius:11px}.premium-stat-icon svg{width:22px;height:22px}
 .premium-stat-copy strong{font-size:20px}.premium-stat-copy>span{font-size:10px}.premium-stat-copy small{font-size:9px;margin-top:5px}.premium-stat-arrow{width:13px;height:13px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-mobile-nav{z-index:400;background:linear-gradient(125deg,var(--surface),var(--bg-alt));border:1px solid var(--line-bold);border-radius:20px 20px 0 0;padding:8px 8px max(8px,env(safe-area-inset-bottom));min-height:70px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-mobile-item{min-height:52px;gap:5px;border-radius:14px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-mobile-item svg{width:22px;height:22px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-mobile-item span{font-size:10px;font-weight:600}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-mobile-item.active{background:linear-gradient(125deg,var(--hover),var(--surface-high));box-shadow:inset 0 0 0 1px var(--line)}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-more-panel:not([hidden]){bottom:calc(78px + env(safe-area-inset-bottom));max-height:calc(100dvh - 155px - env(safe-area-inset-bottom));overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:14px;background:var(--surface);overscroll-behavior:contain}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-more-title{grid-column:1/-1}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .studio-more-panel>button{min-height:44px;font-size:11px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .command{padding:0!important;background:var(--bg);z-index:10200}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .command-card{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-search-close{display:block;align-self:flex-end;margin:12px 15px 0;padding:9px 14px;min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface-high);color:var(--text);font:inherit;cursor:pointer}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .command-results{flex:1;max-height:none;overflow:auto}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .command-hint{padding-bottom:max(20px,env(safe-area-inset-bottom))}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .toast-area{bottom:calc(86px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav .brand{font-size:17px!important;gap:4px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .anime-top-logo{width:25px;height:29px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .top-nav{gap:2px!important}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-scene{padding-inline:15px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions .action{font-size:9px;padding-inline:8px;gap:5px}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-hero-actions .primary svg:last-child{display:none}
 html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .premium-stat{padding:10px;gap:7px}
}

html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #premiumRecentSection{grid-template-columns:1fr!important}
/* October correction: one welcome/motivation heading and a gap-free home. */
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero #studyTypingHeadline.premium-welcome{display:block!important;font-family:var(--ui-font,inherit)!important;font-size:clamp(38px,4.1vw,67px)!important;line-height:1.12!important;font-weight:760!important;letter-spacing:-.055em!important;color:#fff!important;min-height:2.24em!important;max-width:760px!important;margin:21px 0 12px!important;text-align:left!important;overflow-wrap:anywhere}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) main :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection){align-items:stretch!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) :is(#dashboardWidgets,#newSchoolPlanner,#premiumRecentSection)>.widget:not(.ws-hidden-widget){display:flex!important;flex-direction:column!important;align-self:stretch!important;height:100%!important;box-sizing:border-box!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #premiumRecentSection{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #premiumRecentSection:not(:has(>.widget:not(.ws-hidden-widget))){display:none!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #announcementsWidget{display:grid;grid-auto-rows:1fr;gap:5px;flex:1}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #announcementsWidget .list-row{margin:0!important}
html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .single-widget #recentWidget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.school-cycle-info{font-size:10px!important;line-height:1.5!important;color:var(--muted);margin:0 0 5px!important}
#schoolCycleCalendar{align-self:flex-start;border:0;background:transparent;color:var(--text-soft);padding:3px 0 8px;cursor:pointer;font:inherit;font-size:10px}
.compact-notice-holder{position:fixed;z-index:12000;right:18px;bottom:18px;max-width:min(330px,calc(100% - 24px));pointer-events:none}
.compact-notice{pointer-events:auto;display:flex;align-items:center;gap:9px;background:var(--surface-high,#16181c);color:var(--text,#fff);border:1px solid var(--line-bold,#ffffff38);border-radius:14px;padding:10px 10px 10px 14px;max-width:100%;box-shadow:0 12px 35px #0005;animation:wsRaise .25s var(--ws-ease) both;transition:opacity 240ms var(--ease),transform 240ms var(--ease)}
.compact-notice.leaving{opacity:0;transform:translateY(8px);animation:none}.compact-notice-content{min-width:0;flex:1;border:0;background:none;color:inherit;text-align:left;padding:0;font:inherit;cursor:pointer}.compact-notice-content strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-notice-content span{display:block;color:var(--muted,#aaa);font-size:11px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px}.compact-notice-close{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.workspace-page{position:fixed;inset:0;z-index:1400;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.workspace-page[hidden]{display:none!important}.workspace-page-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--bg-alt)}.workspace-page-header button{min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.workspace-page-header strong{font-size:15px;white-space:nowrap}#workspacePageFrames{flex:1;min-height:0;position:relative}#workspacePageFrames>iframe{width:100%;height:100%;display:block;border:0;background:var(--bg)}#workspacePageFrames>iframe[hidden]{display:none!important}.tool-page-open{overflow:hidden}
.persistent-music{position:fixed;z-index:9500;left:calc(var(--studio-side-width,0px) + 18px);bottom:15px}.persistent-music>button{border:1px solid var(--line-bold);background:var(--surface-high);color:var(--text);min-height:35px;border-radius:11px;padding:7px 13px;font:inherit;font-size:11px;cursor:pointer}.persistent-music-panel{position:absolute;bottom:45px;left:0;width:min(330px,calc(100vw - 24px));height:270px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 15px 60px #0005;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--duration),transform var(--duration);overflow:hidden}.persistent-music-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.persistent-music-panel>button{position:absolute;right:8px;top:5px;z-index:2;background:var(--surface-high);border:0;border-radius:8px;color:var(--text);font-size:21px;width:30px;height:30px;cursor:pointer}#eightapdfMusicPlayerFrame{width:100%;height:230px;border:0;display:block}.persistent-music-panel small{display:block;font-size:10px;line-height:1.4;color:var(--muted);padding:8px 12px}
@media(max-width:810px){html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero #studyTypingHeadline.premium-welcome{font-size:clamp(26px,7.2vw,45px)!important;min-height:2.35em!important;line-height:1.12!important;margin:17px 0 10px!important}html[data-ui-mode="studio"]:not([data-nova-ui="on"]) #premiumRecentSection{grid-template-columns:1fr!important}html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .single-widget #recentWidget{grid-template-columns:1fr}.compact-notice-holder{right:12px;bottom:calc(85px + env(safe-area-inset-bottom))}.persistent-music{left:12px;bottom:calc(80px + env(safe-area-inset-bottom))}.tool-page-open .persistent-music{bottom:12px}.workspace-page-header{padding:8px 10px;min-height:58px}.workspace-page-header button{font-size:10px;padding:8px 9px}.workspace-page-header strong{font-size:12px}}
@media(max-width:359px){html[data-ui-mode="studio"]:not([data-nova-ui="on"]) .hero #studyTypingHeadline.premium-welcome{min-height:3.36em!important}}
@media(prefers-reduced-motion:reduce){.compact-notice{animation:none!important;transition:none!important}.persistent-music-panel{transition:none}}


/* Mobile overflow correction — latest PDF titles and teacher messages.
   Keep text readable without changing desktop cards, content or animations. */
@media (max-width: 810px) {
  html[data-ui-mode="studio"] :is(#dashboardWidgets, #premiumRecentSection, #newSchoolPlanner),
  html[data-ui-mode="studio"] :is(#dashboardWidgets, #premiumRecentSection, #newSchoolPlanner) > .widget,
  html[data-ui-mode="studio"] :is(#recentWidget, #announcementsWidget) {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html[data-ui-mode="studio"] :is(#recentWidget, #announcementsWidget) .list-row {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html[data-ui-mode="studio"] :is(#recentWidget, #announcementsWidget) .list-row .item-body {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 0% !important;
    overflow: hidden !important;
  }
  html[data-ui-mode="studio"] :is(#recentWidget, #announcementsWidget) .list-row .item-body strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.45 !important;
  }
  html[data-ui-mode="studio"] :is(#recentWidget, #announcementsWidget) .list-row .item-body span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html[data-ui-mode="studio"] :is(#recentWidget, #announcementsWidget) .list-row > :is(svg, .small-icon, .doc-tile) {
    flex-shrink: 0 !important;
  }
}
/* Light scene and unobtrusive settings-only music controls. */
html[data-ui-mode="studio"][data-tone="light"]:not([data-nova-ui="on"]) .premium-hero-scene{background:#e7edf4 url('/assets/study-landscape-light.webp') center/cover no-repeat!important;color:#10151b;border-color:#40566a44}
html[data-ui-mode="studio"][data-tone="light"]:not([data-nova-ui="on"]) .premium-hero-scene:before{background:linear-gradient(90deg,#f4f7fae8,#edf2f58c 47%,transparent 82%)}
html[data-ui-mode="studio"][data-tone="light"]:not([data-nova-ui="on"]) .hero #studyTypingHeadline.premium-welcome{color:#10151b!important}
html[data-tone="light"] .premium-hero-note,html[data-tone="light"] .hero .eyebrow-pill{color:#3e4c5b!important}
.settings-music-only{inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
.settings-music-only .persistent-music-panel{position:relative;inset:auto;width:min(350px,calc(100vw - 24px));pointer-events:none}
.settings-music-only .persistent-music-panel.open{pointer-events:auto}
@media(max-width:810px){html[data-ui-mode="studio"][data-tone="light"]:not([data-nova-ui="on"]) .premium-hero-scene{background-position:68% center!important}.settings-music-only,.tool-page-open .settings-music-only{inset:0}}
html[data-ui-mode="studio"][data-theme="light"]:not([data-nova-ui="on"]){--bg:#f6f7fa!important;--bg-alt:#fff!important;--surface:#fff!important;--surface-high:#edf0f4!important;--surface-soft:#f3f5f8!important;--text:#111820!important;--text-soft:#424d5a!important;--muted:#66717f!important;--line:#17263824!important;--line-bold:#17263840!important;--button:#161b22!important;--button-text:#fff!important;--hover:#e6ebf1!important;color-scheme:light}

/* 8aPDF Friends Chat only: remove duplicate desktop tool banner to match
   the approved full-height chat UI. Other workspace pages are unaffected.
   Mobile retains the site back button because the chat icon rail is hidden. */
@media(min-width:781px){
 .workspace-page.chat-page-active > .workspace-page-header{display:none!important}
 .workspace-page.chat-page-active #workspacePageFrames{flex:1;min-height:0}
}