*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,#6d3fc4,#2a1745 62%) fixed;color:#fff;min-height:100vh;min-height:100dvh}
.w{max-width:560px;margin:auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(40px + env(safe-area-inset-bottom))}
.hd{display:flex;align-items:center;justify-content:space-between}.brand img{height:30px;width:auto;display:block}.tools{display:flex;gap:8px}
.ic{width:42px;height:42px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;font-size:19px;cursor:pointer}
.card{background:#fffdf8;color:#2a1745;border-radius:24px;padding:20px;margin-top:14px;box-shadow:0 18px 40px #0006;animation:pop .28s ease-out}
@keyframes pop{from{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}
h1{margin:4px 0 6px;font-size:28px;line-height:1.15;color:#4d2575}h2{margin:0 0 8px;font-size:20px;color:#4d2575}
.muted{color:#5d4a73;font-size:14px}.sm{font-size:12px}
.jubi{display:flex;gap:10px;align-items:flex-start;margin:6px 0 12px}.jubi .av{flex:0 0 46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffd166,#f08a24);display:grid;place-items:center;font-size:24px;box-shadow:0 4px 12px #f08a2455}
.bub{background:#f3eafa;border-radius:4px 18px 18px 18px;padding:10px 13px;font-weight:750;font-size:16px;line-height:1.35;color:#3b1f63;min-height:42px}.bub.talk{animation:wob .35s}@keyframes wob{30%{transform:scale(1.03)}}
label{display:block;font-weight:800;font-size:14px;margin-top:12px}input[type=text],input[type=email],select{width:100%;padding:13px;border:2px solid #eadcf2;border-radius:14px;font-size:16px;font-family:inherit;margin-top:4px;background:#fff;color:#2a1745}
input:focus,select:focus{outline:3px solid #ffd16699;border-color:#6d3fc4}
.ck{display:flex;gap:10px;align-items:flex-start;font-weight:650;font-size:14px;margin-top:12px;line-height:1.4}.ck input{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0;accent-color:#6d3fc4}
.err{color:#c0263d;font-weight:800;font-size:14px;min-height:18px;margin-top:8px}.bad{border-color:#e5566b!important}
.btn{display:block;width:100%;margin-top:12px;padding:16px;border-radius:999px;border:0;background:linear-gradient(135deg,#6d3fc4,#e5566b);color:#fff;font-size:18px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer;font-family:inherit;transition:transform .1s}.btn:active{transform:scale(.97)}
.btn.alt{background:#fff;color:#4d2575;border:2px solid #4d2575}.btn.gold{background:linear-gradient(135deg,#ffd166,#f08a24);color:#2a1745}.btn[disabled]{opacity:.6}
.lv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.lv button{padding:16px 10px;border-radius:18px;border:3px solid #eadcf2;background:#fff;font-family:inherit;font-weight:900;font-size:17px;color:#2a1745;cursor:pointer}.lv button small{display:block;font-weight:650;font-size:12px;color:#5d4a73;margin-top:3px}.lv button.on{border-color:#6d3fc4;background:#f3eafa}
.hud{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:15px;color:#4d2575}.hud .sc{font-size:20px}
.tm{height:10px;border-radius:9px;background:#eee;overflow:hidden;margin:10px 0}.tm i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#21a67a,#ffd166,#e5566b);transform-origin:left;will-change:transform}
.sk{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:800;color:#5d4a73}.sk b{width:16px;height:16px;border-radius:5px;background:#eee}.sk b.on{background:linear-gradient(135deg,#ffd166,#f08a24)}.mult{background:#2a1745;color:#ffd166;border-radius:999px;padding:2px 9px;margin-left:6px;font-weight:900}
.q{font-size:21px;font-weight:850;margin:10px 0 12px;line-height:1.3}.qi{width:100%;max-height:200px;object-fit:cover;border-radius:16px;margin-bottom:6px}
.o{display:grid;gap:10px}.o button{padding:15px;border-radius:16px;border:2px solid #eadcf2;background:#fff;font-size:17px;font-weight:800;color:#2a1745;text-align:left;cursor:pointer;font-family:inherit;touch-action:manipulation;transition:background .15s,border-color .15s,transform .1s}.o button:active{transform:scale(.98)}
.o button.ok{background:#d8f5e8;border-color:#21a67a}.o button.no{background:#ffe1e6;border-color:#e5566b;animation:shake .3s}.o button[disabled]{cursor:default}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.pts{font-size:26px;font-weight:950;text-align:center;color:#21a67a;animation:up .6s ease-out}@keyframes up{from{transform:translateY(10px);opacity:0}}
.fact{background:#fff5df;border-radius:14px;padding:10px 12px;font-size:14px;margin-top:10px;color:#5a3d00}
.big{font-size:52px;font-weight:950;text-align:center;color:#6d3fc4;line-height:1}.st{display:flex;gap:8px;margin:12px 0}.st div{flex:1;background:#f3eafa;border-radius:14px;padding:8px;text-align:center;font-size:12px;color:#5d4a73}.st b{display:block;font-size:20px;color:#4d2575}
.tabs{display:flex;gap:6px;margin:6px 0 10px}.tabs button{flex:1;padding:9px;border-radius:999px;border:2px solid #eadcf2;background:#fff;font-weight:850;font-family:inherit;color:#4d2575;cursor:pointer}.tabs button.on{background:#4d2575;color:#fff;border-color:#4d2575}
.lb{list-style:none;padding:0;margin:0}.lb li{display:flex;gap:8px;align-items:center;padding:9px 6px;border-bottom:1px solid #f0e4f5;font-weight:750}.lb li.me{background:#fff5df;border-radius:10px}.lb .r{width:30px;text-align:right;color:#6d3fc4;font-weight:950}.lb .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb .s{font-weight:950}.bd{font-size:14px}
.pill{display:inline-block;background:#f3eafa;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;color:#4d2575;margin:2px}
.cta{background:linear-gradient(135deg,#2a1745,#4d2575);color:#fff;border-radius:18px;padding:14px;margin-top:14px}.cta a{color:#ffd166;font-weight:900}
.ft{text-align:center;font-size:13px;color:#e8dcff;margin-top:24px}.ft a{color:#ffd166;margin:0 7px;text-decoration:none;font-weight:700;display:inline-block;padding:4px 0}.ft div{margin-top:8px;opacity:.8}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#cf{position:fixed;inset:0;pointer-events:none;width:100%;height:100%;z-index:9}
.row{display:flex;gap:8px}.row .btn{flex:1}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.optbox{margin-top:12px;padding:12px;border-radius:14px;background:#f3ecff}
.sug{border:0;cursor:pointer;margin:4px 2px;font:inherit}
#gsug,#psug{margin-top:6px}