:root{--text:#1a1a1a;--muted:#5b5b5b;--maxw:960px;--warm-bg:#fde8c9;--cool-bg:#d9f5f0;--card-radius:16px}#page{color:var(--text)}.hero{max-width:var(--maxw);margin:48px auto 24px;text-align:center}.title{font-size:40px;font-weight:700;line-height:1.2;margin:0 0 12px}.topnav{position:sticky;top:0;display:inline-flex;gap:12px;background:#fff;padding:8px 12px;box-shadow:0 1px 6px rgba(0,0,0,.08)}.topnav,.topnav a{border-radius:999px}.topnav a{color:#111;text-decoration:none;padding:4px 10px}.topnav a:hover{background:#f3f4f6}.authors{color:var(--muted);margin:6px 0 10px}.affiliations{color:var(--muted);font-size:14px;margin-top:-2px}.links{margin-top:6px}.link{color:#3b82f6;text-decoration:none;margin:0 8px}.link:hover{text-decoration:underline}.content{max-width:var(--maxw);margin:0 auto 80px}.section{margin:28px 0}.section h2{font-size:28px;margin:18px 0}.section p{color:var(--text);line-height:1.7}.section p,.section ul{max-width:760px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.section ul{margin:8px 0 16px 18px}.example-card{border-radius:var(--card-radius);padding:18px;margin:18px 0}.example-card.warm{background:var(--warm-bg)}.example-card.cool{background:var(--cool-bg)}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.col h3{margin:0 0 6px}.sub{color:var(--muted);margin:8px 0}.audio{width:100%}.player{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#111827;color:#fff;cursor:pointer}.btn.outline{background:#fff;color:#111827}.btn.link{background:#fff;color:#2563eb;border-color:#bfdbfe;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.progress{position:relative;flex:1 1 160px;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress .bar{position:absolute;left:0;top:0;bottom:0;width:0;background:#3b82f6}.time{font-size:12px;color:var(--muted)}.slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:160px;height:6px;border-radius:999px;background:#e5e7eb;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer}.abl-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.img-placeholder{background:#fff7ed;border:1px dashed #f59e0b;color:#a16207;padding:24px;border-radius:12px;text-align:center}.audio-row{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;margin:8px 0}.tag{display:inline-block;padding:4px 8px;background:#e5e7eb;border-radius:999px;font-size:12px;color:#374151}.tag.primary{background:#dbeafe;color:#1e40af}.cta{display:inline-block;background:#111827;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px}.cta:hover{opacity:.9}.back-to-top{position:fixed;right:18px;bottom:18px;z-index:1000;padding:10px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#111827;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.15);cursor:pointer}.back-to-top:hover{opacity:.92}.back-to-top:focus{outline:2px solid #93c5fd}@media (max-width:900px){.title{font-size:32px}.hero{margin:32px auto 16px}.content{margin-bottom:64px;padding:0 12px}.abl-grid,.audio-row,.example-grid{grid-template-columns:1fr}.topnav{display:flex;flex-wrap:wrap;gap:8px;padding:6px 10px}}@media (max-width:640px){.title{font-size:26px}.example-card{padding:14px;border-radius:12px}.img-placeholder{padding:16px}}#app,body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;margin:0}.title{letter-spacing:.5px}.title,h2{font-weight:600}h2{letter-spacing:.3px}.cta:focus,.link:focus,.tag:focus,.topnav a:focus{outline:2px solid #2563eb;outline-offset:2px}