/* Surface-only correction. Geometry, artwork and application behavior are unchanged. */
:root{
 --mode-panel:rgba(20,19,47,.36);
 --mode-panel2:rgba(40,29,69,.08);
 --mode-field:rgba(14,17,42,.28);
 --mode-soft:rgba(185,143,222,.17);
 --mode-border:rgba(211,190,243,.035);
 --mode-muted:#dfd2ef;
 --glass-edge:rgba(222,202,248,.025);
 --glass-shadow:0 10px 46px rgba(10,8,31,.025);
 --glass-chrome:rgba(25,23,55,.26);
 --glass-reader:rgba(250,243,252,.68);
 --glass-reader-text:#382a44;
 --glass-reader-muted:#665270;
 --glass-check:rgba(190,169,213,.14);
 --glass-selected:rgba(211,190,243,.26);
 --glass-popover:rgba(28,23,49,.84);
}
html[data-theme="light"]{
 --mode-panel:rgba(251,244,255,.32);
 --mode-panel2:rgba(244,231,252,.10);
 --mode-field:rgba(255,250,255,.36);
 --mode-soft:rgba(146,99,181,.13);
 --mode-border:rgba(87,59,116,.045);
 --mode-muted:#634d74;
 --glass-edge:rgba(255,250,255,.035);
 --glass-shadow:0 10px 46px rgba(74,45,110,.02);
 --glass-chrome:rgba(250,242,255,.34);
 --glass-check:rgba(121,90,145,.12);
 --glass-selected:rgba(87,59,116,.24);
 --glass-popover:rgba(251,245,255,.88);
}
/* Shared work surfaces, including nested editors and collection cards. */
:root[data-theme] :is(.workspace-panel,.notebook,.output-preview,.paid-panel,.paid-scene-editor,.paid-summary,.timeline,.empty-drafts,.template-stage-panel,.cs-canvas-panel,.cs-profile-preview,.cs-asset-card,.cs-empty-saved,.cs-project-list>button,.film-project-grid>button){
 background:linear-gradient(135deg,transparent,var(--glass-edge) 45%,transparent),radial-gradient(ellipse at 50% 40%,var(--mode-panel),transparent 85%);
 border-color:var(--mode-border);
 box-shadow:var(--glass-shadow);
 -webkit-backdrop-filter:blur(6px);
 backdrop-filter:blur(6px);
}
/* Titles and book metadata remain part of the world, without their own slabs. */
:root[data-theme] :is(.page-heading,.genre-rail,.creative-suite,.book-meta,.page-foot,.cs-saved-section .section-heading,.cs-book-collection .section-heading){
 background:transparent;
 border-color:var(--mode-border);
 box-shadow:none;
}
:root[data-theme] :is(.sidebar,.topbar,.mobile-nav,.site-menu){
 background:var(--glass-chrome);
 border-color:var(--mode-border);
 box-shadow:var(--glass-shadow);
 -webkit-backdrop-filter:blur(12px);
 backdrop-filter:blur(12px);
}
:root[data-theme] :is(.paid-scene-card,.paid-saved-strip,.paid-art-choices button,.template-card,.cs-world-filter button,.cs-saved-tabs button,.choice){
 background:var(--mode-panel2);
 border-color:var(--mode-border);
 box-shadow:none;
}
:root[data-theme] :is(.paid-scene-card.active,.paid-source.selected,.paid-art-choices button.selected,.template-card.selected,.cs-layer.selected,.cs-world-filter button.selected,.choice.selected,.filter-row .choice.selected,.site-menu nav>a.active,.site-menu nav>a:hover,.template-tabs button.selected){
 background:var(--mode-soft);
 border-color:var(--glass-selected);
 box-shadow:none;
 color:var(--mode-text);
}
:root[data-theme] :is(.workspace-panel input,.workspace-panel textarea,.workspace-panel select,.paid-studio input:not([type="range"]):not([type="checkbox"]),.paid-studio select,.paid-studio textarea,.character-studio input:not([type="range"]):not([type="file"]),.character-studio select,.character-studio textarea,.template-library-filters select){
 background:var(--mode-field);
 border-color:var(--mode-border);
 color:var(--mode-text);
 box-shadow:none;
}
:root[data-theme] :is(input,textarea,select)::placeholder{color:var(--mode-muted)}
/* Native popup menus need a readable menu canvas on every browser. */
:root[data-theme] option{background:var(--mode-bg);color:var(--mode-text)}
:root[data-theme] :is(.panel-top,.form-bottom,.paid-panel-heading,.paid-panel-footer,.paid-steps,.paid-bottom-actions,.paid-summary dl>div,.cs-transform-controls,.cs-background-controls,.cs-send-controls,.cs-tabs,.notebook .empty-line){border-color:var(--mode-border)}
:root[data-theme] :is(.button:not(.primary):not(.hero-button),.theme-toggle,.navigation-trigger,.paid-mobile-link,.reader-film-button){background:var(--mode-panel2);border-color:var(--mode-border);box-shadow:none}
:root[data-theme] .button.quiet{background:transparent}
:root[data-theme] :is(.button:not(.primary):not(.hero-button):hover,.theme-toggle:hover,.navigation-trigger:hover){background:var(--mode-soft)}
:root[data-theme] :is(input,textarea,select,button,a):focus-visible{outline-color:var(--mode-accent)}
/* Image pixels and book covers are untouched; only the frame around them blends. */
:root[data-theme] :is(.image-stage,.video-stage,.paid-frame,.paid-cinema,.template-canvas-wrap,.template-canvas-wrap.image-composition,.template-thumb,.template-slot,.paid-filmstrip button,.cs-reference:not(.alpha-grid)){
 background:var(--mode-panel2);
 border-color:var(--mode-border);
 box-shadow:var(--glass-shadow);
}
:root[data-theme] .template-canvas-wrap.image-composition canvas{box-shadow:0 10px 36px rgba(13,9,31,.035)}
:root[data-theme] .cs-reference.alpha-grid,:root[data-theme] .alpha-grid{
 background-color:transparent;
 background-image:linear-gradient(45deg,var(--glass-check) 25%,transparent 25%),linear-gradient(-45deg,var(--glass-check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--glass-check) 75%),linear-gradient(-45deg,transparent 75%,var(--glass-check) 75%);
 border-color:var(--mode-border);
}
:root[data-theme] .output-art:after{background:linear-gradient(0deg,var(--mode-panel2),transparent 65%)}
:root[data-theme] :is(.output-copy h2,.output-copy .excerpt){color:var(--mode-text)}
/* The reader retains its independent light/dark switch. */
#reader{
 background:linear-gradient(135deg,rgba(255,252,255,.14),transparent 65%),var(--glass-reader);
 color:var(--glass-reader-text);
 border-color:rgba(228,209,241,.045);
 box-shadow:0 20px 70px rgba(14,10,37,.055);
 -webkit-backdrop-filter:blur(24px);
 backdrop-filter:blur(24px);
}
#reader.reader-dark{
 --glass-reader:rgba(23,19,48,.64);
 --glass-reader-text:#fcf3ff;
 --glass-reader-muted:#e1cfed;
 background:linear-gradient(135deg,rgba(183,150,216,.07),transparent 65%),var(--glass-reader);
 color:var(--glass-reader-text);
 border-color:rgba(228,209,241,.035);
}
#reader :is(.reader-top,.reader-pages .eyebrow,.reader-pagination,.reader-pagination .button){color:var(--glass-reader-muted);border-color:rgba(164,137,182,.055)}
#reader .reader-pages p{color:var(--glass-reader-text)}
#reader .reader-pages #reader-copy>p:first-child:first-letter{color:var(--glass-reader-muted)}
#reader .reader-pagination .button{background:transparent}
#reader .reader-pagination .button:hover{background:rgba(158,119,185,.14)}
#reader::backdrop,.site-menu::backdrop,html[data-theme="light"] .site-menu::backdrop{
 background:rgba(24,17,48,.19);
 -webkit-backdrop-filter:blur(4px);
 backdrop-filter:blur(4px);
}

/* Nested panels and former hard-coded dividers dissolve into the same world. */
:root[data-theme] :is(.film-part-card,.generation-draft,.generation-source-card,.template-cues button,.frames button,.film-chapter-source button,.film-continuation-links button){
 background:linear-gradient(135deg,transparent,var(--glass-edge) 45%,transparent),var(--mode-panel2);
 border-color:var(--mode-border);
 box-shadow:none;
}
:root[data-theme] :is(.template-tabs,.template-controls .panel-top,.template-cues,.cs-canvas-wrap,.cs-tabs,.cs-transfer-actions,.cs-stage-heading,.cs-intent-actions,.cs-layer-panel,.generation-image-meta,.film-coverage,.film-chapter-row,.film-project-actions,.film-scene-continuity,.film-review-items span,.film-cast-line>span,.film-source-tabs button,.suite-link,.sidebar-foot,.menu-heading,.menu-theme,.header-create){
 border-color:var(--mode-border);
 box-shadow:none;
}
:root[data-theme] :is(.template-slot,.template-cues button,.frames button,.paid-filmstrip button,.generation-draft,.film-source-tabs button,.paid-art-choices button,.film-project-grid>button):is(.selected,.active){
 background-color:var(--mode-soft);
 border-color:var(--glass-selected);
 box-shadow:none;
}
:root[data-theme] .nav-link{border-color:transparent;box-shadow:none}
:root[data-theme] .nav-link.active{background:var(--mode-soft);border-color:var(--glass-selected);box-shadow:none}
:root[data-theme] :is(.monogram,.create-icon){background:var(--mode-panel2);border-color:var(--mode-border);box-shadow:none}
:root[data-theme] :is(.button.primary,.button.hero-button,.play-button,.paid-cinema-play){border-color:transparent;box-shadow:var(--glass-shadow)}
:root[data-theme] :is(.template-card,.cs-asset-card,.generation-draft,.generation-source-card,.film-part-card,.film-project-grid>button):hover{background-color:var(--mode-soft);border-color:var(--glass-selected);box-shadow:none}
:root[data-theme] :is(.cs-tabs button.selected,.template-tabs button.selected){border-color:var(--glass-selected)}
/* Keep focus legible after weakening decorative borders. */
:root[data-theme] :is(input,textarea,select,button,a):focus-visible{border-color:var(--mode-accent);outline-color:var(--mode-accent)}

:root[data-theme] :is(.output-badge,.paid-frame-badge){border-color:var(--mode-border);box-shadow:none}
:root[data-theme] .cs-reference>span:not(.cs-empty-icon){background:var(--glass-popover);color:var(--mode-text);box-shadow:none}
:root[data-theme] .toast{background:var(--glass-popover);color:var(--mode-text);border-color:var(--mode-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}