*{box-sizing:border-box}:root{--bg: #090f1f;--surface: rgba(16, 25, 46, .74);--surface-strong: rgba(17, 27, 50, .9);--line: #31487f;--line-strong: #5e78bf;--text: #f6f8ff;--muted: #b7c4e8;--accent: #7df9ff;--accent-warm: #ffb7b7;--focus: #aafcff;--danger: #ffb0b0;--warning-bg: rgba(31, 38, 69, .94);--radius-xl: 20px;--radius-lg: 14px;--radius-md: 10px;--space-1: .4rem;--space-2: .7rem;--space-3: 1rem;--space-4: 1.4rem;--font-ui: "Avenir Next", "Inter", "Segoe UI", system-ui, sans-serif;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--overlay-scrim-top: .14;--overlay-scrim-mid: .68;--overlay-scrim-bottom: .8;--overlay-panel-alpha: .7;--overlay-chip-alpha: .86;--control-hit-size: 2.75rem}body{margin:0;min-height:100vh;min-height:100dvh;position:relative;color:var(--text);font-family:var(--font-ui);line-height:1.35;background:#050913;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 8% -10%,rgba(125,249,255,.2) 0%,transparent 36%),radial-gradient(circle at 95% 4%,rgba(255,123,123,.15) 0%,transparent 32%),linear-gradient(180deg,rgba(6,11,21,var(--overlay-scrim-top)),rgba(6,10,19,var(--overlay-scrim-mid)) 88%,rgba(5,8,15,var(--overlay-scrim-bottom)));transition:background .26s ease}[hidden]{display:none!important}.studio-shell{width:min(1200px,100%);margin:0 auto;padding:var(--space-3);display:grid;gap:var(--space-3);position:relative;z-index:2}.story-panel,.archive-lab{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(170deg,var(--surface),rgba(11,18,34,.94));box-shadow:0 20px 42px #00000057,0 1px #ffffff0f inset}.art-first{position:relative;min-height:100vh;min-height:100dvh;padding:var(--space-3);display:grid;grid-template-rows:auto auto 1fr;gap:.8rem;z-index:2}.topline{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(360px,1fr);align-items:start;gap:var(--space-3);position:relative;z-index:3;border:1px solid rgba(125,249,255,.26);border-radius:var(--radius-lg);padding:.72rem .86rem;background:rgba(7,12,23,var(--overlay-panel-alpha));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .22s ease,transform .22s ease,background-color .26s ease}.topline-left{display:grid;gap:.45rem;align-content:start}.topline-tools{display:grid;gap:.5rem;justify-items:end}.view-modes{display:inline-flex;align-items:center;gap:.35rem}.mode-button{border:1px solid var(--line);border-radius:999px;background:#0e172be6;color:var(--muted);min-height:var(--control-hit-size);padding:.3rem .66rem;font-size:.72rem;letter-spacing:.02em;cursor:pointer}.mode-button[aria-pressed=true]{color:var(--text);border-color:#7df9ff9e;background:#152748fa}.key-hints{margin:0;color:var(--muted);font-size:.7rem;text-align:right}.topline-brand{display:inline-flex;align-items:center;gap:.45rem}.rusty-glyph{display:inline-grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:999px;border:1px solid rgba(125,249,255,.5);background:#0b1425db;color:var(--accent);font-size:.72rem;line-height:1}.topline-mark{margin:0;text-transform:uppercase;letter-spacing:.07em;font-weight:640;font-family:var(--font-display);color:var(--accent);font-size:.79rem}.topline-note{margin:0;color:#d2dcf8;font-size:.83rem;max-width:62ch}.topline-intent{margin:0;color:var(--muted);font-size:.72rem;line-height:1.35;max-width:70ch}.quick-switch{display:inline-grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem .45rem;padding:.3rem;border:1px solid rgba(125,249,255,.33);border-radius:999px;background:rgba(7,13,25,calc(var(--overlay-panel-alpha) + .04))}.quick-switch button,.quick-switch select{font:inherit;color:var(--text);background:#111b32f5;border:1px solid var(--line);border-radius:999px;height:var(--control-hit-size)}.quick-switch button{width:var(--control-hit-size);padding:0;cursor:pointer}.quick-switch select{max-width:min(42vw,320px);min-width:min(30vw,220px);padding:0 .6rem;font-size:.8rem}.quick-position{grid-column:1 / -1;justify-self:end;padding-right:.4rem;color:#d9e6ff;font-size:.64rem;letter-spacing:.05em;text-transform:uppercase}.quick-position:empty{display:none}.mobile-chrome-toggle{display:none;justify-content:center;width:100%;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.status-banner{position:relative;z-index:3;border:1px solid rgba(125,249,255,.4);background:var(--warning-bg);color:#e2ebff;padding:.48rem .65rem;border-radius:var(--radius-md);font-size:.8rem;transition:opacity .22s ease,transform .22s ease}.status-banner[data-level=error]{border-color:#ffb0b08c;color:#ffdede}.status-banner[data-level=warning]{border-color:#fce1a38c}.canvas-shell{position:fixed;inset:0;z-index:0;min-height:0;border-radius:0;border:none;overflow:hidden;background:#060c18}#art-canvas{width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:block;background:#050913}.now-chip{position:absolute;z-index:3;left:var(--space-3);right:auto;bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));width:min(92vw,760px);max-width:calc(100% - (var(--space-3) * 2));padding:.72rem .84rem;border-radius:var(--radius-md);border:1px solid rgba(125,249,255,.42);background:rgba(7,13,25,var(--overlay-chip-alpha));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .22s ease,transform .22s ease,background-color .26s ease}.now-chip-label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);display:flex;align-items:center;gap:.4rem}.load-state{color:#d6e9ff;font-size:.63rem;letter-spacing:.06em}.art-first.is-loading #art-canvas{opacity:.86}.art-first.is-loading .topline,.art-first.is-loading .status-banner{opacity:.88}.art-first.is-loading .now-chip{opacity:.85;transform:translateY(4px)}.hero-now-title{margin:var(--space-1) 0 0;font-size:clamp(1.05rem,1.25vw,1.28rem);font-family:var(--font-display);font-weight:620;letter-spacing:.01em;line-height:1.18}.hero-now-sub{margin:.22rem 0 0;font-size:.81rem;color:#d8e2ff}.hero-now-headline{margin:.34rem 0 0;font-size:.77rem;color:var(--muted);line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-now-headline.is-expanded{display:block;overflow:visible}.headline-toggle{margin-top:.32rem;min-height:var(--control-hit-size);padding:.22rem .56rem;border:1px solid rgba(125,249,255,.46);border-radius:999px;background:#131d34eb;color:#dff6ff;font:inherit;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.fallback-panel{position:absolute;left:var(--space-3);right:var(--space-3);top:5.6rem;border:1px solid rgba(255,176,176,.5);border-radius:var(--radius-lg);background:#180912eb;padding:.85rem;display:grid;gap:.65rem;z-index:4}.fallback-message{margin:0;color:#ffe6e6;font-size:.85rem}#retry-load{border:1px solid rgba(255,200,200,.6);border-radius:999px;background:linear-gradient(180deg,#5e2f44,#3d1c2c);color:var(--text);font-weight:700;font-size:.82rem;letter-spacing:.02em;padding:.45rem .9rem;cursor:pointer;width:fit-content}.below-fold{display:grid;gap:var(--space-3);padding-bottom:var(--space-2);position:relative;z-index:2}body.focus-mode .below-fold{display:none}body.focus-mode .art-first{min-height:100vh;min-height:100dvh}body.focus-mode .topline-note,body.focus-mode .topline-intent,body.focus-mode .key-hints,body.capture-mode .topline,body.capture-mode .status-banner,body.capture-mode .fallback-panel,body.capture-mode .below-fold{display:none}body.capture-mode:before{opacity:0}body.capture-mode .art-first{padding:0;min-height:100vh;min-height:100dvh;background:transparent}body.capture-mode .canvas-shell{border-radius:0}body.capture-mode .now-chip{left:.8rem;right:auto;bottom:.8rem;width:min(calc(100vw - 1.6rem),760px)}.story-panel,.archive-lab{padding:var(--space-2) var(--space-3) var(--space-3)}.story-panel>summary,.archive-lab>summary{cursor:pointer;list-style:none;font-weight:700;color:#e8edff;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.45rem 0}.story-panel>summary::-webkit-details-marker,.archive-lab>summary::-webkit-details-marker{display:none}.archive-count{color:var(--muted);font-size:.82rem;font-weight:500}.meta-mode-toggle{display:inline-flex;gap:.35rem;margin:.2rem 0 .25rem}.meta{margin-top:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3);background:linear-gradient(170deg,#182442d6,#0f182df0);line-height:1.55}.meta-header h3{margin:0;font-size:1.13rem;line-height:1.3}.meta-header p{margin:var(--space-1) 0 0;color:var(--muted);font-size:.87rem}.meta-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(113,132,190,.4)}.meta-section h4{margin:0 0 var(--space-2);color:var(--accent);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}body[data-view-mode=story] .meta-section--quality{display:none}body[data-view-mode=story] .meta{padding-bottom:.95rem}.meta-line{margin:.25rem 0}.small{color:var(--muted)}.meta a{color:#d9feff;text-underline-offset:.14em}.meta-links{display:flex;flex-wrap:wrap;gap:.55rem}.score-chip{display:inline-flex;align-items:center;margin:.18rem .3rem .3rem 0;padding:.22rem .56rem;border:1px solid rgba(125,249,255,.46);border-radius:999px;background:#7df9ff1a;font-size:.75rem}.archive-note{margin:var(--space-1) 0 var(--space-2);color:var(--muted);font-size:.85rem}.archive-strip{margin:0;padding:.2rem 0 .4rem;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2);width:100%}.archive-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:.75rem;background:linear-gradient(165deg,#131d36f2,#0f172cfc);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;min-width:0}.archive-card:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 8px 18px #0000003d}.archive-card.active{border-color:var(--accent);box-shadow:0 0 0 1px #7df9ff33 inset}.archive-card-head{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:.45rem;align-items:center}.archive-date,.archive-source,.archive-title,.archive-news,.archive-artist{margin:0}.archive-date{font-weight:700;font-size:.78rem;color:#fff4d0}.archive-source{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.archive-title{font-size:.91rem;line-height:1.34}.archive-news{margin-top:.35rem;font-size:.77rem;color:var(--muted);line-height:1.34;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-artist{margin-top:.45rem;font-size:.74rem;color:var(--accent-warm)}.archive-actions{margin-top:var(--space-2);display:flex;justify-content:flex-start}button{font:inherit}#load-more{border:1px solid var(--line-strong);border-radius:999px;background:linear-gradient(180deg,#2a3e72,#1d2c53);color:var(--text);font-weight:700;font-size:.84rem;letter-spacing:.02em;padding:.5rem 1rem;cursor:pointer}#load-more:hover{border-color:var(--accent)}#load-more:focus-visible,#retry-load:focus-visible,a:focus-visible,.archive-card:focus-visible,summary:focus-visible,.quick-switch button:focus-visible,.quick-switch select:focus-visible,.mode-button:focus-visible,.headline-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:700px){.art-first{padding:.78rem;gap:.62rem}.topline{padding:.56rem .62rem;gap:.5rem}.topline-tools{width:100%;justify-items:start;gap:.35rem}.topline-note,.topline-intent{display:none}.view-modes{flex-wrap:wrap;gap:.28rem}.mode-button{padding:.34rem .72rem;font-size:.74rem}.quick-switch{width:100%;padding:.2rem}.quick-switch button,.quick-switch select{height:var(--control-hit-size)}.quick-switch button{width:var(--control-hit-size)}.quick-switch select{max-width:none;min-width:0;font-size:.74rem}.quick-position{font-size:.61rem}.status-banner{font-size:.75rem;padding:.42rem .58rem}.now-chip{left:.78rem;right:.78rem;width:auto;max-width:none;padding:.54rem .68rem}.hero-now-title{font-size:.93rem}.hero-now-sub{font-size:.75rem}.hero-now-headline{font-size:.71rem;-webkit-line-clamp:3}.headline-toggle{font-size:.64rem;padding:.25rem .52rem}.key-hints{display:none}.fallback-panel{top:6.6rem;padding:.72rem}body.mobile-chrome-compact .topline{padding:.46rem .52rem;gap:.32rem}body.mobile-chrome-compact .topline-brand{display:none}body.mobile-chrome-compact .topline-tools{gap:.24rem}body.mobile-chrome-compact .quick-position{font-size:.56rem}body.mobile-chrome-compact .view-modes{display:none}body.mobile-chrome-compact.mobile-chrome-expanded .view-modes,body.mobile-chrome-compact .mobile-chrome-toggle{display:inline-flex}}@media(max-width:900px){.topline{grid-template-columns:1fr}.topline-tools{justify-items:start}.key-hints{text-align:left}}@media(min-width:900px){.studio-shell{padding:var(--space-4);gap:var(--space-4)}.art-first{min-height:100vh;min-height:100dvh}.topline-note,.topline-intent{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}