.qk-cassette-root{font-family:'DM Sans',system-ui,sans-serif;color:#fff6e0;box-sizing:border-box}
.qk-cassette-root *{box-sizing:border-box}
.qk-cassette-dock{max-width:420px;margin:12px auto 0}
.qk-cassette-corner{max-width:720px;margin:0 auto;padding:28px 16px 48px;display:grid;gap:20px}
.qk-cassette-hero{text-align:center;display:grid;gap:12px;justify-items:center}
.qk-cassette-hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2rem,6vw,3rem);margin:0;color:#ffd84a;text-shadow:3px 3px 0 #ff4fa3,6px 6px 0 #1a0e45}
.qk-cassette-eyebrow{font-weight:700;color:#2fe0b4;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.qk-cassette-hero .qk-cassette-figure{display:grid;gap:8px;width:100%}
.qk-cassette-earned{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:#2fe0b4}
.qk-cassette-earned img{width:48px;height:48px}
.qk-cassette-card:focus{outline:none}
.qk-cassette-svg{width:min(100%,460px);transform:rotate(-2deg);filter:drop-shadow(6px 8px 0 #1a0e45)}
.qk-cassette-svg{display:block;width:100%;height:auto}
.qk-cassette-note{margin:0;max-width:34ch}
.qk-cassette-panel{background:rgba(26,14,69,.75);border:3px solid #1a0e45;border-radius:18px;padding:1rem 1.25rem;box-shadow:4px 4px 0 #ff4fa3;display:grid;gap:.6rem}
.qk-cassette-panel p,.qk-cassette-card p{margin:0}
.qk-cassette-invite h2,.qk-cassette-card h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.3rem;margin:0 0 .3rem;color:#ffd84a}
.qk-cassette-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.qk-cassette-btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;padding:.5rem 1rem;border-radius:999px;font:700 .85rem 'DM Sans',sans-serif;color:#1a0e45;background:#2fe0b4;border:3px solid #1a0e45;box-shadow:3px 3px 0 #1a0e45;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.qk-cassette-primary{background:#ffd84a}
.qk-cassette-quiet{background:#fff6e0}
.qk-cassette-btn:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:5px 5px 0 #1a0e45}
.qk-cassette-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 #1a0e45}
.qk-cassette-btn:disabled{opacity:.6;cursor:progress}
.qk-cassette-btn:focus-visible,.qk-cassette-root input:focus-visible,.qk-cassette-root summary:focus-visible,.qk-cassette-link:focus-visible,.qk-cassette-btn:focus-within{outline:3px solid #c8ff3d;outline-offset:3px}
.qk-cassette-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.qk-cassette-muted{opacity:.85;font-size:.9rem}
.qk-cassette-fine{font-size:.78rem;opacity:.8;line-height:1.4}
.qk-cassette-saved{color:#c8ff3d;font-weight:700}
.qk-cassette-error{color:#ffd0e6;background:#7a1f4d;border:2px solid #1a0e45;border-radius:10px;padding:.4rem .6rem;font-weight:500}
.qk-cassette-link{color:#2fe0b4;font-size:.85rem}
.qk-cassette-backup summary{cursor:pointer;font-weight:700;font-size:.85rem;color:#2fe0b4}
.qk-cassette-scrim{position:fixed;inset:0;z-index:1000;background:rgba(26,14,69,.82);display:grid;place-items:center;padding:16px;overflow:auto}
.qk-cassette-card{width:min(420px,100%);background:#2e1a6b;border:3px solid #1a0e45;border-radius:18px;padding:1.25rem;box-shadow:6px 6px 0 #ff4fa3;display:grid;gap:.6rem;animation:qk-cassette-pop .3s ease}
.qk-cassette-wide{width:min(720px,100%)}
.qk-cassette-card label{font-weight:700;font-size:.85rem}
.qk-cassette-card input[type=email]{padding:.6rem .8rem;border-radius:10px;border:3px solid #1a0e45;background:#fff6e0;color:#1a0e45;font:500 1rem 'DM Sans',sans-serif}
.qk-cassette-choices{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.qk-cassette-choice{display:grid;gap:8px;justify-items:start}
.qk-cassette-choice h3{margin:0;font-size:.95rem;color:#2fe0b4}
@media(max-width:560px){.qk-cassette-choices{grid-template-columns:1fr}}
@keyframes qk-cassette-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.qk-cassette-card{animation:none}.qk-cassette-btn{transition:none}.qk-cassette-hero .qk-cassette-figure{width:min(100%,460px)}
.qk-cassette-hero .qk-cassette-svg{transform:none}}