/* Page-led technology atmosphere: a coherent hue per route with clear reading surfaces. */
:root{--ink:#263247;--muted:#748299;--blue:#3479ee;--theme-accent:#3478f4;--theme-glow:#cfe1ff;--theme-wash:#eef5ff;--theme-edge:#dcecff;--surface:#fff;--surface-soft:#f7f9fc;--line:#e7edf5}
body[data-view="home"]{--theme-accent:#3478f4;--theme-glow:#cfe1ff;--theme-wash:#eef5ff;--theme-edge:#dcecff;--bubble-hue:0deg}
body[data-view="ai"]{--theme-accent:#7355ea;--theme-glow:#ded5ff;--theme-wash:#f2efff;--theme-edge:#e4eaff;--bubble-hue:0deg}
body[data-view="search"]{--theme-accent:#208ebd;--theme-glow:#c7edf9;--theme-wash:#ecf9ff;--theme-edge:#d7eaff;--bubble-hue:-30deg}
body[data-view="knowledge"]{--theme-accent:#338dab;--theme-glow:#d0eaf4;--theme-wash:#eff8fc;--theme-edge:#e0eafd;--bubble-hue:0deg}
body[data-view="apps"]{--theme-accent:#775bea;--theme-glow:#ddd9ff;--theme-wash:#f2f0ff;--theme-edge:#e2eaff;--bubble-hue:0deg}
body[data-view="proof"]{--theme-accent:#17a184;--theme-glow:#c5f0e0;--theme-wash:#ecfaf4;--theme-edge:#d9f6ee;--bubble-hue:-60deg}
body[data-view="review"]{--theme-accent:#437bea;--theme-glow:#d0e1ff;--theme-wash:#edf4ff;--theme-edge:#dde9ff;--bubble-hue:0deg}
body[data-view="writing"]{--theme-accent:#be61a6;--theme-glow:#f2d5ee;--theme-wash:#fcf1fa;--theme-edge:#eadfff;--bubble-hue:25deg}
body[data-view="compare"]{--theme-accent:#8560da;--theme-glow:#e5d6ff;--theme-wash:#f6efff;--theme-edge:#e6e2ff;--bubble-hue:0deg}
body[data-view="translation"]{--theme-accent:#3c8cc9;--theme-glow:#cce8ff;--theme-wash:#edf8ff;--theme-edge:#dbedff;--bubble-hue:0deg}
body[data-view="relations"]{--theme-accent:#229fba;--theme-glow:#c5edf4;--theme-wash:#ecfbfd;--theme-edge:#d6f3fa;--bubble-hue:-40deg}
body[data-view="parse"]{--theme-accent:#6678dd;--theme-glow:#d8e0ff;--theme-wash:#f0f4ff;--theme-edge:#e3e6ff;--bubble-hue:0deg}
body[data-view="extract"]{--theme-accent:#219b8b;--theme-glow:#c7efe5;--theme-wash:#edfbf7;--theme-edge:#d9f5ee;--bubble-hue:-55deg}
body[data-view="analytics"]{--theme-accent:#389e79;--theme-glow:#cff0dd;--theme-wash:#f0fbf4;--theme-edge:#dff6e7;--bubble-hue:-70deg}
body[data-view="graph"]{--theme-accent:#9061d8;--theme-glow:#e7d5ff;--theme-wash:#f7f0ff;--theme-edge:#eee2ff;--bubble-hue:18deg}
body .ambient,body[data-view="knowledge"] .ambient{background:radial-gradient(ellipse 86% 78% at 66% -8%,var(--theme-glow) 0%,var(--theme-wash) 51%,transparent 87%),radial-gradient(ellipse 44% 67% at 104% 40%,var(--theme-edge),transparent 84%),linear-gradient(145deg,var(--theme-wash),#f8fafd 78%);background-color:#f8fafd}
body.reading-mode .ambient{background:radial-gradient(ellipse 110% 65% at 60% -15%,var(--theme-glow),var(--theme-wash) 65%,#f8fafd 100%)}
body .ambient::after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--theme-accent) 25%,transparent) .7px,transparent .9px);background-size:28px 28px;mask-image:radial-gradient(ellipse 65% 55% at 82% 2%,#0006,transparent 88%);pointer-events:none;opacity:.5}
body.reading-mode .ambient::after{display:none}
.orbit-navigation{background:linear-gradient(155deg,#ffffffc7,#f5f8fccc);box-shadow:inset 1px 1px 0 white,0 12px 38px -27px #5778a03b}
.atelier-shell:not(.nav-compact) .context-panel{background:linear-gradient(160deg,#ffffffb8,#ffffff69)}
.atelier-shell:not(.nav-compact) .rail-link{background:linear-gradient(145deg,#ffffffb5,#ffffff67)}
.atelier-shell:not(.nav-compact) .rail-link.active{background:radial-gradient(ellipse at 100% 0,var(--nav-wash,#e5edff),#ffffffed 86%)}
.atelier-shell:not(.nav-compact) .rail-link[href="#ai"]{--nav-tone:#7960cf;--nav-wash:#ede7ff}.atelier-shell:not(.nav-compact) .rail-link[href="#search"]{--nav-tone:#3888c5;--nav-wash:#e6f3ff}.atelier-shell:not(.nav-compact) .rail-link[href="#knowledge"]{--nav-tone:#8c7957;--nav-wash:#f5f1e7}.atelier-shell:not(.nav-compact) .rail-link[href="#apps"]{--nav-tone:#379c8d;--nav-wash:#e6f7f0}
.spectrum-text{background-image:linear-gradient(105deg,#377bf1,#7962dd)}
.ai-welcome::before,.search-welcome::before{background:radial-gradient(ellipse at 60% 35%,#dce5ff6b,transparent 70%);filter:none}
.prism-art::before{background:radial-gradient(ellipse,#d5dfff5c,transparent 70%)}
.prism-word{background:linear-gradient(125deg,#3883f5 0%,#5967ed 56%,#8060e0 100%);box-shadow:inset 0 2px 2px #ffffff70,inset 0 -2px 4px #5449a838,0 12px 22px -8px #6b7ae366}
.homecommand .composer::before,.welcome-composer .composer::before{background:linear-gradient(120deg,#a8c9ff69,#c8c1f375 60%,#a8c9ff4a)}
.homecommand .composer,.welcome-composer .composer,.discovery-page .search-entry{background:linear-gradient(125deg,#fffffff5,#ffffffd1);box-shadow:inset 0 1px 0 #fff,0 12px 32px -23px #5376ac59}
.home-v2 .space,.promptcard,.catalog-card{background:linear-gradient(145deg,#fff,#ffffffd6)}
.promptcard.coral .prompticon{color:#d56e91;background:linear-gradient(145deg,#fff,#ffedf3)}.promptcard.iris .prompticon{color:#9670d9;background:linear-gradient(145deg,#fff,#f1e9ff)}
.home-v2 .space::before{opacity:.12}
.discovery-page{--accent:#387fcb;--accent-wash:#eaf3ff}.discovery-page .chapter-icon{background:linear-gradient(145deg,white,#e6f1ff)}
.discovery-main h2{color:#2d3b52}.discovery-main h2 span{color:#6288c5}.discovery-page .send{background:linear-gradient(145deg,#589bf2,#377adb)}
.discovery-index{background:linear-gradient(155deg,#f6faffd9,#edf4ffd6)}
.discovery-page .search-entry-foot select,.search-scope-line,.index-title{color:#6882a5}
.applications-page{--accent:#7465cd;--accent-wash:#f0edff}
.showcase-proof{--accent:#159c7c;--wash:#e5f8ef;background:radial-gradient(ellipse at 100% 0,#daf5e9 0%,#f9fdfb 68%);box-shadow:inset 0 1px 0 #fff,0 10px 25px -22px #3b956c3b}
.showcase-writing{--accent:#d06594;--wash:#fff0f5;background:radial-gradient(ellipse at 100% 0,#ffe5ee 0%,#fffbfd 72%)}
.showcase-review{--accent:#4b80da;--wash:#eaf2ff;background:radial-gradient(ellipse at 100% 0,#deecff 0%,#fbfdff 72%)}
.proof-showcase-copy h2,.showcase-side h2,.showcase-review h2{color:#34445b}.proof-showcase-copy p,.showcase-side p{color:#78889b}.revision-preview>div{color:#607485}
.archive-collection{background:linear-gradient(150deg,#fff,#ffffffdc)}.archive-page .archive-docs{background:#fffffff0}.archive-collection:nth-child(3) .library-emblem{background:linear-gradient(145deg,#fffaf0,#ece4d4)}
/* Document content stays neutral instead of taking on the whole tool's hue. */
.studio-page .preflight-config,.studio-page .specialized-input>div,.studio-page .specialized-result{background:linear-gradient(145deg,#fffffff5,#ffffffdb)}
.studio-page .generic-loading{background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--accent-wash) 45%,white),#fff 75%)}
.studio-page .version-input{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--accent-wash) 32%,white))!important}
.studio-page .language-target{background:radial-gradient(ellipse at 50% 35%,#edf4ff,#fff 78%)!important}
.language-symbol{color:#6a96c3}.language-target>small,.language-target p,.language-target .pill{color:#7b91aa}
.studio-page :is(.writing-brief textarea,.translation-input textarea,.editable-draft,.editable-draft h2,.editable-draft h3,.diff-columns h3,.translation-results h3,.field-source h3,.parse-results article h2){color:#394960}
.studio-page :is(.draft-outline p,.draft-outline>div,.draft-outline>button,.version-excerpt p,.diff-columns p,.translation-results p,.field-source p,.parse-results article p,.live-writing p,.live-translation p){color:#718297}
.studio-page .translation-results article{border-color:#e4ebf5}.studio-page .knowledge-network{background:radial-gradient(ellipse at 50% 50%,#f0ecfb,#fff 82%)}
.opaque .orbit-navigation,.opaque .context-panel{background:#f5f8fc}.opaque .composer,.opaque .promptcard,.opaque .archive-docs{background:white}
/* Decorative optical bubbles are separate from the functional quick-action button. */
.ambient-bubbles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate}
#app{position:relative;z-index:1}
.ambient-bubbles img{position:absolute;display:block;height:auto;object-fit:contain;user-select:none;pointer-events:none;will-change:transform;opacity:.92}
.ambient-bubble-main{width:118px;right:27%;top:79px;animation:glassDrift 12s ease-in-out infinite}
.ambient-bubble-edge{width:176px;right:-48px;top:41%;animation:glassDriftEdge 16s ease-in-out -5s infinite;opacity:.84!important}
.ambient-bubble-small{width:43px;right:calc(27% - 43px);top:167px;animation:glassDrift 10s ease-in-out -4s infinite}
@keyframes glassDrift{0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}50%{transform:translate3d(7px,-19px,0) rotate(6deg)}}
@keyframes glassDriftEdge{0%,100%{transform:translate3d(0,0,0) rotate(8deg)}50%{transform:translate3d(-10px,23px,0) rotate(-8deg)}}
.reading-mode .ambient-bubble-main,.reading-mode .ambient-bubble-small{display:none}.reading-mode .ambient-bubble-edge{opacity:.35!important}
@media(min-width:1700px){.ambient-bubble-main{width:132px;top:78px;right:28%}.ambient-bubble-small{top:164px;right:calc(28% - 44px)}.ambient-bubble-edge{width:200px;right:-32px}}
@media(max-width:1100px){.ambient-bubble-main{right:30%;width:83px;top:78px}.ambient-bubble-small{right:calc(30% - 24px);top:138px;width:32px}.ambient-bubble-edge{width:136px;right:-57px}}
@media(max-width:700px){.ambient-bubble-main{right:-21px;top:165px;width:90px}.ambient-bubble-small{right:39px;top:266px;width:32px}.ambient-bubble-edge{display:none}}
@media(prefers-reduced-motion:reduce){.ambient-bubbles img{animation:none!important;will-change:auto}}
.reduce-motion .ambient-bubbles img{animation:none!important;will-change:auto}
/* Retain the shortcut, but let the decorative bubbles provide the ambient motion. */
.liquid-launcher{animation:none}.liquid-orb{width:54px;height:54px}.liquid-launcher::before{right:66px}

/* The theme reaches the glass rim and active controls, not just the page background. */
.atelier-main :is(.page,.studio-page){--accent:var(--theme-accent)!important;--accent-wash:var(--theme-wash)!important}
.orbit-navigation{background:linear-gradient(155deg,#ffffffb3,color-mix(in srgb,var(--theme-wash) 80%,transparent));border-color:#ffffffdc;box-shadow:inset 1px 1px 0 white,0 12px 38px -27px color-mix(in srgb,var(--theme-accent) 24%,transparent)}
.atelier-topbar .route-identity{color:var(--theme-accent)}
.atelier-main .chapter-icon{background:linear-gradient(145deg,#ffffff,var(--theme-edge));color:var(--theme-accent);box-shadow:inset 0 1px 0 #fff,0 6px 18px -10px color-mix(in srgb,var(--theme-accent) 30%,transparent)}
.atelier-shell:not(.nav-compact) .rail-link.active{color:var(--theme-accent);background:radial-gradient(ellipse at 100% 0,var(--theme-edge),#ffffffeb 90%);box-shadow:inset 0 1px 0 #fff,0 6px 18px -12px color-mix(in srgb,var(--theme-accent) 35%,transparent)}
.atelier-shell:not(.nav-compact) .rail-link.active .rail-icon{color:var(--theme-accent)}
.atelier-shell:not(.nav-compact) .rail-link[href="#knowledge"]{--nav-tone:#398dae;--nav-wash:#e0f3fc}
.atelier-shell:not(.nav-compact) .rail-link[href="#apps"]{--nav-tone:#775bea;--nav-wash:#ece6ff}
body[data-view="knowledge"] .rail-link.active,body[data-view="knowledge"] .context-collection.selected{color:var(--theme-accent)}
body[data-view="knowledge"] .rail-link.active .rail-icon{color:var(--theme-accent)}
.homecommand .composer,.welcome-composer .composer,.discovery-page .search-entry{border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 16px 34px -24px color-mix(in srgb,var(--theme-accent) 38%,transparent)}
.homecommand .composer::before,.welcome-composer .composer::before{background:linear-gradient(115deg,var(--theme-edge),#fff 45%,var(--theme-glow));opacity:.9}
.ai-welcome::before,.search-welcome::before{background:radial-gradient(ellipse at 60% 35%,var(--theme-edge),transparent 75%);opacity:.48}
.discovery-main h2 span{color:#3b94b9}.discovery-page .send{background:linear-gradient(145deg,#48b1d5,#268ab9)}
.discovery-index{background:linear-gradient(155deg,#ffffff9e,#e4f5fca6)}
.archive-heading .primary{background:linear-gradient(145deg,#429fc0,#2b80a3);border-color:#ffffff7a;box-shadow:inset 0 1px 0 #ffffff5e,0 7px 18px -10px #2e8ba459}
.archive-collection .library-emblem,.archive-collection:nth-child(2) .library-emblem,.archive-collection:nth-child(3) .library-emblem{background:linear-gradient(145deg,#fff,#dbeef7);color:#438bab;border-color:#fff;box-shadow:inset 0 1px 0 white,0 5px 13px -9px #468fb950}
.archive-collection:nth-child(2) .library-emblem{background:linear-gradient(145deg,#fff,#e0e7ff);color:#6b83cb}.archive-collection:nth-child(3) .library-emblem{background:linear-gradient(145deg,#fff,#daf3f2);color:#3b9d9c}
.archive-collection.selected{border-color:#9fcce0;box-shadow:inset 0 0 0 1px #b6dcea40,0 8px 24px -17px #408caa55}.archive-collection.selected footer{border-top-color:#cfe7f0}.archive-collection.selected .library-open{background:#e4f3fa;color:#388cae}
.archive-page .textbtn,.archive-page .archive-empty button{color:#388cae}
.studio-page .preflight-canvas,.studio-page .processing-document{background:radial-gradient(ellipse at 45% 8%,var(--theme-edge),color-mix(in srgb,var(--theme-wash) 68%,white) 85%)}
.studio-page .preflight-config,.studio-page .specialized-input>div{background:linear-gradient(145deg,#fffffff2,color-mix(in srgb,var(--theme-wash) 32%,white))}
.studio-page .generic-loading{background:radial-gradient(ellipse at 5% 0%,var(--theme-edge),#ffffffeb 76%)}
.studio-page .task-live-surface{box-shadow:0 16px 30px -22px color-mix(in srgb,var(--theme-accent) 35%,transparent)}
.ambient-bubbles img{filter:hue-rotate(var(--bubble-hue,0deg)) saturate(.85)}
body.opaque .orbit-navigation,body.opaque .context-panel{background:var(--theme-wash)}
@media(max-width:700px){body .ambient::after{opacity:.25}}
