:root{--cb-ink: #0a0810;--cb-walnut: #4a2a1a;--cb-flame: #f6c15e;--cb-flame-deep: #d68f2c;--cb-cream: #f4e7c8;--cb-cream-dim: #c8b48a;--cb-cream-dimmer: #8b7a5a;--cb-bronze: #c08b3a;--cb-rose: #e6788c;--cb-mint: #9bd7b8}body:has(.cb){background:radial-gradient(circle at 50% 8%,#2a1410 0%,transparent 50%),var(--cb-ink);color:var(--cb-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.cb{max-width:880px;margin:0 auto;padding:48px 24px 80px}.cb__hero{text-align:center;margin-bottom:32px}.cb__kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--cb-flame-deep);text-transform:uppercase;margin:0 0 12px}.cb__title{font-family:Inter Tight,sans-serif;font-weight:900;font-size:clamp(56px,12vw,130px);letter-spacing:-.04em;line-height:.9;margin:0 0 16px;color:var(--cb-flame);text-shadow:0 6px 24px rgba(0,0,0,.4)}.cb__sub{max-width:640px;margin:0 auto;font-size:17px;line-height:1.5;color:var(--cb-cream-dim)}.cb__type-row{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.cb__type-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;color:var(--cb-cream-dimmer);margin:0}.cb__type-pills{display:flex;gap:8px;flex-wrap:wrap}.cb__pill{font-family:Inter Tight,sans-serif;font-weight:600;font-size:13px;padding:8px 16px;border-radius:10px;border:1px solid rgba(246,193,94,.28);background:transparent;color:var(--cb-cream);cursor:pointer;transition:background .1s ease}.cb__pill:hover{background:#f6c15e1a}.cb__pill--active{background:var(--cb-flame);color:var(--cb-walnut);border-color:var(--cb-flame)}.cb__stage{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:32px}.cb__bells{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:720px}@media(max-width:600px){.cb__bells{grid-template-columns:repeat(5,1fr);gap:6px}}.cb__bell{position:relative;aspect-ratio:3 / 4;border-radius:50% 50% 16px 16px/60% 60% 16px 16px;border:0;background:linear-gradient(160deg,var(--cb-bronze) 0%,#8b5e22 70%,#5a3a14 100%);box-shadow:inset 0 -10px 16px #00000073,inset 0 8px 10px #f6c15e2e,0 8px 30px #0000006b;cursor:pointer;padding:0;transition:transform .1s ease,box-shadow .15s ease;overflow:visible}.cb__bell:hover{transform:translateY(-2px)}.cb__bell--struck{animation:cbStrike .6s ease-out}@keyframes cbStrike{0%{transform:translateY(0) scale(1)}8%{transform:translateY(-2px) scale(1.04)}20%{transform:translateY(0) scale(1.02)}to{transform:translateY(0) scale(1)}}.cb__bell-ring{position:absolute;inset:-8px;border:2px solid var(--cb-flame);border-radius:50% 50% 18px 18px/60% 60% 18px 18px;opacity:0;pointer-events:none}.cb__bell--struck .cb__bell-ring{animation:cbRingPulse 1.2s ease-out}@keyframes cbRingPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.cb__bell-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Inter Tight,sans-serif;font-weight:700;font-size:clamp(22px,4vw,32px);color:var(--cb-cream);text-shadow:0 2px 6px rgba(0,0,0,.6);letter-spacing:-.01em;pointer-events:none}.cb__bell-key{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff73;pointer-events:none}.cb__bell-clapper{position:absolute;left:50%;bottom:14%;width:8px;height:12px;border-radius:50%;background:#0009;transform:translate(-50%);pointer-events:none}.cb__stage-hint{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--cb-cream-dim);text-align:center;margin:0}.cb__stage-hint kbd{font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid rgba(244,231,200,.3);background:#f4e7c80f}.cb__controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.cb__ctl{display:flex;flex-direction:column;gap:4px;min-width:200px}.cb__ctl-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--cb-cream-dimmer)}.cb__ctl-slider{width:100%;accent-color:var(--cb-flame)}.cb__chord{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;border:1px solid rgba(246,193,94,.32);background:#f6c15e14;color:var(--cb-cream);cursor:pointer;font-family:Inter Tight,sans-serif;font-weight:600;font-size:14px;transition:background .1s ease}.cb__chord:hover{background:#f6c15e2e}.cb__chord-icon{font-size:18px;color:var(--cb-flame)}.cb__about{max-width:720px;margin:0 auto;padding:28px 0 0;border-top:1px solid rgba(246,193,94,.14)}.cb__about-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:20px;color:var(--cb-cream);margin:0 0 12px}.cb__about p,.cb__about li{font-size:15px;line-height:1.6;color:var(--cb-cream-dim)}.cb__about p{margin:0 0 12px}.cb__about ul{margin:0 0 16px;padding-left:22px}.cb__about li{margin-bottom:4px}.cb__about strong{color:var(--cb-cream)}.cb__about em{color:var(--cb-flame);font-style:normal}.cb__about code{font-family:JetBrains Mono,monospace;font-size:13px;padding:1px 6px;border-radius:4px;background:#f4e7c814;color:var(--cb-flame)}.cb__about a{color:var(--cb-flame);text-decoration:none}.cb__about a:hover{text-decoration:underline}