:root{--cs-ink:#0e1a2b;--cs-copy:#2b3b50;--cs-red:#e1051b;--cs-red-deep:#b00312;--cs-sail:#fcfcfa;--cs-white:#fff;--cs-band:#f2f5f8;--cs-line:#d7dde6;--cs-muted:#6c7a8b;--cs-blue:#55718d;color:var(--cs-copy);background:var(--cs-sail);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible,.app-shell:focus-visible{outline:2px solid var(--cs-red);outline-offset:3px}.app-shell{width:100%;min-height:100vh;color:var(--cs-copy);background:var(--cs-sail);touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden}.experience-stage{background:#eef1f2;position:absolute;inset:0}.app-shell[data-object-only=true] .topline,.app-shell[data-object-only=true] .entry-readout,.app-shell[data-object-only=true] .transport,.app-shell[data-object-only=true] .story-sheet,.app-shell[data-object-only=true] .intro-layer,.app-shell[data-object-only=true] .diagnostics{display:none}.topline{z-index:4;color:var(--cs-muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:760;display:flex;position:absolute;top:24px;left:48px;right:48px}.wordmark{color:var(--cs-ink);font-size:.94rem;font-weight:850;text-decoration:none}.entry-readout{z-index:3;width:min(390px,100vw - 190px);color:var(--cs-copy);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:84px;bottom:128px;right:96px}.entry-kicker{max-width:30ch;color:var(--cs-red);text-transform:uppercase;margin:0 0 10px;font-size:.69rem;font-weight:820}.entry-readout h1{max-width:14ch;color:var(--cs-ink);overflow-wrap:break-word;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:min(3.7rem,7.6vh);font-weight:700;line-height:.94}.entry-subtitle{color:var(--cs-copy);margin:0 0 18px;font-size:1rem}.entry-readout dl{border-top:1px solid var(--cs-line);grid-template-columns:1fr 1fr;gap:12px 18px;margin:0 0 16px;padding-top:14px;display:grid}@media (height<=720px){.entry-readout dl{display:none}}@media (height<=600px){.entry-subtitle{display:none}}.entry-readout dt{color:var(--cs-muted);text-transform:uppercase;font-size:.65rem;font-weight:780}.entry-readout dd{color:var(--cs-ink);margin:4px 0 0;font-size:.84rem;line-height:1.3}.entry-note{font-weight:700;color:var(--cs-ink)!important;margin:0 0 14px!important;font-size:.95rem!important}.entry-link{pointer-events:auto;background:var(--cs-ink);color:#fff;border-radius:999px;margin-top:4px;padding:10px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .18s,transform .18s;display:inline-block}.entry-link:hover,.entry-link:focus-visible{background:var(--cs-red,#e1051b);transform:translateY(-1px)}.entry-readout p{max-width:56ch;color:var(--cs-copy);margin:0;font-size:.9rem;line-height:1.55}.transport{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;right:48px}.transport button,.story-sheet button,.intro-layer button{border:1px solid var(--cs-line);min-width:42px;min-height:40px;color:var(--cs-ink);background:var(--cs-white);cursor:pointer;border-radius:100px;padding:0 17px;font-weight:760;box-shadow:0 5px 16px #0e1a2b14}.transport button:hover,.story-sheet button:hover,.intro-layer button:hover{border-color:var(--cs-red);color:var(--cs-red)}.transport .transport-primary{border-color:var(--cs-red);color:var(--cs-white);background:var(--cs-red)}.transport .transport-primary:hover{border-color:var(--cs-red-deep);color:var(--cs-white);background:var(--cs-red-deep)}.transport .transport-secondary{border-color:var(--cs-ink);color:var(--cs-white);background:var(--cs-ink)}.accessible-list{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fallback-archive{min-height:100vh;color:var(--cs-copy);background:var(--cs-sail);padding:32px}.fallback-archive h1{color:var(--cs-ink);margin:0 0 28px;font-family:Georgia,Times New Roman,serif;font-size:4rem}.fallback-archive ol{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.fallback-archive li{border-top:1px solid var(--cs-line);grid-template-columns:78px 1fr;align-items:start;gap:14px;padding:14px 0;display:grid}.fallback-archive img{object-fit:cover;width:78px;height:110px}.fallback-archive p,.fallback-archive h2,.fallback-archive span{margin:0}.story-sheet{z-index:7;border:1px solid var(--cs-line);max-width:calc(100vw - 36px);color:var(--cs-copy);background:var(--cs-white);border-radius:8px;grid-template-columns:138px minmax(0,260px);gap:18px;padding:18px;display:grid;position:absolute;bottom:92px;right:48px;box-shadow:0 18px 46px #0e1a2b2e}.story-sheet img{object-fit:cover;width:138px;height:194px}.story-sheet button{position:absolute;bottom:calc(100% + 12px);right:0}.story-sheet p,.story-sheet h2{margin:0 0 10px}.story-sheet h2{color:var(--cs-ink);font-family:Georgia,Times New Roman,serif;font-size:1.8rem;line-height:1}.intro-layer{z-index:8;background:var(--cs-sail);pointer-events:none;animation:3.4s linear forwards intro-failsafe;position:absolute;inset:0;overflow:hidden}.intro-layer button{pointer-events:auto;position:absolute;bottom:28px;right:28px}.intro-highlight{background:var(--cs-red);opacity:.18;width:5px;position:absolute;top:0;bottom:0;left:47%;transform:skew(-12deg)}@keyframes intro-failsafe{0%,88%{visibility:visible}to{visibility:hidden}}.diagnostics{z-index:9;border:1px solid var(--cs-line);width:250px;color:var(--cs-white);background:var(--cs-ink);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;position:absolute;top:64px;left:18px}.diagnostics dl{grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;display:grid}.diagnostics div{display:contents}.diagnostics dt{color:#b9c4d0}.diagnostics dd{margin:0}@media (width<=900px){.topline{left:24px;right:24px}.entry-readout{width:min(330px,100vw - 48px);bottom:126px;right:24px}.entry-readout h1{font-size:3rem}.entry-readout dl{display:none}.transport{justify-content:flex-end;left:18px;right:18px;overflow-x:auto}}@media (width<=560px){.topline{top:16px;left:16px;right:16px}.topline>span{text-align:right;max-width:16ch}.entry-readout{width:auto;bottom:142px;left:16px;right:16px}.entry-readout h1{max-width:12ch;font-size:2.2rem}.entry-kicker{font-size:.61rem}.entry-subtitle,.entry-readout dl{display:none}.entry-readout p{max-width:36ch;font-size:.8rem;line-height:1.42}.transport{justify-content:flex-start;gap:7px}.transport button{min-height:42px;padding:0 12px;font-size:.78rem}.story-sheet{grid-template-columns:94px 1fr;bottom:92px;left:16px;right:16px}.story-sheet img{width:94px;height:132px}}@media (prefers-reduced-motion:reduce){.intro-highlight{display:none}}.deck-slider{z-index:4;border:1px solid var(--cs-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;border-radius:999px;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.deck-slider input[type=range]{writing-mode:vertical-lr;width:6px;height:min(38vh,320px);accent-color:var(--cs-ink);direction:rtl}.deck-slider-count,.deck-slider-total{color:var(--cs-muted);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:.62rem;font-weight:800}.deck-slider-count{color:var(--cs-ink)}.view-controls{border:1px solid var(--cs-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#ffffffd1;border-radius:999px;align-items:center;gap:18px;padding:9px 8px 9px 16px;display:flex;position:absolute;bottom:26px;left:32px;box-shadow:0 6px 20px #0e1a2b12}.view-controls label+label{border-left:1px solid var(--cs-line);padding-left:18px}.view-controls label{align-items:center;gap:9px;display:flex}.view-controls span{color:var(--cs-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:780}.view-controls input[type=range]{width:108px;accent-color:var(--cs-ink)}.view-reset{border:0;border-left:1px solid var(--cs-line);color:var(--cs-muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;padding:4px 14px 4px 16px;font-size:.68rem;font-weight:700}.view-reset:hover{color:var(--cs-ink)}@media (width<=900px){.deck-slider{padding:10px 6px;right:10px}.deck-slider input[type=range]{height:30vh}.view-controls{gap:12px;padding:8px 12px;bottom:14px;left:50%;transform:translate(-50%)}.view-controls input[type=range]{width:78px}}.capture-hint{z-index:6;border:1px solid var(--cs-line);-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);opacity:0;pointer-events:none;background:#fffc;border-radius:999px;align-items:center;gap:14px;padding:10px 12px 10px 20px;transition:opacity .42s,transform .42s cubic-bezier(.2,.7,.3,1);display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%,-10px);box-shadow:0 10px 30px #0e1a2b1f}.capture-hint.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.capture-hint-lead{color:var(--cs-ink);white-space:nowrap;font-size:.82rem;font-weight:700}.capture-hint button{border:1px solid var(--cs-line);background:var(--cs-white);color:var(--cs-muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:.74rem;font-weight:700;display:flex}.capture-hint button:hover{border-color:var(--cs-ink);color:var(--cs-ink)}.capture-hint kbd{border:1px solid var(--cs-line);background:var(--cs-band);color:var(--cs-ink);border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:.7rem;font-weight:800}@media (width<=900px){.capture-hint{display:none}}.capture-invite{z-index:6;border:1px solid var(--cs-line);color:var(--cs-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-radius:999px;padding:9px 20px;font-size:.78rem;font-weight:700;transition:color .18s,border-color .18s;position:absolute;top:58px;left:50%;transform:translate(-50%)}.capture-invite:hover{border-color:var(--cs-ink);color:var(--cs-ink)}.app-shell[data-captured=false]{touch-action:pan-y}@media (width<=900px){.app-shell{flex-direction:column;min-height:100svh;display:flex}.topline{padding:14px 18px 4px;position:static}.experience-stage{flex:auto;height:auto;min-height:300px;position:relative;inset:auto}.experience-stage>*{width:auto!important;height:auto!important;position:absolute!important;inset:0!important}.entry-readout{width:auto;padding:16px 18px 0;display:block;position:static}.entry-readout h1{max-width:none;font-size:clamp(1.9rem,8.4vw,2.6rem)}.entry-kicker{max-width:none}.entry-link{pointer-events:auto}.transport{flex-wrap:wrap;padding:16px 18px 6px;position:static}.view-controls{justify-content:space-between;margin:0 18px 18px;position:static;transform:none}.deck-slider{display:none}.capture-invite{top:46px}}@media (width<=560px){.view-controls,.entry-kicker{display:none}.entry-readout{padding:10px 16px 0}.entry-readout h1{margin-bottom:6px;font-size:clamp(1.55rem,7.2vw,2.05rem)}.entry-note{margin:0 0 10px!important}.entry-link{margin-top:0;padding:12px 20px}.transport{gap:6px;padding:10px 16px 14px}.transport button{min-height:38px;padding:0 13px;font-size:.8rem}}@media (width>=901px) and (width<=1100px){.view-controls{gap:10px;padding:8px 6px 8px 12px;left:20px}.view-controls label+label{padding-left:10px}.view-controls input[type=range]{width:64px}.view-reset{padding:4px 10px}.transport{gap:6px;right:22px}.transport button{padding:0 13px}}
