:root{--c-bg: #ffffff;--c-bg2: #f1f1f4;--c-text: #111111;--c-hint: #8e8e93;--c-link: #2481cc;--c-btn: #2481cc;--c-btn-text: #ffffff;--c-danger: #e53935;--c-ok: #1f9d4c;--c-ok-bg: #d9f5e3;--c-active: #3b82f6;--c-active-bg: #dbe8ff;--c-err: #e5484d;--c-err-bg: #ffe0e1;--c-cell: #ffffff;--c-cell-border: #c9ccd3;--c-key: #ffffff;--radius: 12px;--gap: 3px;--app-h: 100vh;--sa-top: 0px;--sa-bottom: 0px;--sa-left: 0px;--sa-right: 0px;--csa-top: 0px;--csa-bottom: 0px;--csa-left: 0px;--csa-right: 0px}@supports (height: 100dvh){:root{--app-h: 100dvh}}[data-scheme=dark]{--c-bg: #17191d;--c-bg2: #22252b;--c-text: #f2f2f5;--c-hint: #8b8f98;--c-ok: #3ccf74;--c-ok-bg: #173d27;--c-active: #4f8ff7;--c-active-bg: #1d2f52;--c-err: #ff6b6b;--c-err-bg: #4a1f22;--c-cell: #2a2d33;--c-cell-border: #3a3e46;--c-key: #3a3d44}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--c-bg);color:var(--c-text);font:16px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation}#app{height:var(--app-h);display:flex;flex-direction:column;overflow:hidden;padding:calc(var(--sa-top) + var(--csa-top)) calc(var(--sa-right) + var(--csa-right)) 0 calc(var(--sa-left) + var(--csa-left))}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}h1{font-size:24px;margin:0}h2{font-size:19px;margin:0}.screen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative}.page{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 16px calc(24px + var(--sa-bottom) + var(--csa-bottom));display:flex;flex-direction:column;gap:14px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 16px;border-radius:var(--radius);background:var(--c-bg2);font-weight:600}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:var(--c-btn);color:var(--c-btn-text)}.btn.big{min-height:56px;font-size:18px}.chip{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:16px;background:var(--c-bg2);font-weight:600;font-size:15px;white-space:nowrap}.card{background:var(--c-bg2);border-radius:var(--radius);padding:14px 16px}.muted{color:var(--c-hint);font-size:14px}.center-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.skel{background:var(--c-bg2);border-radius:var(--radius);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.toast{position:fixed;left:50%;bottom:calc(24px + var(--sa-bottom));z-index:60;max-width:90vw;padding:10px 16px;border-radius:12px;background:#141416eb;color:#fff;font-size:15px;text-align:center;opacity:0;transform:translate(-50%,20px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.offline{position:fixed;top:calc(var(--sa-top) + var(--csa-top));left:0;right:0;z-index:70;padding:6px;background:var(--c-err);color:#fff;font-size:14px;text-align:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.grid-wrap{flex:1 1 auto;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:6px}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);margin:auto}.cell{position:relative;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--c-cell);box-shadow:inset 0 0 0 1px var(--c-cell-border);font-weight:700;font-size:calc(var(--cell) * .55);line-height:1;color:var(--c-text)}.cell.void{visibility:hidden}.cell .num{position:absolute;top:2px;left:3px;font-size:max(9px,calc(var(--cell) * .26));font-weight:600;line-height:1;color:var(--c-hint)}.cell.hinted{color:var(--c-link)}.cell.on{background:var(--c-active-bg)}.cell.ok{background:var(--c-ok-bg);color:var(--c-ok)}.cell.wrong{background:var(--c-err-bg);color:var(--c-err)}.cell.cur{background:var(--c-active);color:#fff}.cell.cur .num{color:#ffffffd9}.cell.pop .ch{display:inline-block;animation:pop .18s ease-out}.cell.shake{animation:shake .35s ease-in-out}.cell.win{animation:win .4s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:.4}to{transform:none;opacity:1}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes win{50%{transform:scale(1.08)}}.grid.skeleton .cell{animation:pulse 1.2s ease-in-out infinite;box-shadow:none;background:var(--c-bg2)}.kb{display:flex;flex-direction:column;gap:6px;padding:6px 3px calc(6px + var(--sa-bottom) + var(--csa-bottom));background:var(--c-bg2)}.kb-row{display:flex;justify-content:center;gap:3px}.key{flex:1 1 0;max-width:calc((100% - 11 * 3px) / 12);height:clamp(38px,6.2vh,46px);border-radius:7px;background:var(--c-key);color:var(--c-text);font-size:17px;font-weight:600;box-shadow:0 1px #0000002e}.key.erase{max-width:none;flex:1.6 1 0;font-size:20px}.key.press{transform:scale(.92);opacity:.7}.sheet-backdrop{position:fixed;inset:0;z-index:30;background:#0006;opacity:0;transition:opacity .2s}.sheet-backdrop.open{opacity:1}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-height:85%;overflow-y:auto;padding:8px 16px calc(20px + var(--sa-bottom) + var(--csa-bottom));border-radius:18px 18px 0 0;background:var(--c-bg);transform:translateY(100%);transition:transform .25s ease-out}.sheet.open{transform:none}.sheet-grip{width:36px;height:4px;margin:0 auto 12px;border-radius:2px;background:var(--c-hint);opacity:.4}.shop{display:flex;flex-direction:column;gap:12px}.pack{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius);background:var(--c-bg2)}.pack-title{display:flex;align-items:center;gap:8px;font-weight:700}.badge{padding:2px 8px;border-radius:10px;background:var(--c-ok-bg);color:var(--c-ok);font-size:11px;font-weight:700}.btn.price{width:auto;min-height:40px;flex:none}.clue-sec{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.clue-row{display:flex;gap:10px;padding:10px 8px;border-radius:10px;text-align:left}.clue-row b{min-width:22px}.clue-row.active{background:var(--c-active-bg)}.clue-row.solved{color:var(--c-hint);text-decoration:line-through}.home-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chips{display:flex;gap:8px}.daily-card,.chapter,.toggle{display:flex;width:100%;text-align:left}.daily-card{align-items:center;justify-content:space-between;gap:12px}.card-title{font-weight:700}.status{font-weight:600;color:var(--c-link);white-space:nowrap}.status.ok{color:var(--c-ok)}.list{display:flex;flex-direction:column;gap:8px}.chapter{flex-direction:column;gap:10px}.chapter.locked{opacity:.6}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.bar{width:100%;height:6px;border-radius:3px;background:var(--c-bg);overflow:hidden}.bar:after{content:"";display:block;height:100%;background:var(--c-ok);transform-origin:left;transform:scaleX(var(--p, 0))}.toggle{align-items:center;justify-content:space-between;gap:12px}.switch{position:relative;flex:none;width:46px;height:28px;border-radius:14px;background:var(--c-hint)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:var(--c-ok)}.switch.on:after{transform:translate(18px)}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tile{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--c-bg2);font-size:20px;font-weight:700}.tile.done{background:var(--c-ok-bg);color:var(--c-ok)}.tile.current{background:var(--c-btn);color:var(--c-btn-text)}.tile.locked{color:var(--c-hint)}.tile .mark{position:absolute;top:4px;right:6px;font-size:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 12px 0}.topbar .title{overflow:hidden;font-size:17px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.bottom{flex:none;display:flex;flex-direction:column}.clue-bar{display:flex;align-items:stretch;gap:4px;min-height:52px;margin:0 8px;border-radius:var(--radius);background:var(--c-active-bg)}.clue-bar.solved{background:var(--c-ok-bg)}.clue-nav{flex:none;width:40px;font-size:26px;color:var(--c-active)}.clue-text{flex:1;padding:6px 0;overflow:hidden;text-align:left;font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.clue-text b{margin-right:6px;color:var(--c-active)}.hints{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 8px}.hint{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:4px;border-radius:10px;background:var(--c-bg2);font-size:13px;font-weight:600;line-height:1.15}.hint small{font-size:12px;font-weight:500;color:var(--c-hint)}.solved-panel{display:flex;flex-direction:column;gap:10px;text-align:center;padding:12px 16px calc(16px + var(--sa-bottom) + var(--csa-bottom))}.solved-title{font-size:18px;font-weight:700}.row-btns{display:flex;gap:8px}.complete{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073;opacity:0;transition:opacity .2s}.complete.open{opacity:1}.complete-card{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:24px 20px 16px;border-radius:20px;background:var(--c-bg);text-align:center;transform:scale(.92);transition:transform .25s}.complete.open .complete-card{transform:none}.complete-icon{font-size:48px}.perfect{font-size:22px;font-weight:800;color:var(--c-ok)}.confetti{position:absolute;inset:0;z-index:41;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-12px;left:var(--x);width:8px;height:12px;border-radius:2px;opacity:0;animation:fall var(--d) var(--delay) ease-in forwards}@keyframes fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:.9;transform:translate(var(--dx),105vh) rotate(var(--r))}}.admin-entry{justify-content:center;text-align:center;font-weight:600}.tabs{display:flex;gap:6px;padding:8px 12px 0}.tab{flex:1;min-height:38px;border-radius:10px;background:var(--c-bg2);font-size:14px;font-weight:600}.tab.on{background:var(--c-btn);color:var(--c-btn-text)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:10px 12px;border-radius:var(--radius);background:var(--c-bg2)}.stat-v{font-size:22px;font-weight:800}.stat-l{font-size:13px;color:var(--c-hint)}.stat-skel{height:64px}.search,.admin-text{width:100%;padding:12px 14px;border:0;border-radius:var(--radius);outline:none;background:var(--c-bg2);color:var(--c-text);font:inherit;font-size:16px;-webkit-user-select:text;user-select:text}.admin-text{min-height:120px;resize:vertical}.user-row,.pay{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left}.pay.refunded{opacity:.6}.pay .btn{margin-top:6px}.grant{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn.danger,.card.warn{background:var(--c-err-bg);color:var(--c-err)}.link{color:var(--c-link);font-weight:600;text-align:left}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--c-hint);word-break:break-all;-webkit-user-select:text;user-select:text}