:root{color-scheme:light;--paper:#f6f3eb;--ink:#243932;--green:#25594b;--soft:#e9ede6;--line:#d9ded4;--accent:#a04428}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green);text-underline-offset:.2em}a:hover{color:var(--accent)}header{max-width:1050px;margin:auto;padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:750;text-decoration:none;font-size:21px;line-height:1.3}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin-top:6px;color:#58685d}main{max-width:950px;margin:44px auto;padding:0 28px;min-height:65vh}h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(34px,6vw,57px);line-height:1.12;letter-spacing:-.025em;margin:14px 0 22px}h2{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:8px 0}p{margin:12px 0 24px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:var(--accent)}.intro{margin-bottom:36px;max-width:680px}.intro>p:last-child{font-size:19px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:#fffef9;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 5px 18px #24393205}.number{font-size:13px;color:var(--accent);font-weight:750}.button,button{display:inline-block;border:1px solid var(--green);background:var(--green);border-radius:7px;padding:12px 20px;color:white;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;text-align:center}.button:hover,button:hover{background:#173e33;color:white}.secondary{color:var(--green);background:var(--soft)}.text-link{display:block;margin-top:16px;font-size:15px}.note{border-left:3px solid #b9c8b5;margin:34px 0;padding:6px 0 6px 22px;font-size:16px}.note p{margin:6px 0 12px}.note a{font-size:15px}footer{text-align:center;padding:24px;color:#637267;font-size:13px}.login{max-width:465px;margin:60px auto}.login h1{font-size:44px}form label{display:block;margin:16px 0 5px;font-size:15px;font-weight:650}input,select{font:inherit;border:1px solid #a3afa4;border-radius:6px;background:white;padding:11px 12px;max-width:100%;color:var(--ink)}.login input:not([type=hidden]){width:100%}.login button{width:100%;margin-top:24px}.hint{font-size:14px;color:#5d6c61;margin:22px 0 0}.error{color:#9a291c;background:#fff1ec;border-radius:6px;padding:12px;font-size:15px}.quiet{background:transparent;color:var(--green);border:0;font-size:13px;padding:8px}.quiet:hover{background:var(--soft);color:var(--green)}.back{display:inline-block;font-size:15px;margin-bottom:24px}.player{max-width:720px;margin:auto}.player h1{font-size:44px}.now{font-size:15px;font-weight:700;margin:24px 0 8px}audio{display:block;width:100%;margin:0 0 22px;min-height:54px}.track-choices{display:flex;gap:10px;flex-wrap:wrap}.track-choice{font-size:15px;padding:9px 14px;background:var(--soft);color:var(--green);border-color:var(--line)}.track-choice[aria-pressed=true]{color:white;background:var(--green);border-color:var(--green)}.player select{font-size:15px;margin-left:8px}.player label{font-size:15px}.previous-next{display:flex;justify-content:space-between;gap:20px;max-width:720px;margin:24px auto;font-size:15px}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:9px;margin-top:28px}.track-grid a{display:block;background:#fffef9;border:1px solid var(--line);border-radius:7px;text-align:center;text-decoration:none;padding:11px;font-variant-numeric:tabular-nums}.track-grid a:hover{background:var(--soft)}.jump{background:var(--soft);padding:14px 20px 22px;border-radius:10px;max-width:420px}.jump label{margin-top:0}.jump>div{display:flex;gap:10px}.jump input{width:130px}:focus-visible{outline:3px solid #b86f35;outline-offset:4px}[hidden]{display:none!important}@media(max-width:640px){header{padding:20px;align-items:flex-start}.brand{font-size:18px}main{margin:28px auto;padding:0 20px}.cards{grid-template-columns:1fr}.card{padding:24px}.login{margin:24px auto}.intro{margin-bottom:26px}.quiet{font-size:12px;padding:4px}.player h1{font-size:35px}.previous-next{font-size:14px}.player select{display:block;margin:8px 0 0}}@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,color .15s}}
.login-screen{color-scheme:dark;--paper:#101815;--ink:#e5eee7;--green:#a0cdb5;--soft:#25382d;--line:#35463c;--accent:#d8b48b;background:var(--paper);color:var(--ink)}.login-screen header{border-color:#28372e}.login-screen .brand{color:#d4e5d9;font-size:18px;letter-spacing:.01em}.login-screen .card{background:#19241e;border-color:var(--line);box-shadow:0 18px 65px #0003}.login-screen .login{margin-top:70px}.login-screen .login h1{color:#f0f4ed}.login-screen .login>p{color:#b8c8bc}.login-screen input{background:#101a14;border-color:#4b6052;color:#f0f4ed}.login-screen button{background:#a0cdb5;border-color:#a0cdb5;color:#10261a}.login-screen button:hover{background:#bce0ca;border-color:#bce0ca;color:#10261a}.login-screen .hint{color:#a5b8aa!important}.login-screen .error{background:#3b251f;color:#ffd5c8!important}.login-screen :focus-visible{outline-color:#d8b48b}@media(max-width:640px){.login-screen .login{margin-top:35px}}