/* Two atmospheres share exactly the same workspace geometry. */
.workspace-classic-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;contain:strict;background:#f7f8ff;transition:opacity .85s ease,visibility .85s}
.workspace-classic-scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.workspace-classic-scene .ambient-orbits{transform:none}
.workspace-classic-scene *{animation-play-state:paused}
body.sky-workspace .sky-scenery{opacity:1;transition:opacity .85s ease;visibility:visible}
body.sky-workspace .sky-actions a,body.sky-workspace .topbar #logout{border:1px solid transparent}
body.sky-workspace[data-workspace-scene=classic]{background:#f7f8ff!important;--ink:#354264;--heading:#2e3a59;--muted:#687895;--mint:#626fc0;--line:#cdd4e8;--border:#cdd4e8;--sky-panel:rgba(253,253,255,.76);--sky-field:rgba(255,255,255,.62);--sky-soft:rgba(225,231,253,.44);--scene-hero:#303b5b;--scene-copy:#657594;--scene-nav:rgba(250,251,255,.77)}
body.sky-workspace[data-workspace-scene=classic] .sky-scenery{opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s}
body.sky-workspace[data-workspace-scene=classic] .workspace-classic-scene{opacity:1;visibility:visible}
body.sky-workspace[data-workspace-scene=classic] .workspace-classic-scene *{animation-play-state:running}
body.sky-workspace[data-workspace-scene=classic] :is(.sky-hero,.sky-hero h1,.sky-intro,.sky-privacy,.sky-workbar-label,.sky-tools-link,.topbar>.brand,.topbar nav>a,.theme-toggle,.motion-control){color:var(--scene-hero)}
body.sky-workspace[data-workspace-scene=classic] :is(.brand small,.sky-intro,.sky-privacy,.sky-workbar-label small){color:var(--scene-copy)}
body.sky-workspace[data-workspace-scene=classic] .mark{border-color:#8495c880}
body.sky-workspace[data-workspace-scene=classic] .mark::before{color:var(--scene-hero)}
body.sky-workspace[data-workspace-scene=classic] .mark::after{border-color:#8495c880}
body.sky-workspace[data-workspace-scene=classic] .topbar.is-scrolled{background:var(--scene-nav);border-color:var(--line);box-shadow:0 12px 34px #525b8b13}
body.sky-workspace[data-workspace-scene=classic] .topbar :is(.theme-toggle,nav>a):hover{background:#8494d018;color:var(--scene-hero)}
body.sky-workspace[data-workspace-scene=classic] .topbar #logout{color:var(--scene-hero);background:var(--sky-field);border:1px solid var(--line)}
body.sky-workspace[data-workspace-scene=classic] .sky-badge{background:var(--sky-soft);border-color:var(--line);color:var(--scene-copy)}
body.sky-workspace[data-workspace-scene=classic] .sky-badge>span:first-child{background:var(--sky-field);color:var(--mint)}
body.sky-workspace[data-workspace-scene=classic] .sky-actions a{background:linear-gradient(115deg,#dae7ffdd,#eed7f2dd);color:var(--scene-hero)}
body.sky-workspace[data-workspace-scene=classic] .sky-actions a+a{background:var(--sky-field);color:var(--scene-hero)}
body.sky-workspace[data-workspace-scene=classic] :is(.workspace-tabs,.sky-tools-link){background:var(--sky-soft);border-color:var(--line)}
body.sky-workspace[data-workspace-scene=classic] .workspace-tabs button{color:var(--scene-copy)}
body.sky-workspace[data-workspace-scene=classic] .workspace-tabs button[aria-selected=true]{background:var(--sky-field);color:var(--scene-hero)}
body.sky-workspace[data-workspace-scene=classic] .sky-workbar{border-color:var(--line)}
body.sky-workspace[data-workspace-scene=classic] footer{color:var(--scene-copy)}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=classic]{background:#080a11!important;--ink:#e3e8f9;--heading:#f1f3ff;--muted:#a5b1d0;--mint:#b5bef6;--line:#59648660;--border:#59648660;--sky-panel:rgba(22,28,46,.76);--sky-field:rgba(42,51,77,.56);--sky-soft:rgba(58,68,99,.36);--scene-hero:#edf1ff;--scene-copy:#afbddb;--scene-nav:rgba(22,28,46,.8)}
html[data-theme=dark] .workspace-classic-scene{background:#080a11}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=classic] .sky-actions a{background:linear-gradient(115deg,#59679b8c,#875c9673)}

/* Float the flower-scene surfaces over the scenery, retaining readable text. */
body.sky-workspace[data-workspace-scene=skyflora]{--ink:#133a50;--heading:#10364c;--muted:#315c72;--mint:#175974;--line:rgba(225,248,255,.53);--border:rgba(225,248,255,.53);--sky-panel:rgba(231,248,255,.43);--sky-field:rgba(250,254,255,.27);--sky-soft:rgba(221,244,255,.22)}
body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(.panel,.connected){background:var(--sky-panel);border-color:#e5f7ff77;backdrop-filter:blur(25px) saturate(1.18);-webkit-backdrop-filter:blur(25px) saturate(1.18);box-shadow:0 18px 48px #062f501a,inset 0 1px 0 #ffffff80}
body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(.note,.module,.ai-chat,.ai-model-picker,.ai-message,.ai-thread,.ai-consent,.article-preview,.summary-panel,.ai-source,.ai-entry-row>.button){background:var(--sky-field);border-color:var(--line)}
body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(.note,.module):hover{background:rgba(249,253,255,.43);border-color:#f7fdffb3}
body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(input:not([type=checkbox]),textarea,select){background:var(--sky-field);border-color:var(--line)}
body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(input,textarea,select):focus-visible{background:rgba(245,253,255,.5)}
body.sky-workspace[data-workspace-scene=skyflora] .topbar.is-scrolled{background:rgba(16,66,88,.42);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-color:#dcf7ff42}
body.sky-workspace[data-workspace-scene=skyflora] .sky-actions a{background:rgba(243,252,255,.66);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #f0fbff66}
body.sky-workspace[data-workspace-scene=skyflora] .sky-actions a+a{background:rgba(12,49,69,.46);color:#fff}
body.sky-workspace[data-workspace-scene=skyflora] :is(#reader,#connected-reader,#bookmarks-trash-dialog){background:rgba(225,245,253,.76);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-color:var(--line)}
body.sky-workspace[data-workspace-scene=skyflora] .reader-toolbar{background:rgba(235,249,255,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=skyflora]{--ink:#ebf7ff;--heading:#f4fbff;--muted:#d1e7f3;--mint:#abe4f3;--line:rgba(170,216,239,.25);--border:rgba(170,216,239,.25);--sky-panel:rgba(7,28,46,.44);--sky-field:rgba(43,76,97,.29);--sky-soft:rgba(58,94,117,.23)}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(.panel,.connected){border-color:#bde7ff30;box-shadow:0 18px 48px #0015261c,inset 0 1px 0 #e6f8ff15}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(.note,.module):hover{background:#5b87a142;border-color:#bee8fa70}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=skyflora] #workspace :is(input,textarea,select):focus-visible{background:#30516c88}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=skyflora] :is(#reader,#connected-reader,#bookmarks-trash-dialog){background:rgba(11,33,49,.78)}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=skyflora] .reader-toolbar{background:rgba(20,48,67,.68)}
body.sky-workspace .reader-content pre{color:var(--ink)}

/* Non-modal, keyboard-accessible appearance popover, in the same corner as pet settings. */
body.sky-workspace #workspace-appearance{position:fixed!important;z-index:80!important;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));color:#314865;--appearance-glass:rgba(244,251,255,.9);--appearance-ink:#314865;--appearance-muted:#6e839e;--appearance-line:#c3d5ea80}
#workspace-appearance button{font:inherit;cursor:pointer;min-height:0}
body.sky-workspace #workspace-appearance-open{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 16px;border:1px solid #f2fbffab;border-radius:999px;background:var(--appearance-glass);color:var(--appearance-ink);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 35px #1b3e6a26;font-size:12px;transition:transform .25s,box-shadow .25s}
#workspace-appearance-open>svg{width:22px;height:22px;color:#769af0}
#workspace-appearance-open:hover{transform:translateY(-3px);box-shadow:0 12px 36px #17365c30}
body.sky-workspace #workspace-appearance-panel{position:absolute;right:0;bottom:60px;width:330px;max-width:calc(100vw - 32px);max-height:calc(100svh - 105px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:22px;border:1px solid #f4fbffad;border-radius:26px;background:var(--appearance-glass);color:var(--appearance-ink);backdrop-filter:blur(32px) saturate(1.15);-webkit-backdrop-filter:blur(32px) saturate(1.15);box-shadow:0 24px 75px #0b2d6540;transform-origin:100% 100%;animation:workspace-appearance-in .3s cubic-bezier(.2,.8,.2,1)}
#workspace-appearance-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
#workspace-appearance-panel header small{display:block;color:var(--appearance-muted);font-size:9px;letter-spacing:.16em;margin-bottom:5px}
#workspace-appearance-panel h2{font-size:21px;line-height:1.4;margin:0;color:var(--appearance-ink);letter-spacing:0;font-weight:600}
#workspace-appearance-panel [data-appearance-close]{display:grid;place-items:center;width:32px;height:32px;padding:0;font-size:22px;color:var(--appearance-muted);background:#7294c514;border:0;border-radius:50%}
.workspace-scene-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#workspace-appearance-panel [data-scene-choice]{position:relative;display:block;width:100%;padding:6px 6px 12px;border-radius:17px;border:1px solid var(--appearance-line);background:#ffffff38;color:var(--appearance-ink);text-align:left;transition:background .25s,border-color .25s,transform .25s}
#workspace-appearance-panel [data-scene-choice]:hover{transform:translateY(-2px);background:#8db7ed16}
#workspace-appearance-panel [data-scene-choice][aria-pressed=true]{border-color:#769ee5;background:#80aefa20;box-shadow:0 0 0 1px #80aefa33}
#workspace-appearance-panel [data-scene-choice][aria-pressed=true]::after{content:'✓';position:absolute;top:13px;right:13px;display:grid;place-items:center;width:21px;height:21px;background:#6289d3;color:#fff;border:1px solid #c7dfff;border-radius:50%;font-size:13px}
.workspace-scene-preview{display:block;height:81px;border-radius:11px;overflow:hidden;margin-bottom:10px;border:1px solid #ffffff66}
.workspace-scene-preview.flowers{background:#057bad url('/space-assets/20260909-1/skyflora-workspace/sky-poster.webp') 70% 50%/cover}
.workspace-scene-preview.classic{position:relative;background:radial-gradient(ellipse at 0 0,#ead3ed,transparent 60%),linear-gradient(115deg,#eff2ff 0 50%,#13182e 50% 100%)}
.workspace-scene-preview.classic::before,.workspace-scene-preview.classic::after{content:'';position:absolute;width:110px;height:53px;border:1px solid #a995cf80;border-radius:50%;left:4px;top:17px;transform:rotate(-27deg)}
.workspace-scene-preview.classic::after{transform:rotate(33deg);border-color:#dc9ac077}
#workspace-appearance-panel [data-scene-choice] strong{display:block;font-size:13px;font-weight:600;padding:0 5px}
#workspace-appearance-panel [data-scene-choice] small{display:block;font-size:10px;margin-top:3px;color:var(--appearance-muted);padding:0 5px}
.workspace-appearance-tone{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;margin-top:19px;border-top:1px solid var(--appearance-line)}
.workspace-appearance-tone>span{font-size:12px;color:var(--appearance-muted)}
.workspace-appearance-tone>div{display:flex;gap:3px;padding:3px;border:1px solid var(--appearance-line);border-radius:999px}
#workspace-appearance-panel [data-appearance-theme]{font-size:11px;border:0;border-radius:999px;padding:6px 11px;background:transparent;color:var(--appearance-muted)}
#workspace-appearance-panel [data-appearance-theme][aria-pressed=true]{background:#86a7e72b;color:var(--appearance-ink)}
.workspace-appearance-hint{font-size:10px;line-height:1.8;color:var(--appearance-muted);margin:16px 0 0}
html[data-theme=dark] body.sky-workspace #workspace-appearance{--appearance-glass:rgba(22,39,61,.92);--appearance-ink:#e9f1ff;--appearance-muted:#9fb3cf;--appearance-line:#899eb740}
html[data-theme=dark] body.sky-workspace :is(#workspace-appearance-open,#workspace-appearance-panel){border-color:#c1d9f132}
html[data-theme=dark] #workspace-appearance-panel [data-scene-choice]{background:#accef009}
@keyframes workspace-appearance-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
/* Snapshot dissolve: the new scene softly resolves into focus; no page geometry moves. */
html.workspace-scene-transition::view-transition-old(root){animation:workspace-render-out .9s ease both;mix-blend-mode:normal}
html.workspace-scene-transition::view-transition-new(root){animation:workspace-render-in .95s cubic-bezier(.22,.75,.2,1) both;mix-blend-mode:normal}
html.workspace-scene-transition::view-transition-group(root){animation-duration:.95s}
html.workspace-scene-transition .workspace-classic-scene,html.workspace-scene-transition .sky-scenery{transition:none!important}
@keyframes workspace-render-out{to{opacity:0;filter:blur(5px)}}
@keyframes workspace-render-in{from{opacity:0;filter:blur(12px) saturate(.6)}45%{opacity:.65}to{opacity:1;filter:blur(0) saturate(1)}}
@media(max-width:760px){body.sky-workspace #workspace-appearance{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}body.sky-workspace #workspace-appearance-panel{width:310px;padding:20px}body.sky-workspace #workspace-appearance-open{min-height:44px;padding:9px 13px;font-size:11px}body.sky-workspace footer{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){html.workspace-scene-transition::view-transition-old(root),html.workspace-scene-transition::view-transition-new(root){animation:none!important}.workspace-classic-scene *{animation-play-state:paused!important}}
body.sky-workspace:has(#private-motion-pause:checked) .workspace-classic-scene *{animation-play-state:paused!important}
/* Short, event-driven transitions for the existing workspace controls. */
body.sky-workspace #workspace-appearance-panel.workspace-popover-motion { animation:none; }
body.sky-workspace #workspace-appearance-open[aria-expanded=true] { box-shadow:0 0 0 3px #88a7ed26,0 12px 36px #17365c30; }
#workspace-appearance-open>svg { transition:rotate .38s cubic-bezier(.16,1,.3,1); }
#workspace-appearance-open[aria-expanded=true]>svg { rotate:-18deg; }
#workspace-appearance-panel [data-scene-choice][aria-pressed=true]::after { animation:workspace-choice-pop .32s cubic-bezier(.16,1,.3,1); }
#workspace-appearance-panel [data-scene-choice]:focus-visible { outline:2px solid #8caef0;outline-offset:3px; }
@keyframes workspace-choice-pop { from{transform:scale(.65);opacity:.4} to{transform:scale(1);opacity:1} }
body.sky-workspace .workspace-tabs.workspace-tabs-motion { position:relative;isolation:isolate; }
body.sky-workspace .workspace-tabs.workspace-tabs-motion [role=tab] { position:relative;z-index:1; }
body.sky-workspace .workspace-tabs.workspace-tabs-motion [role=tab][aria-selected=true] { background:transparent;box-shadow:none; }
.workspace-tab-indicator { position:absolute;left:0;top:0;pointer-events:none;border-radius:999px;background:#ffffffec;box-shadow:0 3px 12px #12436814; }
body.sky-workspace[data-workspace-scene=classic] .workspace-tab-indicator { background:var(--sky-field); }
html[data-theme=dark] body.sky-workspace[data-workspace-scene=skyflora] .workspace-tab-indicator { background:#c7e8f433;box-shadow:inset 0 1px 0 #e5f8ff36; }
html[data-theme=dark] body.sky-workspace .workspace-tabs.workspace-tabs-motion [role=tab][aria-selected=true] { color:var(--heading); }
body.sky-workspace .workspace-tabs.workspace-tabs-motion [role=tab]:focus-visible { outline:2px solid #92bcf4;outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { #workspace-appearance-open>svg { transition:none; } #workspace-appearance-panel [data-scene-choice]::after { animation:none!important; } }
body.sky-workspace:has(#private-motion-pause:checked) #workspace-appearance-open>svg { transition:none; }
/* Search actions use the same glass palette in every interaction state. */
body.sky-workspace {
  --search-ink:#224e66;--search-surface:#e4f5fddd;--search-hover:#d3edf9;
  --search-pressed:#c1dfef;--search-line:#9fbfd4;--search-ring:#4b8fab;--search-shadow:#214e6c13;
}
body.sky-workspace[data-workspace-scene=classic] {
  --search-ink:#44537e;--search-surface:#eef0fddd;--search-hover:#e2e7fc;
  --search-pressed:#d6def8;--search-line:#c3cae8;--search-ring:#7687c7;--search-shadow:#6675ab12;
}
html[data-theme=dark] body.sky-workspace {
  --search-ink:#e4f5ff;--search-surface:#213e53e8;--search-hover:#2d536e;
  --search-pressed:#386781;--search-line:#5c8198;--search-ring:#98cced;--search-shadow:#00142730;
}
html[data-theme=dark] body.sky-workspace[data-workspace-scene=classic] {
  --search-ink:#edf0ff;--search-surface:#303951e8;--search-hover:#414e70;
  --search-pressed:#50608a;--search-line:#687695;--search-ring:#adbbed;--search-shadow:#080d2630;
}
body.sky-workspace[data-workspace-scene] #workspace .search>button {
  min-height:50px;min-width:78px;padding:10px 19px;border:1px solid var(--search-line);border-radius:16px;
  color:var(--search-ink);background:var(--search-surface);font-weight:600;line-height:1.5;
  box-shadow:inset 0 1px 0 #ffffff26,0 3px 10px var(--search-shadow);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:background .2s,border-color .2s,box-shadow .2s,translate .2s;
}
body.sky-workspace[data-workspace-scene] #workspace .search>button:is(:hover,:focus-visible) {
  color:var(--search-ink);background:var(--search-hover);border-color:var(--search-ring);
  box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px var(--search-shadow);
}
body.sky-workspace[data-workspace-scene] #workspace .search>button:focus-visible {
  outline:2px solid var(--search-ring);outline-offset:3px;
}
body.sky-workspace[data-workspace-scene] #workspace .search>button:active {
  color:var(--search-ink);background:var(--search-pressed);translate:0 1px;box-shadow:inset 0 1px 3px var(--search-shadow);
}
body.sky-workspace[data-workspace-scene] #workspace .search>button:disabled {
  color:var(--search-ink);background:var(--search-surface);opacity:.7;cursor:wait;translate:none;
}