/* A shared optical language. Components retain their own layout contracts. */
/* Space Grotesk by Florian Karsten, SIL OFL 1.1; self-hosted Latin subset.
   Only the notebook entry actions use this face. */
@font-face {
  font-family:"Space Grotesk"; font-style:normal; font-weight:500;
  font-display:swap;
  src:url("../vendor/fonts/space-grotesk/space-grotesk-latin-500.ab4861869c91.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
body.research-ui {
  --ink:#193553; --ink-2:#405e80; --muted:#4b6380; --bg:#eff4fc;
  /* Quiet glass at the edge; neutral, stable surfaces behind the words. */
  --glass-surface:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,251,255,.82) 58%,rgba(239,242,252,.86));
  --glass-reading:rgba(255,255,255,.86);
  --glass-surface-soft:linear-gradient(135deg,rgba(255,255,255,.48),rgba(237,243,252,.36));
  --glass-surface-raised:linear-gradient(135deg,rgba(255,255,255,.93),rgba(240,245,253,.88));
  --glass-reflection:linear-gradient(112deg,rgba(255,255,255,.12),transparent 32%,rgba(255,255,255,.025) 73%,transparent);
  --glass-filter:blur(12px) saturate(110%);
  --glass-line:rgba(255,255,255,.88);
  --glass-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(119,145,200,.13),0 14px 32px -24px rgba(49,83,149,.25),0 3px 10px -8px rgba(91,83,153,.16);
  --glass:var(--glass-surface);
  background:var(--bg);
}
/* A fixed decorative instrument field stays alive at every scroll depth.
   No SVG filters or JavaScript frame loop; paint is a small set of paths. */
/* Asymmetric overlapping ridges and soft envelopes suggest statistical
   curves without separate charts; overscan preserves the full-bleed flow. */
.research-atmosphere { --ra-drift:2.6; --ra-tempo:1.15; position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; contain:strict; background:linear-gradient(155deg,#f6f8fd 0%,#f1f5fc 50%,#f4f1fb 100%); }
.research-atmosphere::before { content:''; position:absolute; inset:-22%; background:radial-gradient(ellipse at 8% 32%,#a9cfff40,transparent 38%),radial-gradient(ellipse at 88% 74%,#baabe740,transparent 43%); animation:ra-field-drift calc(22s * var(--ra-tempo)) ease-in-out infinite alternate; }
.research-atmosphere::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 43% 61% at 50% 42%,#f5f8fccc 0%,#f5f8fc70 65%,transparent 100%); }
.research-atmosphere .ra-scene { position:absolute; inset:-10%; width:120%; height:120%; overflow:visible; opacity:.62; }
.research-atmosphere .ra-grid { opacity:.32; transform-origin:center; animation:ra-grid-breathe calc(12s * var(--ra-tempo)) ease-in-out infinite alternate; }
.research-atmosphere .ra-ribbon { transform-origin:center; }
.research-atmosphere .ra-ribbon-blue { animation:ra-blue-current calc(24s * var(--ra-tempo)) ease-in-out infinite alternate; }
.research-atmosphere .ra-ribbon-violet { animation:ra-violet-current calc(20s * var(--ra-tempo)) ease-in-out infinite alternate; animation-delay:-7s; }
.research-atmosphere .ra-ribbon-rim { fill:none; stroke:#fafdff; stroke-width:2; opacity:.88; }
.research-atmosphere .ra-ribbon-thread { fill:none; stroke:#91acd8; stroke-width:1; opacity:.48; }
.research-atmosphere .ra-contours { stroke-width:1.15; opacity:.84; animation:ra-contour-tide calc(18s * var(--ra-tempo)) ease-in-out infinite alternate; animation-delay:-5s; }
.research-atmosphere .ra-stream { stroke-dasharray:20 980; stroke-dashoffset:0; stroke-width:3.5; animation:ra-stream-flow 16s linear infinite; }
.research-atmosphere .ra-stream-blue { stroke:#83aee1; }
.research-atmosphere .ra-stream-violet { stroke:#a196d2; animation-duration:21s; animation-delay:-10s; }
.research-atmosphere .ra-stream-fine { stroke:#fff; stroke-width:2.5; stroke-dasharray:12 988; animation-duration:18s; animation-delay:-5s; }
.research-atmosphere .ra-orbit { opacity:.46; }
.research-atmosphere .ra-orbit-turn { transform-origin:0 0; animation:ra-orbit-turn 32s linear infinite; }
.research-atmosphere .ra-particle { opacity:.73; animation:ra-particle-drift calc(14s * var(--ra-tempo)) ease-in-out infinite alternate; animation-delay:var(--ra-delay,0s); }
.research-atmosphere .ra-particle-violet { fill:#aca0d8; animation-name:ra-particle-rise; animation-duration:calc(18s * var(--ra-tempo)); }
.research-atmosphere[data-motion=paused],.research-atmosphere[data-motion=paused] *,.research-atmosphere[data-motion=paused]::before,.research-atmosphere[data-motion=paused]::after { animation-play-state:paused!important; }
@keyframes ra-field-drift { from { transform:translate3d(calc(-2% * var(--ra-drift)),calc(-2% * var(--ra-drift)),0); } to { transform:translate3d(calc(4% * var(--ra-drift)),calc(5% * var(--ra-drift)),0); } }
@keyframes ra-grid-breathe { from { opacity:.19; transform:translate3d(0,0,0); } to { opacity:.44; transform:translate3d(calc(14px * var(--ra-drift)),calc(14px * var(--ra-drift)),0); } }
@keyframes ra-blue-current { from { transform:translate3d(calc(-55px * var(--ra-drift)),calc(-28px * var(--ra-drift)),0) rotate(calc(-3deg * var(--ra-drift))); } to { transform:translate3d(calc(65px * var(--ra-drift)),calc(44px * var(--ra-drift)),0) rotate(calc(3deg * var(--ra-drift))); } }
@keyframes ra-violet-current { from { transform:translate3d(calc(38px * var(--ra-drift)),calc(35px * var(--ra-drift)),0) scale(1.025); } to { transform:translate3d(calc(-62px * var(--ra-drift)),calc(-46px * var(--ra-drift)),0) scale(1.08); } }
@keyframes ra-contour-tide { from { transform:translate3d(calc(-32px * var(--ra-drift)),calc(24px * var(--ra-drift)),0); opacity:.52; } to { transform:translate3d(calc(45px * var(--ra-drift)),calc(-37px * var(--ra-drift)),0); opacity:.94; } }
@keyframes ra-stream-flow { to { stroke-dashoffset:-1000; } }
@keyframes ra-orbit-turn { to { transform:rotate(360deg); } }
@keyframes ra-particle-drift { from { transform:translate3d(calc(-15px * var(--ra-drift)),calc(18px * var(--ra-drift)),0); opacity:.36; } to { transform:translate3d(calc(38px * var(--ra-drift)),calc(-37px * var(--ra-drift)),0); opacity:.88; } }
@keyframes ra-particle-rise { from { transform:translate3d(calc(25px * var(--ra-drift)),calc(12px * var(--ra-drift)),0); opacity:.8; } to { transform:translate3d(calc(-40px * var(--ra-drift)),calc(-42px * var(--ra-drift)),0); opacity:.38; } }
@media(max-width:640px) {
  .research-atmosphere { --ra-drift:2; --ra-tempo:1.15; }
  .research-atmosphere .ra-scene { opacity:.5; }
  .research-atmosphere .ra-detail,.research-atmosphere .ra-orbit,.research-atmosphere .ra-stream-fine { display:none; }
  .research-atmosphere .ra-grid { animation:none; opacity:.2; }
  .research-atmosphere .ra-ribbon-rim { stroke-width:3; }
  .research-atmosphere::after { background:radial-gradient(ellipse at 50% 36%,#f5f8fcaa,transparent 76%); }
}
body.research-ui .page,body.research-ui .footer { z-index:1; }
body.research-ui .topbar { background:var(--glass-reflection),var(--glass-surface-raised); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); border-bottom-color:var(--glass-line); box-shadow:inset 0 -1px #ffffff60,0 5px 24px -15px #4264a644; }
body.research-ui .topbar::after { background:linear-gradient(90deg,transparent,#92b9e4,#b1a8e4,transparent); opacity:.4; }
body.research-ui .btn { border-radius:999px; background:linear-gradient(125deg,#376b9f,#5a6fb6); border-color:#ffffff99; box-shadow:0 4px 12px #315e9a20,inset 0 1px #ffffff30; transition:translate .25s,box-shadow .25s,background .25s; }
body.research-ui .btn:hover { background:linear-gradient(125deg,#315f91,#656cbc); border-color:#fff; translate:0 -2px; box-shadow:0 8px 18px #345e9a2b; }
body.research-ui .btn-secondary,body.research-ui .btn-outline { color:#315d89; background:#f9fcffd9; border-color:#c4d6ed; box-shadow:inset 0 1px #fff,0 3px 9px #34567808; }
body.research-ui .btn-secondary:hover,body.research-ui .btn-outline:hover { color:#294e7d; background:#e8f1ff; border-color:#a9c0e4; }
body.research-ui .btn-danger { background:#fff5f3; border-color:#e9c7c7; color:#a13c3c; }
/* A single luminous surface: the line icon and label share the material.
   The reflection sits behind the text and never intercepts pointer input. */
@property --research-action-turn { syntax:"<angle>"; initial-value:0deg; inherits:false; }
body.research-ui .topbar :is(.btn-post,.btn-join),
body.research-ui .feed-search button {
  position:relative; isolation:isolate; overflow:hidden; flex:none;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:36px; min-height:36px; padding:0 11px;
  border:1px solid transparent; border-radius:12px 5px 12px 5px;
  color:#fff;
  background:linear-gradient(115deg,#2c5688,#495a9e 58%,#605697) padding-box,
    linear-gradient(130deg,#b9dafa,#8badd6 35%,#b8a9e1 72%,#d1d8f4) border-box;
  box-shadow:inset 0 1px 0 #ffffff24,0 3px 9px -5px #6974bb65,0 1px 2px #47659f14;
  font:500 13px/1.1 "Space Grotesk",var(--sans); letter-spacing:-.015em; font-kerning:normal;
  transition:box-shadow .25s,border-color .25s,transform .2s;
}
body.research-ui .topbar :is(.btn-post,.btn-join):visited { color:#fff; }
body.research-ui .topbar :is(.btn-post,.btn-join) > span,
body.research-ui .feed-search button > span { position:relative; z-index:1; }
body.research-ui .topbar :is(.btn-post,.btn-join)::before,
body.research-ui .feed-search button::before {
  content:""; position:absolute; z-index:0; inset:0; pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,#ffffff1f 50%,transparent 70%);
  transform:translateX(-110%); animation:research-action-glint 7s ease-in-out infinite;
}
body.research-ui .feed-search button::before { animation-delay:-3.5s; }
body.research-ui .topbar :is(.btn-post,.btn-join)::after,
body.research-ui .feed-search button::after {
  content:""; position:absolute; z-index:0; inset:0; padding:1.25px;
  border-radius:inherit; pointer-events:none;
  background:conic-gradient(from var(--research-action-turn,0deg),transparent 15%,#9ed7ff55 37%,#e4f6ff 48%,#c4b8ff 58%,transparent 74%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.86; animation:research-action-edge 8s linear infinite; transition:opacity .25s;
}
body.research-ui .feed-search button::after { animation-delay:-4s; }
body.research-ui .post-action-icon,body.research-ui .search-action-icon,body.research-ui .join-action-icon {
  display:grid; place-items:center; flex:none; width:18px; height:20px;
  border:0; border-radius:0; color:#e5eeff; background:none;
}
body.research-ui :is(.post-action-icon,.search-action-icon,.join-action-icon) svg {
  display:block; width:16px; height:16px; fill:none; stroke:currentColor;
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
  transition:transform .3s cubic-bezier(.2,.65,.35,1),color .25s;
}
body.research-ui .topbar :is(.btn-post,.btn-join):hover,
body.research-ui .feed-search button:hover {
  color:#fff; border-color:transparent; translate:none;
  background:linear-gradient(115deg,#2c5688,#495a9e 58%,#605697) padding-box,
    linear-gradient(130deg,#dbf0ff,#a9c9f2 35%,#cebbf7 72%,#e3e9ff) border-box;
  box-shadow:inset 0 1px 0 #ffffff38,0 5px 13px -6px #6b69b378,0 0 0 2px #b6c9ef20;
  transform:translateY(-1px);
}
body.research-ui .topbar :is(.btn-post,.btn-join):hover::after,
body.research-ui .feed-search button:hover::after { opacity:1; }
body.research-ui .topbar :is(.btn-post,.btn-join):hover .post-action-icon svg { transform:rotate(90deg); color:#fff; }
body.research-ui .topbar .btn-join:hover .join-action-icon svg,
body.research-ui .feed-search button:hover .search-action-icon svg { transform:translate(2px,-2px); color:#fff; }
body.research-ui .topbar :is(.btn-post,.btn-join):active,
body.research-ui .feed-search button:active { transform:translateY(0) scale(.98); box-shadow:inset 0 1px 5px #20345526; }
body.research-ui .feed-search { border-radius:20px; padding:7px 7px 7px 18px; background:var(--glass-reflection),var(--glass-surface-raised); border-color:var(--glass-line); box-shadow:0 0 0 1px #9eb9dc55,var(--glass-shadow); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); }
body.research-ui .feed-search input[type=search] { background:transparent; }
body.research-ui .feed-search button { gap:8px; padding:0 11px 0 12px; }
body.research-ui .feed-search .feed-search-label { letter-spacing:inherit; }
body.research-ui .topbar .btn-join :is(.join-full,.join-short) { font:inherit; }
body.research-ui :is(.topbar :is(.btn-post,.btn-join),.feed-search button):focus-visible { outline:2px solid #4067a7; outline-offset:3px; }
@keyframes research-action-glint {
  0%,12% { transform:translateX(-110%); }
  72%,100% { transform:translateX(110%); }
}
@keyframes research-action-edge { to { --research-action-turn:360deg; } }
@media(max-width:560px) {
  body.research-ui .topbar :is(.btn-post,.btn-join) { height:44px; min-height:44px; gap:6px; padding:0 9px; font-size:13px; }
  body.research-ui .post-action-icon,body.research-ui .join-action-icon { width:16px; }
  body.research-ui .feed-search button { width:44px; height:44px; min-height:44px; padding:0; }
  body.research-ui .search-action-icon { width:100%; height:100%; }
  body.research-ui .search-action-icon svg { width:16px; height:16px; }
}
body.research-ui .feed-rail { background:var(--glass-reflection),var(--glass-surface); border:1px solid var(--glass-line); padding:10px 10px 16px; border-radius:20px; -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); box-shadow:0 0 0 1px #a7bfdf30,var(--glass-shadow); }
body.research-ui .feed-rail-head { padding:7px 4px 15px; }
body.research-ui .feed-rail-cat { border-radius:12px; transition:background .25s,color .25s,translate .25s; }
body.research-ui .feed-rail-cat.active,body.research-ui .feed-rail-cat.is-all.active { background:linear-gradient(110deg,#dcecffc9,#e7e3ffb3); box-shadow:inset 0 1px #fff; }
body.research-ui .feed-rail-cat:hover { translate:2px 0; background:#ffffffbd; }
body.research-ui .research-rail-collapse,body.research-ui .research-rail-expand,body.research-ui .research-field-toggle { border-radius:10px; background:#ffffffb8; }
body.research-ui .feed-sort { border-radius:999px; padding:4px; border-color:#fff; background:#e4ecf7a6; box-shadow:inset 0 1px 4px #34587c09; }
body.research-ui .feed-sort a { border-radius:999px; padding:7px 14px; }
body.research-ui .feed-sort a.active { background:#ffffffeb; box-shadow:0 2px 8px #294c8412; }
body.research-ui .feed-sel-chip { border-radius:999px; background:#edf3ffcc; }
body.research-ui :is(.fg-chapter,.fg-header-map,.cw-panel,.cw-preview-card,.rp-auth-card,.rp-auth-aside,.formwrap,.profile-head) { background:var(--glass-reflection),var(--glass-surface); border-color:var(--glass-line); box-shadow:0 0 0 1px #a8bedf38,var(--glass-shadow); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); }
body.research-ui :is(.fg,.cw) { --desk-muted:#455e7c; }
/* Nested panels transmit the outer material instead of stacking white paint
   and a second expensive backdrop filter over the same pixels. */
body.research-ui :is(.fg-reading-note,.fg-demo,.fg-doc-cycle,.fg-compose-map,.cw-progress-box,.cw-tip,.cw-sequence-note) { background:var(--glass-surface-soft); border-color:#bdcde77a; box-shadow:inset 0 1px #ffffffc9; -webkit-backdrop-filter:none; backdrop-filter:none; }
body.research-ui .fg-doc-paths article { background:var(--glass-surface-soft); border-color:#bbcce578; box-shadow:inset 0 1px #ffffffe0; }
body.research-ui :is(.fg-step-details,.fg-demo-caption) { background:rgba(255,255,255,.32); border-color:#c3d2e780; }
body.research-ui .cw .step-card { background:rgba(255,255,255,.19); border-color:#b8cce28c; box-shadow:inset 0 1px #ffffffcf; }
body.research-ui .cw .step-card-rail { background:var(--glass-surface-soft); border-color:#c1cfe575; }
body.research-ui .cw-submit-bar { background:var(--glass-reflection),var(--glass-surface-raised); border-color:var(--glass-line); box-shadow:0 0 0 1px #a7bfdf40,var(--glass-shadow); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); }
/* Charts, formulas and code remain on paper; their surrounding instrument is glass. */
body.research-ui :is(.cw-preview-diagram,.fg-mini-table,.cw-description-preview) { background:#fcfdff; }
body.research-ui .inference-lab { background:var(--glass-reflection),var(--glass-surface); border-color:var(--glass-line); box-shadow:0 0 0 1px #a8bedf3d,var(--glass-shadow); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); }
body.research-ui .inference-lab::before { background:linear-gradient(165deg,#d9e9ff24,transparent 48%,#c6b5ec30); }
body.research-ui .inference-lab .lab-console { background:var(--glass-surface-soft); border-color:#aec3e482; box-shadow:inset 0 1px #ffffffe8,0 3px 8px #456aa70a; }
body.research-ui .inference-lab .lab-variable-tabs { background:rgba(225,233,251,.22); border-color:#bdcee780; }
body.research-ui .inference-lab .lab-variable-tabs button[aria-selected=true] { background:rgba(255,255,255,.45); }
body.research-ui .inference-lab .lab-plot-surface { fill:#fcfdff; }
body.research-ui .inference-lab .lab-readout-surface { fill:#ffffff4d; stroke:#afc3e280; }
body.research-ui .inference-lab :is(.lab-axis-tick,.lab-svg-label,.lab-readout-label,.lab-readout-foot) { fill:#456181; }
body.research-ui .inference-lab .lab-svg-label-y { fill:#6d5790; }
body.research-ui :is(.fg-nav a,.cw-chapters a,.fg-primary-link,.cw-view-switch button) { border-radius:14px; transition:background .25s,translate .25s,box-shadow .25s; }
body.research-ui :is(.fg-nav a,.cw-chapters a):hover { translate:3px 0; background:#eef3ffe8; }
body.research-ui :is(.fg-flow button,.cw-preview-step,.sc-prompts button) { transition:background .25s,translate .25s,box-shadow .25s,border-color .25s; }
body.research-ui .fg-flow button:hover { translate:0 -3px; box-shadow:0 7px 18px #345b9620; }
body.research-ui .sc-panel { border-color:var(--glass-line); background:var(--glass-reflection),var(--glass-surface); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); box-shadow:0 0 0 1px #a0badc77,0 30px 75px -24px #2d56874d,var(--glass-shadow); }
body.research-ui .sc-panel-head { background:var(--glass-surface-soft); border-color:#b1c7e47a; box-shadow:inset 0 1px #ffffffe6; }
body.research-ui .sc-icon-button { background:#ffffff72; border:1px solid #ffffff9c; border-radius:50%; }
body.research-ui .sc-thread { background:var(--glass-reading); }
body.research-ui :is(.sc-context,.sc-access,.sc-input) { background:var(--glass-surface-soft); border-color:#b9cce278; }
body.research-ui .sc-composer { background:rgba(255,255,255,.6); border-color:#acc2e18c; box-shadow:inset 0 1px #fff; }
body.research-ui .sc-msg-bot:not(.sc-msg-error) { background:rgba(255,255,255,.92); border-color:#dbe4f0; box-shadow:0 2px 8px #43608a09; }
body.research-ui :is(.sc-fab,.sc-bubble) { background:var(--glass-reflection),var(--glass-surface-raised); border-color:var(--glass-line); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); box-shadow:0 0 0 1px #a9c0e166,var(--glass-shadow); }
body.research-ui .sc-msg-user { background:linear-gradient(130deg,#c9e1ffa3,#d9d0f7a6); color:#234d78; border:1px solid #fff; }
body.research-ui .sc-msg-user::before { color:#5573a5; }
body.research-ui .sc-prompts button { background:var(--glass-surface-soft); border-color:#ffffffe3; box-shadow:inset 0 1px #fff,0 0 0 1px #b7cbe54d,0 5px 20px -12px #294b9833; }
body.research-ui .sc-fab-orbit { border-color:#a8bae555; box-shadow:0 0 14px #b9ccef2e; }
body.research-ui img:is([src*="statsotter-mark"],[src*="statsotter-chat"],[src*="statsotter-lockup"]) { transform-origin:50% 85%; animation:companion-idle 5.6s ease-in-out infinite; }
body.research-ui .footer-logo { animation-delay:-2s; }
body.research-ui .sc-welcome-otter { animation-duration:4.4s!important; }
body.research-ui:not(.sc-open) .sc-panel img { animation-play-state:paused!important; }
body.research-ui .otter-sleep { animation-play-state:paused!important; }
body.research-ui :is(.brand,.research-footer-brand,.sc-fab,.sc-otter-scene):hover img { animation:otter-wave .8s ease-in-out 2; }
body.research-ui.motion-sleep *,body.research-ui.motion-sleep *::before,body.research-ui.motion-sleep *::after { animation-play-state:paused!important; }
@keyframes companion-idle { 0%,100% { transform:translateY(0) rotate(-2deg); } 30% { transform:translateY(-4px) rotate(3deg); } 55% { transform:translateY(-1px) rotate(-1deg); } 75% { transform:translateY(-3px) rotate(1deg); } }
@media(max-width:1020px) { body.research-ui .feed-rail { background:var(--glass-reflection),var(--glass-surface-raised); } }
@media(max-width:640px) {
  body.research-ui { --glass-filter:blur(9px) saturate(105%); --glass-surface:linear-gradient(145deg,rgba(255,255,255,.93),rgba(246,249,254,.88) 58%,rgba(240,242,251,.9)); }
  body.research-ui .sc-panel { border:0; }
  body.research-ui .cw-chapters,body.research-ui .cw.is-enhanced .cw-view-switch { background:var(--glass-surface-soft); border-color:var(--glass-line); }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.research-ui { --glass-surface:linear-gradient(145deg,#f8fbfff0,#e1ecfbe8 65%,#e4dff8eb); --glass-surface-raised:linear-gradient(135deg,#fcfdfff5,#eaf1fdf2,#e8e2faf0); }
}
@media(prefers-reduced-motion:reduce) { .research-atmosphere,.research-atmosphere *,.research-atmosphere::before,.research-atmosphere::after,body.research-ui img:is([src*="statsotter-mark"],[src*="statsotter-chat"],[src*="statsotter-lockup"]) { animation:none!important; } body.research-ui :is(.btn,.feed-rail-cat,.fg-nav a,.cw-chapters a,.fg-flow button,.topbar :is(.btn-post,.btn-join),.feed-search button,.post-action-icon svg,.search-action-icon svg,.join-action-icon svg) { transition:none; translate:none; } body.research-ui .topbar :is(.btn-post,.btn-join):hover .post-action-icon svg,body.research-ui .feed-search button:hover .search-action-icon svg,body.research-ui .topbar .btn-join:hover .join-action-icon svg { transform:none; } }

@media(prefers-reduced-motion:reduce) {
  body.research-ui .topbar :is(.btn-post,.btn-join)::before,body.research-ui .feed-search button::before { animation:none; transform:none; opacity:.35; }
  body.research-ui .topbar :is(.btn-post,.btn-join)::after,body.research-ui .feed-search button::after { animation:none; transition:none; }
  body.research-ui .topbar :is(.btn-post,.btn-join):hover,body.research-ui .topbar :is(.btn-post,.btn-join):active,
  body.research-ui .feed-search button:hover,body.research-ui .feed-search button:active { transform:none; }
}

@supports not ((-webkit-mask-composite:xor) or (mask-composite:exclude)) {
  body.research-ui .topbar :is(.btn-post,.btn-join)::after,body.research-ui .feed-search button::after { display:none; }
}