:root{color-scheme:dark;--md-bg:#0c0d12;--md-surface:#14151b;--md-surface-container:#1b1c22;--md-surface-high:#25262d;--md-outline:#45464f;--md-outline-variant:#292a31;--md-on-surface:#e5e1e9;--md-on-surface-variant:#c6c5ce;--md-primary:#b7c9ff;--md-on-primary:#132e60;--md-primary-container:#2d4678;--md-on-primary-container:#d9e2ff;--md-secondary:#cbd2e9;--md-on-secondary:#2d3140;--md-tertiary:#f2b8d6;--md-on-tertiary:#4a1f36;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html{background:var(--md-bg)}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 52% -12%,#292948 0,#11131b 52%,var(--md-bg) 100%);color:var(--md-on-surface);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}button,select{font:inherit}.shell{max-width:1220px;margin:0 auto;padding:0 20px}.topbar{min-height:80px;border-bottom:1px solid var(--md-outline-variant);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark,.back-link,.concept-link{color:var(--md-on-surface);text-decoration:none}.wordmark{display:flex;align-items:center;gap:12px;font:700 11px var(--mono);letter-spacing:.1em}.wordmark i{font-style:normal;color:var(--md-on-surface-variant);font-weight:500}.mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--md-primary);border-radius:50%;color:var(--md-primary);font:700 16px Georgia,serif}.back-link,.eyebrow,.tempo-label{font:600 10px var(--mono);letter-spacing:.1em;color:var(--md-on-surface-variant)}.quiet-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:32px;margin:32px auto 0;align-items:stretch}.scene{min-height:620px;position:relative;overflow:hidden;border:1px solid var(--md-outline);border-radius:28px;background:linear-gradient(#1d1c3b,#27314b 60%,#171b25);box-shadow:0 20px 48px #0008;isolation:isolate}.moon{position:absolute;width:86px;height:86px;border-radius:50%;right:15%;top:12%;background:#ffd8c6;box-shadow:0 0 60px #ff95cc88}.city{position:absolute;left:0;right:0;bottom:25%;height:38%;background:repeating-linear-gradient(90deg,transparent 0 28px,#1a2031 29px 66px,transparent 67px 96px);opacity:.75}.city-front{bottom:18%;height:26%;opacity:.9;background-color:#121827}.landing{position:absolute;left:10%;right:10%;bottom:19%;height:28%;border-top:3px solid #b8c9ff;background:linear-gradient(#303b59,#191e2d);box-shadow:0 -10px 35px #9bb3ff22}.beat-ring{position:absolute;left:50%;top:25%;width:180px;height:180px;transform:translateX(-50%);border:1px solid #b8c9ff99;border-radius:50%;box-shadow:0 0 0 22px #b8c9ff0d,0 0 0 44px #b8c9ff08}.threshold-line{position:absolute;left:0;right:0;bottom:28%;border-top:1px dashed #f2b8d688}.threshold-label{position:absolute;right:4%;bottom:29%;transform:translateY(-100%);font:600 9px var(--mono);letter-spacing:.1em;color:#f2b8d6}.lights{position:absolute;left:14%;right:14%;bottom:24%;display:flex;justify-content:space-between}.light{width:10px;height:10px;border-radius:50%;background:#e5e1e9;box-shadow:0 0 18px #b8c9ff,0 0 38px #b8c9ff;animation:breathe 1.8s ease-in-out infinite}.light:nth-child(2){animation-delay:.3s}.light:nth-child(3){animation-delay:.6s}.light:nth-child(4){animation-delay:.9s}.light:nth-child(5){animation-delay:1.2s}@keyframes breathe{50%{transform:scale(.55);opacity:.52}}.quiet-panel{display:flex;flex-direction:column;justify-content:center;padding:28px 8px 28px 4px}.quiet-panel h1{margin:12px 0 18px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em}.quiet-panel h1 em{color:var(--md-tertiary);font-family:Georgia,serif;font-weight:400}.quiet-panel>p:not(.eyebrow):not(.fragment-count):not(.status):not(.dev-note){max-width:42ch;color:var(--md-on-surface-variant);font-size:17px}.fragment-count{display:flex;flex-direction:column;gap:2px;margin:28px 0;color:var(--md-on-surface-variant);font:12px var(--mono)}.fragment-count strong{color:var(--md-primary);font-size:14px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-button,.secondary-button,.continue-button{min-height:48px;border-radius:999px;padding:0 22px;border:1px solid transparent;font:700 11px var(--mono);letter-spacing:.08em;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{background:var(--md-primary);color:var(--md-on-primary);box-shadow:0 3px 8px #0005}.primary-button:hover,.continue-button:hover{box-shadow:0 6px 14px #0007;transform:translateY(-1px)}.secondary-button{background:transparent;border-color:var(--md-outline);color:var(--md-on-surface)}.secondary-button:hover{background:var(--md-surface-high)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--md-tertiary);outline-offset:3px}.toggle,.tempo-label{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:1px solid var(--md-outline);border-radius:999px;color:var(--md-on-surface-variant)}.toggle input{accent-color:var(--md-primary)}.tempo-label{padding-left:16px}.tempo-label select{margin-left:-2px;border:0;background:transparent;color:var(--md-on-surface);font:600 11px var(--mono);letter-spacing:.05em;cursor:pointer}.tempo-label select option{background:var(--md-surface-container);color:var(--md-on-surface)}.status{min-height:24px;margin:18px 0;color:var(--md-on-surface-variant);font-size:13px}.continue-button{align-self:flex-start;background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:#647fb9;margin-top:4px}.concept-link{width:max-content;margin-top:22px;color:var(--md-primary);font:600 11px var(--mono);letter-spacing:.06em;border-bottom:1px solid transparent}.concept-link:hover{border-color:var(--md-primary)}.dev-note{margin-top:28px;padding:16px;border-left:3px solid var(--md-tertiary);background:#241c27;color:var(--md-on-surface-variant);font-size:12px}.dev-note strong{display:block;color:var(--md-tertiary);font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 34px;margin-top:28px;border-top:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant);font:10px var(--mono);letter-spacing:.08em}.site-footer a{color:var(--md-primary);text-decoration:none}@media(max-width:860px){.quiet-stage{grid-template-columns:1fr}.scene{min-height:420px}.quiet-panel{padding:12px 4px 28px}.quiet-panel h1{font-size:58px}.back-link{font-size:9px}}@media(max-width:560px){body{padding:0 16px}.shell{padding:0}.topbar{min-height:72px}.wordmark span:last-child{display:none}.quiet-stage{margin-top:20px;gap:22px}.scene{min-height:340px;border-radius:22px}.moon{width:58px;height:58px}.beat-ring{width:120px;height:120px}.controls{align-items:stretch}.primary-button,.secondary-button{flex:1}.toggle,.tempo-label{flex:1;justify-content:center}.site-footer{flex-direction:column;gap:10px}.quiet-panel>p:not(.eyebrow):not(.fragment-count):not(.status):not(.dev-note){font-size:16px}}.polyfork-art{position:absolute;z-index:-1;pointer-events:none;user-select:none;filter:saturate(.78) contrast(1.08) brightness(.72);mix-blend-mode:screen;opacity:.52}.polyfork-building{width:44%;right:2%;bottom:23%;transform:perspective(600px) rotateY(-12deg);transform-origin:bottom right}.polyfork-taxi{width:23%;left:16%;bottom:22%;transform:rotate(-4deg);opacity:.7;filter:saturate(.9) contrast(1.15) brightness(.85);mix-blend-mode:normal}.scene:after{content:'ART / POLYFORK.DEV';position:absolute;right:18px;top:18px;color:#d9e2ff99;font:600 9px var(--mono);letter-spacing:.14em}@media(max-width:560px){.polyfork-building{width:55%;right:-8%}.polyfork-taxi{width:30%;left:10%}.scene:after{right:14px;top:14px;font-size:8px}}