:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#171321;background:#f6f4f8}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:5;background:#4e086d;color:white;display:flex;align-items:center;justify-content:space-between;padding:12px max(14px,calc((100vw - 920px)/2));font-weight:900;letter-spacing:.06em}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;background:#0caaa7;color:#061c20;padding:12px 16px;font-weight:800;min-height:44px}button:hover{filter:brightness(.94)}button:disabled{opacity:.48;cursor:not-allowed}.quiet{background:transparent;color:inherit;padding:8px}.purple{background:#5b117d;color:white}.danger{background:#a62d46;color:white}.outline{background:white;color:#491068;border:2px solid #6e2888}.muted{color:#625c6c}.small{font-size:.87rem}main{max-width:920px;margin:0 auto;padding:20px 14px 45px;min-height:76vh}.panel{background:white;border-radius:20px;padding:22px;margin:15px 0;box-shadow:0 4px 16px #28093a12}.hero{position:relative;overflow:hidden;text-align:center;background:#e8e8eb;border-radius:20px;padding:22px 12px 28px}.hero img{display:block;position:relative;z-index:1;max-width:min(410px,88%);max-height:235px;object-fit:contain;margin:auto}.hero h1,.hero p{position:relative;z-index:1;margin:8px 0}.hero h1{color:#490b6b;font-size:clamp(1.9rem,6vw,3rem)}.hero p{font-weight:800}.star{position:absolute;animation:twinkle 2.3s infinite alternate;font-size:clamp(17px,3vw,33px)}@keyframes twinkle{from{opacity:.3;transform:scale(.7) rotate(-15deg)}to{opacity:1;transform:scale(1.3) rotate(15deg)}}h1,h2{line-height:1.2}h2{color:#4e086d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.tile{background:white;border-radius:18px;padding:20px;border:2px solid #e5deea}.tile button,.full{width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:12px}.field{display:grid;gap:5px;font-weight:700}input,select,textarea{width:100%;border:2px solid #c8bfd0;border-radius:10px;padding:11px;background:white;color:#171321}textarea{min-height:84px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #7fd9d4}.wordrow{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin:12px 0}.pill{display:inline-block;border-radius:30px;background:#e4d7ee;color:#490b6b;padding:6px 12px;font-size:.82rem;font-weight:800}.card{border:3px solid #16aaa7;border-radius:22px;min-height:220px;display:grid;place-content:center;text-align:center;padding:30px;background:#f0ffff;cursor:pointer;font-size:clamp(1.3rem,4vw,2rem);font-weight:800;overflow-wrap:anywhere}.choice{display:block;width:100%;text-align:left;margin:8px 0;background:#f2eaf7;color:#26102e;border:2px solid transparent}.choice.selected{border-color:#0caaa7;background:#d5f8f5}.feedback{border-radius:12px;padding:12px;background:#e8f8ef;margin:10px 0}.bad{background:#ffe5e8}.bar{height:11px;background:#eee;border-radius:20px;overflow:hidden}.bar div{height:100%;background:#0caaa7}footer{text-align:center;padding:18px;color:#61576b}footer button{margin:4px}.note{border-left:4px solid #0caaa7;padding:10px;background:#effafa}.hidden{display:none!important}@media(max-width:500px){.wordrow{grid-template-columns:1fr}.panel{padding:16px}header{font-size:.84rem}}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#281033;color:white;padding:13px 20px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20;max-width:90vw}label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}input[type=checkbox]{width:auto}

.header-actions{display:flex;align-items:center;gap:4px}.pin-input{-webkit-text-security:disc} .hero img{background:#e8e8eb;border-radius:18px;padding:12px;max-width:min(78vw,330px)} .hero{background:#e8e8eb!important;color:#3d075c!important}.hero h1,.hero p{color:#3d075c!important}#mute{font-size:1.3rem} .note[role=status]{font-weight:800;border-left:5px solid #08aaa9;margin:14px 0;padding:12px;background:#effcfc} 

.hero h1,.hero p{color:#000!important}#mute{display:inline-flex;align-items:center;justify-content:center;color:#fff}#mute svg{display:block}