:root{--bg:#130f37;--card:#27205d;--line:#665fa2;--text:#faf9ff;--muted:#c4c0e9;--a:#82efd4}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,ui-rounded,system-ui,sans-serif;background:radial-gradient(circle at 12% 5%,#6852bf 0,transparent 27rem),radial-gradient(circle at 90% 65%,#175d83 0,transparent 25rem),var(--bg)}button{font:inherit;cursor:pointer}.app{width:min(100%,680px);min-height:100vh;margin:auto;padding:clamp(18px,4vw,34px) clamp(14px,4vw,30px)}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 14px}.meta div{padding:9px;text-align:center;background:#211a51bb;border:1px solid #5d5792;border-radius:13px}.meta span,.archive>div>span{display:block;color:var(--muted);font-size:.61rem;font-weight:850;letter-spacing:.1em}.meta strong{display:block;margin-top:2px;font-size:1rem;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{min-height:58px;padding:7px 4px;color:#f8f7ff;background:linear-gradient(145deg,#403681,#292260);border:1px solid #7168aa;border-radius:12px;font-size:clamp(.7rem,2.8vw,.93rem);font-weight:800;line-height:1.05;transition:.15s}.tile:hover{filter:brightness(1.15);transform:translateY(-2px)}.tile.selected{color:#073f4a;background:linear-gradient(145deg,#b6ffe8,#67d8d5);border-color:#c9fff1;box-shadow:0 0 0 3px #9cf6df44}.solved{display:grid;gap:8px;margin-bottom:8px}.group{padding:10px 13px;border-radius:12px;animation:in .25s ease-out}.group b{display:block;font-size:.69rem;letter-spacing:.08em}.group span{display:block;margin-top:3px;font-size:.82rem;font-weight:700}.g0{background:#e5b354;color:#493205}.g1{background:#66c5b7;color:#093d3a}.g2{background:#a881dd;color:#29104f}.g3{background:#f187a2;color:#52172b}.actions{display:flex;justify-content:center;gap:9px;margin:18px 0 24px}.actions button,.modal button{padding:10px 14px;color:#eeeefe;background:#342b70;border:1px solid #756daf;border-radius:11px;font-weight:800;font-size:.82rem}.actions .primary,.modal .primary{color:#093b48;background:linear-gradient(135deg,#a3f8df,#62d5df);border:0}.actions button:disabled{opacity:.42;cursor:not-allowed}.archive{padding:15px;background:#1b1648aa;border:1px solid #58518b;border-radius:17px}.archive>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.archive small{color:#bfc6f1;font-size:.72rem}.archive nav{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.archive button{height:35px;color:#dfddff;background:#332b69;border:1px solid #655e9d;border-radius:9px;font-weight:800}.archive button.active{color:#063f4a;background:#93f4dd}.archive button.done::after{content:' ✓';color:#a7ffdc}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#080522aa;backdrop-filter:blur(7px)}.modal.hidden{display:none}.modal>div{width:min(100%,360px);padding:28px;text-align:center;background:linear-gradient(160deg,#342b73,#171241);border:1px solid #7870b5;border-radius:24px;box-shadow:0 25px 60px #0008}.modal b{display:grid;width:52px;height:52px;margin:-53px auto 13px;place-items:center;color:#063b48;background:#9af7dd;border-radius:50%;font-size:1.6rem}.modal h2{margin:0;font-size:1.48rem}.modal p{color:#d6d3f8;line-height:1.45}.modal button{margin-top:5px;width:100%}@keyframes in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media(max-width:380px){.tile{min-height:53px;font-size:.68rem}.grid{gap:6px}.actions button{padding:9px 10px}}