:root{color-scheme:light dark;--bg:#ffffff;--surface:rgba(255,255,255,0.88);--surface-strong:rgba(255,255,255,0.96);--text:#333333;--muted:#747474;--line:rgba(40,40,40,0.12);--accent:#2b6ef2;--accent-soft:rgba(43,110,242,0.12);--shadow:0 24px 60px rgba(80,80,80,0.12);--hero-a:#dbe7ff;--hero-b:#f7f0ff}@media (prefers-color-scheme:dark){:root{--bg:#000000;--surface:rgba(29,29,29,0.84);--surface-strong:rgba(32,32,32,0.94);--text:#ffffff;--muted:#bfbfbf;--line:rgba(156,169,196,0.18);--accent:#79a8ff;--accent-soft:rgba(121,168,255,0.16);--shadow:0 30px 70px rgba(0,0,0,0.4);--hero-a:#313131;--hero-b:#1c1639}}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}a{color:var(--accent)}.page{width:min(100%,960px);margin:0 auto;padding:16px}.hero{padding:0 0 16px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;letter-spacing:-.03em}.hero p{margin:0;max-width:56rem;color:var(--muted);font-size:clamp(1rem,2.7vw,1.125rem)}.hero-image{width:min(100%,800px);margin:24px auto;padding:24px 0}.hero-device-image{display:block;width:100%;height:auto}.panel{margin-top:20px}.nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.nav-card{display:block;padding:18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:var(--surface-strong);transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-card:focus-visible,.nav-card:hover{transform:translateY(-2px);border-color:var(--accent);outline:none}.nav-card strong{display:block;margin-bottom:6px;font-size:1rem}.nav-card span{color:var(--muted);font-size:.9375rem}.content{display:grid;grid-gap:16px;gap:16px}.card h2,.card h3{margin:0 0 12px;line-height:1.3}.card dd,.card li,.card p{color:var(--muted)}.card ol,.card ul{padding-left:1.25rem;margin:0}.card li+li,.card ul>li{margin-top:8px}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--muted);font-size:.875rem}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{width:32%;color:var(--text);font-weight:600}.faq-item+.faq-item{margin-top:12px}.faq-item summary{cursor:pointer;list-style:none;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:10px 0 0}.footer{margin-top:20px;color:var(--muted);font-size:.875rem;text-align:center}.link-page,.score-page{padding-top:28px;padding-bottom:48px}.link-hero,.score-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at top left,var(--hero-a),transparent 42%),radial-gradient(circle at bottom right,var(--hero-b),transparent 42%),var(--surface-strong);box-shadow:var(--shadow)}.score-hero{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:center;padding:28px}.link-hero{max-width:720px;margin:0 auto;padding:40px 28px;text-align:center}.score-cover{width:100%}.score-cover-fallback,.score-cover-image{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:24px;object-fit:cover;background:rgba(255,255,255,.6)}.score-cover-fallback{display:grid;place-items:center;color:var(--muted);font-weight:700}.link-hero h1,.score-copy h1{margin:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.score-eyebrow{margin:0 0 10px;color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.score-artist{margin:12px 0 0;color:var(--text);font-size:1.05rem;font-weight:600}.score-description{margin:16px 0 0;max-width:44rem;color:var(--muted);font-size:1rem}.score-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.score-meta span,.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:.9rem}.score-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:14px 18px;border-radius:14px;text-decoration:none;font-weight:700;transition:transform .18s ease,opacity .18s ease,border-color .18s ease}.button-primary{background:var(--accent);color:white}.button-secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.button-primary:focus-visible,.button-primary:hover,.button-secondary:focus-visible,.button-secondary:hover{transform:translateY(-1px);opacity:.94;outline:none}.score-section{display:grid;grid-gap:16px;gap:16px;margin-top:20px}.score-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface-strong);box-shadow:var(--shadow)}.score-card h2{margin:0 0 12px;line-height:1.2}.score-card p{margin:0;color:var(--muted)}.score-card p+p{margin-top:12px}.score-inline-links{display:flex;flex-wrap:wrap;gap:14px}.tag-row{display:flex;flex-wrap:wrap;gap:10px}.link-status{color:var(--muted)}.link-back,.link-status{margin:18px 0 0}@media (max-width:767px){.card,.panel{padding:0;border-radius:0}.nav-grid{grid-template-columns:1fr}.table,.table tbody,.table td,.table th,.table tr{display:block;width:100%}.table td,.table th{padding:10px 0}.table th{border-bottom:0;padding-bottom:4px}.link-hero,.score-card,.score-hero{border-radius:22px}.score-hero{grid-template-columns:1fr;padding:18px}.link-hero{padding:28px 18px}.score-actions{flex-direction:column}.button-primary,.button-secondary{width:100%}}@media (min-width:768px) and (max-width:1100px){.page{padding-left:24px;padding-right:24px}}