:root{--bg:#fff;--text:#0b0b0b;--text-soft:#555;--tick-text:#949494;--mute:#6e6e6e;--surface:#ededed;--accent:#f03a2e;--on-dark-mute:#a3a3a3;--ok:#17603a;--error:#a3231b;--radius:18px;--place-1:#ffd9ad;--place-2:#ffcbb8;--place-3:#f6c9da;--place-4:#decdf3;--place-5:#c8d5f8;--place-6:#bfe2f3;--place-7:#bde7d8;--place-8:#d6e9b6;--place-9:#f8e5a6;--place-10:#f3d2c4;--radius-image:32px;--font:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}@supports (font:-apple-system-body){html{font:-apple-system-body}}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1.25rem;line-height:1.5}.app{max-width:40rem;padding:0 1.25rem calc(2.5rem + env(safe-area-inset-bottom));margin:0 auto}.app.with-mini-player{padding-bottom:calc(13rem + env(safe-area-inset-bottom))}main{flex-direction:column;gap:2rem;padding-top:1rem;display:flex}article{flex-direction:column;gap:1.75rem;display:flex}section,header{flex-direction:column;gap:.75rem;display:flex}h1,h2,p,ul,ol,figure{margin:0}h1,.two-tone{letter-spacing:-.03em;color:var(--text);overflow-wrap:anywhere;font-size:2.3rem;font-weight:500;line-height:1.08}h1:focus{outline:none}h2{color:var(--text-soft);font-size:1.05rem;font-weight:500;line-height:1.3}.mute{color:var(--mute)}.subtitle{display:block}.eyebrow,.hint{color:var(--text-soft);font-size:1.05rem}.hint{min-height:1.6em}.error{color:var(--error);font-weight:500}a{color:inherit}:focus-visible{outline:3px solid var(--text);outline-offset:3px}.top-bar{z-index:2;padding:calc(.5rem + env(safe-area-inset-top)) 1.25rem 1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0 -1.25rem;position:sticky;top:0;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.back-link{align-items:center;gap:.5rem;min-height:3.25rem;text-decoration:none;display:inline-flex}.chip{background:var(--chip,#00000012);border-radius:999px;align-items:center;min-height:3rem;padding:0 1.1rem;font-size:1.05rem;font-weight:500;display:inline-flex}.top-bar.over-image{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;-webkit-mask-image:none;mask-image:none}.top-bar.over-image .back-link{pointer-events:auto;background:#fffffff0;border-radius:999px;padding:0 .3rem 0 .75rem;box-shadow:0 1px 6px #0000002e}.top-bar.over-image .chip{background:0 0;padding:0 .8rem 0 .2rem}.home{padding-top:0}.hero .wave{width:calc(100% - 2.5rem);height:3rem;margin:0 1.25rem .75rem}.hero{padding-top:calc(2.5rem + env(safe-area-inset-top));gap:0;margin:0 -1.25rem}.hero-panel{min-height:21rem;color:var(--bg);background:repeating-linear-gradient(90deg,#0b0b0b 0 3px,#1c1c1c 3px 4px);flex-direction:column;justify-content:space-between;gap:5rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.hero-lead{letter-spacing:-.02em;font-size:2rem;font-weight:500;line-height:1.1}.hero-lead span{color:var(--on-dark-mute);display:block}.hero h1{color:var(--bg);letter-spacing:-.04em;overflow-wrap:normal;font-size:clamp(2.6rem,13vw,4.5rem);font-weight:400}.dot{background:var(--accent);border-radius:50%;width:.2em;height:.2em;margin-left:.08em;display:inline-block}.button{border-radius:var(--radius);background:var(--text);min-height:4rem;color:var(--bg);font:inherit;text-align:center;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}.button.secondary{background:var(--surface);color:var(--text)}.button.wide{width:100%}.button:disabled{color:var(--text-soft)}.text-button{min-height:3rem;color:var(--text);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:.5rem 0;font-size:1.05rem;text-decoration:underline}.icon-button{border-radius:var(--radius);background:var(--surface);width:4rem;height:4rem;color:var(--text);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button.primary{background:var(--text);color:var(--bg)}.icon-button.plain{background:0 0;width:3rem}.card-list{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.card{border-radius:var(--radius);background:radial-gradient(85% 150% at 100% 0%, var(--glow,transparent) 0%, transparent 72%), var(--surface);align-items:center;gap:1rem;min-height:5.5rem;padding:1.1rem 1.2rem;text-decoration:none;display:flex}.card>svg{flex:none}.card-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.card-title{letter-spacing:-.03em;font-size:1.9rem;font-weight:500;line-height:1.1}.card-title sup{letter-spacing:0;color:var(--text-soft);vertical-align:top;margin-left:.35em;font-size:.95rem;font-weight:400;position:relative;top:.15em}.stop-number{font-variant-numeric:tabular-nums;color:var(--text-soft);flex:none;align-self:flex-start;font-size:1.05rem}.card-sub{color:var(--text-soft);font-size:1.05rem}.total{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.total span{color:var(--text-soft);font-size:1.05rem}.total strong{letter-spacing:-.04em;font-size:3rem;font-weight:500}.panel{border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.6rem;padding:1.1rem;display:flex}.panel .button.secondary{background:var(--bg)}.panel-ok .panel-title{color:var(--ok)}.panel-title{font-weight:500}.with-icon{align-items:center;gap:.6rem;display:flex}.download-progress{width:100%;height:.75rem;accent-color:var(--text)}.message{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 0;display:flex}.stop-hero{margin:calc(-5.75rem - env(safe-area-inset-top)) -1.25rem 0;background:var(--surface)}.stop-hero img{object-fit:cover;width:100%;height:auto;max-height:72vh;display:block}.stop-hero.sketch{background:var(--bg)}.stop-hero-text{flex-direction:column;gap:.5rem;display:flex}.screen-header .subtitle{letter-spacing:-.01em;margin-top:.4rem;font-size:1.45rem;line-height:1.2}.photo-credit{color:var(--text-soft);margin-top:-.5rem;font-size:.9rem}.photo-credit summary{text-underline-offset:.2em;cursor:pointer;align-items:center;min-height:2.75rem;text-decoration:underline;list-style:none;display:inline-flex}.photo-credit summary::-webkit-details-marker{display:none}.photo-credit p{background:var(--surface);color:var(--text);border-radius:12px;padding:.6rem .8rem;line-height:1.4}.stop-player{gap:.5rem}.big-time{flex-direction:column;align-items:center;padding-top:.5rem;display:flex}.digits{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(3.25rem,17vw,4.75rem);font-weight:500;line-height:1}.big-time-total{color:var(--text-soft);font-size:1.05rem}.transport{gap:.5rem;display:flex}.play-button,.side-button{border-radius:var(--radius);min-height:6.5rem;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.75rem;font-weight:500;display:flex}.play-button{background:var(--text);color:var(--bg);letter-spacing:-.01em;flex:1;padding:1rem;font-size:1.6rem}.side-button{background:var(--surface);width:5.25rem;color:var(--text);flex:none;padding:0;font-size:1rem}.side-button[aria-pressed=true]{background:var(--text);color:var(--bg)}figure img{border-radius:var(--radius-image);background:var(--surface);width:100%;height:auto;display:block}figcaption a{padding:.6rem 0;display:inline-block}figcaption{color:var(--text-soft);margin-top:.25rem;font-size:.95rem}.narration{font-size:calc(1.35rem * var(--text-scale,1));flex-direction:column;gap:1.1rem;line-height:1.5;display:flex}.text-size{flex:none;gap:.4rem;display:inline-flex}.text-size button{background:var(--chip,#00000012);min-width:3.25rem;height:3rem;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 .6rem;font-size:1.05rem;font-weight:500;display:inline-flex}.text-size .bigger{font-size:1.4rem}.text-size button:disabled{color:var(--tick-text);cursor:default}.text-size-row{color:var(--text-soft);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:-.75rem;font-size:1.05rem;display:flex}html.lyrics-open{overflow:hidden}.lyrics{z-index:10;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.lyrics>*{width:100%;max-width:40rem;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}.lyrics-top,.lyrics-controls{--surface:#fff;background:#efefef;max-width:none}.lyrics-top{padding-top:calc(.75rem + env(safe-area-inset-top));flex-direction:row;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem}.lyrics-title{min-width:0;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.chip-button{color:var(--text);cursor:pointer;border:0;flex:none;font-family:inherit}.lyrics-lines{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:2.4rem;padding-top:22vh;padding-bottom:30vh;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12% 86%,#0000);mask-image:linear-gradient(#0000,#000 12% 86%,#0000)}.lyrics-lines p{flex-direction:column;gap:.2rem;display:flex}.lyrics-line{width:calc(100% + 1.25rem);color:var(--tick-text);font:inherit;font-size:calc(1.9rem * var(--text-scale,1));letter-spacing:-.02em;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin-left:-1.25rem;padding:.7rem 0 .7rem 1.25rem;font-weight:500;line-height:1.22;display:block;position:relative}.lyrics-line.heard{color:var(--mute)}.lyrics-line.active{color:var(--text);background:linear-gradient(90deg,#00000014,#0000 75%)}.lyrics-controls{padding-top:.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));flex:none;gap:.25rem}.lyrics-controls .progress-dial{height:3.5rem}.lyrics-controls .play-button,.lyrics-controls .side-button{min-height:5rem}.wave{width:100%;height:3.5rem;display:block}.progress{flex-direction:column;display:flex}.progress-dial{height:5rem;position:relative}.progress-dial .wave{pointer-events:none;width:calc(100% - 2.5rem);height:100%;position:absolute;top:0;left:1.25rem}.progress-bar{appearance:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;opacity:0;background:0 0;outline:none;width:100%;height:100%;margin:0;display:block;position:relative}.progress-dial:has(.progress-bar:focus-visible){outline:3px solid var(--text);outline-offset:3px;border-radius:var(--radius)}.progress-bar::-webkit-slider-runnable-track{background:0 0;height:100%}.progress-bar::-moz-range-track{background:0 0;height:100%}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;border-radius:0;width:2.5rem;height:100%}.progress-bar::-moz-range-thumb{background:0 0;border:0;border-radius:0;width:2.5rem;height:100%}.progress-bar:disabled{cursor:default}.progress-times{font-variant-numeric:tabular-nums;color:var(--text-soft);justify-content:space-between;font-size:1.05rem;display:flex}.mini-player{z-index:3;padding:.75rem 1.25rem calc(.5rem + env(safe-area-inset-bottom));background:var(--bg);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -1px 0 var(--surface), 0 -10px 30px #00000024;gap:0;position:fixed;bottom:0;left:0;right:0}.mini-player>*{width:100%;max-width:37.5rem;margin:0 auto}.mini-player .progress-dial{height:3.5rem}.mini-row{align-items:center;gap:.5rem;display:flex}.mini-title{flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:3.5rem;text-decoration:none;display:flex}.mini-label{color:var(--text-soft);font-size:.95rem}.mini-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;font-weight:500;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}