@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent-blue:#4f6df5;--accent-green:#0f9470;--accent-purple:#8b5cf6;--accent-orange:#e0660f;--accent-rose:#e03e72;--accent:var(--accent-blue);--bg:#f4f5fa;--surface:#fff;--surface-2:#eceef6;--text:#1b2132;--muted:#636a7e;--line:#d9dce8;--line-strong:#353d52;--given:#1b2132;--wrong:#c4252f;--success:#0f9470;--streak:#e0660f;--hint:#f2a516;--hint-ink:color-mix(in srgb, var(--hint) 55%, var(--text));--shadow:0 1px 2px #1418280f, 0 8px 24px #1418280f;--radius:16px;--accent-ink:color-mix(in srgb, var(--accent) 62%, var(--text));--on-ink:#fff;--peer:color-mix(in srgb, var(--accent) 8%, var(--surface));--same:color-mix(in srgb, var(--accent) 20%, var(--surface));--selected:color-mix(in srgb, var(--accent) 26%, var(--surface));--accent-soft:color-mix(in srgb, var(--accent) 14%, var(--surface));--note:color-mix(in srgb, var(--muted) 80%, var(--text));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Nunito Variable,ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-accent=green]{--accent:var(--accent-green)}:root[data-accent=purple]{--accent:var(--accent-purple)}:root[data-accent=orange]{--accent:var(--accent-orange)}:root[data-accent=rose]{--accent:var(--accent-rose)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1117;--surface:#171b24;--surface-2:#212633;--text:#e8ebf3;--muted:#959cb0;--line:#2a3040;--line-strong:#7b849b;--given:#e8ebf3;--wrong:#ff7377;--success:#2fbf93;--streak:#f2862e;--hint:#f5b83d;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--accent-ink:color-mix(in srgb, var(--accent) 52%, white);--on-ink:#0e1117;--peer:color-mix(in srgb, var(--accent) 13%, var(--surface));--same:color-mix(in srgb, var(--accent) 32%, var(--surface));--selected:color-mix(in srgb, var(--accent) 42%, var(--surface));--note:color-mix(in srgb, var(--muted) 55%, var(--text));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1117;--surface:#171b24;--surface-2:#212633;--text:#e8ebf3;--muted:#959cb0;--line:#2a3040;--line-strong:#7b849b;--given:#e8ebf3;--wrong:#ff7377;--success:#2fbf93;--streak:#f2862e;--hint:#f5b83d;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--accent-ink:color-mix(in srgb, var(--accent) 52%, white);--on-ink:#0e1117;--peer:color-mix(in srgb, var(--accent) 13%, var(--surface));--same:color-mix(in srgb, var(--accent) 32%, var(--surface));--selected:color-mix(in srgb, var(--accent) 42%, var(--surface));--note:color-mix(in srgb, var(--muted) 55%, var(--text));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100dvh;transition:background-color .25s}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}h1,h2{margin:0}.app{max-width:520px;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto}.screen{flex-direction:column;gap:14px;min-height:calc(100dvh - 32px);display:flex}.topbar{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:44px;display:grid}.topbar-title{text-align:center;font-size:1.15rem;font-weight:800}.cap{display:block}.cap:first-letter,.topbar-title:first-letter{text-transform:uppercase}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:12px;place-items:center;display:grid}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn.small{background:var(--surface-2);border-radius:10px;width:32px;height:32px}.icon-btn.small svg{width:14px;height:14px}.chip{background:var(--accent-soft);color:var(--accent-ink);border-radius:99px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-block}.btn{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:50px;padding:10px 18px;font-size:1rem;font-weight:800;transition:transform .1s,background-color .2s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn small{opacity:.8;font-size:.8rem;font-weight:600}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent)}.btn.secondary{background:var(--accent-soft);color:var(--accent-ink);flex-direction:row;gap:8px}.btn.ghost{color:var(--muted);background:0 0;min-height:42px}.btn.done{background:color-mix(in srgb, var(--success) 14%, var(--surface));color:color-mix(in srgb, var(--success) 70%, var(--text));flex-direction:row;gap:6px}.btn.danger{color:var(--wrong)}.btn.big{min-height:60px;font-size:1.1rem}.link-btn{color:var(--muted);align-self:center;align-items:center;gap:6px;padding:6px;font-size:.9rem;font-weight:700;display:inline-flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 16px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 4px -4px;font-size:.8rem}.home-header{justify-content:space-between;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;gap:6px;margin:4px 0 8px;display:flex}.brand svg{box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:18px;animation:.5s cubic-bezier(.34,1.56,.64,1) pop-in}.brand h1{letter-spacing:-.02em;font-size:2.2rem;font-weight:900}.brand p{color:var(--muted);margin:0}.daily-card{background:var(--surface);box-shadow:var(--shadow);background-image:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex}.daily-card-top{justify-content:space-between;align-items:flex-start;display:flex}.daily-card-top>div:first-child{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.daily-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.daily-card strong{font-size:1.15rem}.streak{color:var(--streak);align-items:center;gap:4px;font-size:1.3rem;font-weight:900;display:flex}.streak.small{padding-right:8px;font-size:1rem}.home-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.difficulty-list{flex-direction:column;gap:8px;width:100%;display:flex}.difficulty-btn{background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:800;transition:background-color .15s;display:flex}.difficulty-btn:hover:not(:disabled){background:var(--accent-soft)}.difficulty-name{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.difficulty-name>span{align-items:center;gap:6px;display:inline-flex}.difficulty-name small{color:var(--muted);font-size:.78rem;font-weight:700}.difficulty-btn:disabled{opacity:1;box-shadow:inset 0 0 0 2px var(--surface-2);color:var(--muted);background:0 0}.difficulty-btn:disabled .dots{opacity:.5}.dots{gap:4px;display:flex}.dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--accent)}.warn{color:var(--wrong);font-size:.9rem}.game-screen{gap:10px}.hint-count{color:var(--muted);align-items:center;gap:4px;padding-right:6px;font-weight:800;display:flex}.infobar{color:var(--muted);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;display:flex}.mistakes.has{color:var(--wrong)}.timer{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.board-wrap{width:100%;min-width:260px;max-width:min(100%,100dvh - 330px);margin:0 auto;position:relative}.board{aspect-ratio:1;background:var(--surface);border:2px solid var(--line-strong);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:12px;grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden;container-type:inline-size}.cell{aspect-ratio:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);color:var(--given);place-items:center;font-size:6.4cqi;font-weight:600;transition:background-color .12s;display:grid;position:relative;overflow:hidden}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell.box-right{border-right:2px solid var(--line-strong)}.cell.box-bottom{border-bottom:2px solid var(--line-strong)}.cell.peer{background:var(--peer)}.cell.same{background:var(--same)}.cell.hint-area{background:color-mix(in srgb, var(--hint) 16%, var(--surface))}.cell.hint-pattern{background:color-mix(in srgb, var(--hint) 38%, var(--surface))}.cell.selected{background:var(--selected);box-shadow:inset 0 0 0 2px var(--accent-ink)}.cell:focus-visible{outline:none}.cell.given{font-weight:800}.cell.user{color:var(--accent-ink)}.cell.wrong{color:var(--wrong);background:color-mix(in srgb, var(--wrong) 10%, var(--surface))}.cell.wrong.selected{background:color-mix(in srgb, var(--wrong) 16%, var(--surface));box-shadow:inset 0 0 0 2px var(--wrong)}.digit{z-index:1;line-height:1;position:relative}.cell.user .digit,.cell.wrong .digit{animation:.18s ease-out pop-in}.notes{grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px;display:grid}.note{color:var(--note);place-items:center;font-size:2.6cqi;font-weight:700;line-height:1;display:grid}.note.hl{color:var(--on-ink);background:var(--accent-ink);border-radius:4px}.fx{pointer-events:none;opacity:0;position:absolute;inset:0}.fx-correct{background:var(--accent);animation:.6s ease-out both flash}.fx-win{background:var(--success);animation:.9s ease-out both flash}.fx-mistake{background:var(--wrong);animation:.5s ease-out both flash}.cell:has(.fx-mistake) .digit{animation:.35s shake}.pause-overlay{background:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex;position:absolute;inset:0}.controls-wrap{margin-top:4px;position:relative}.controls{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hint-banner{z-index:2;background:var(--surface);min-height:100%;box-shadow:var(--shadow);border:2px solid color-mix(in srgb, var(--hint) 55%, transparent);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 12px;font-size:.85rem;font-weight:600;line-height:1.35;animation:.2s fade-in;display:flex;position:absolute;bottom:0;left:0;right:0}.hint-banner>svg{color:var(--hint-ink);flex:none}.hint-banner p{flex:1;margin:0}.hint-banner strong{font-weight:900}.hint-banner .icon-btn{flex:none}.control{color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 0;font-size:.78rem;font-weight:700;display:flex;position:relative}.control svg{width:26px;height:26px}.control:hover:not(:disabled){background:var(--surface-2)}.control.active{color:var(--accent-ink)}.badge{background:var(--surface-2);min-width:22px;color:var(--muted);border:2px solid var(--bg);border-radius:99px;padding:1px 5px;font-size:.68rem;font-weight:800;position:absolute;top:2px;left:calc(50% + 6px)}.control.active .badge,.control:last-child .badge{background:var(--accent-ink);color:var(--on-ink)}.control:last-child .badge.empty{background:var(--surface-2);color:var(--accent-ink)}.numpad{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.num{min-height:clamp(64px,11dvh,84px);color:var(--accent-ink);background:var(--surface);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:background-color .15s,transform .1s;display:flex}.num:hover:not(:disabled){background:var(--accent-soft)}.num:active:not(:disabled){transform:scale(.92)}.num:disabled{opacity:0;box-shadow:none}.num-digit{font-size:clamp(1.8rem,8.5vw,2.5rem);font-weight:600;line-height:1.1}.num-left{color:var(--muted);min-height:1em;font-size:.7rem;font-weight:700}.numpad.notes-mode .num-digit{color:var(--muted);font-size:clamp(1.3rem,6vw,1.8rem);font-weight:700}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0c1473;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{z-index:1;background:var(--surface);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:min(400px,100%);padding:24px 20px 14px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex;position:relative;box-shadow:0 20px 60px #0000004d}.modal:focus{outline:none}.modal h2{font-size:1.5rem;font-weight:900}.modal p{color:var(--muted);margin:0 0 6px}.modal-icon{color:var(--accent-ink)}.result-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:6px;display:grid}.result-grid div{background:var(--surface-2);border-radius:12px;flex-direction:column;padding:10px 4px;display:flex}.result-grid small{color:var(--muted);font-size:.75rem;font-weight:700}.result-grid strong{font-variant-numeric:tabular-nums;font-size:1.2rem}.result-grid .record{background:color-mix(in srgb, var(--hint) 22%, var(--surface))}.modal p.record,.modal p.unlocked{color:var(--text);font-weight:800}.modal p.record small{color:var(--muted);font-weight:700;display:block}.box-results{grid-template-columns:repeat(3,18px);gap:4px;margin:2px 0 6px;display:grid}.box-results i{background:var(--success);border-radius:4px;width:18px;height:18px}.box-results i.hint{background:var(--hint)}.box-results i.mistake{background:var(--wrong)}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:2px;width:8px;height:14px;animation:linear forwards fall;position:absolute;top:-12px}.tabs{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.tabs button{background:var(--surface-2);color:var(--muted);border-radius:99px;flex:none;padding:8px 14px;font-size:.9rem;font-weight:800}.tabs button.active{background:var(--accent);color:#fff}.tiles{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tile{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.tile small{color:var(--muted);font-size:.8rem;font-weight:700}.tile strong{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900}.empty{text-align:center;color:var(--muted);margin:4px 0}.row{justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-weight:700;display:flex}.row+.row{border-top:1px solid var(--line)}.row.column{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0}.segmented{background:var(--surface-2);border-radius:12px;padding:3px;display:flex}.segmented button{color:var(--muted);border-radius:10px;flex:1;padding:7px 12px;font-size:.9rem;font-weight:800}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.swatches{gap:8px;display:flex}.swatch{background:var(--accent);outline-offset:2px;border-radius:50%;width:28px;height:28px}.swatch[data-accent=blue]{background:var(--accent-blue)}.swatch[data-accent=green]{background:var(--accent-green)}.swatch[data-accent=purple]{background:var(--accent-purple)}.swatch[data-accent=orange]{background:var(--accent-orange)}.swatch[data-accent=rose]{background:var(--accent-rose)}.swatch.active{outline:3px solid var(--text)}.switch{appearance:none;background:var(--line);cursor:pointer;border-radius:99px;flex:none;width:48px;height:28px;margin:0;transition:background-color .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.about{color:var(--text);margin:12px 0;font-weight:600;line-height:1.5}.about.muted{color:var(--muted);font-size:.9rem}.calendar{background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:12px}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-head div{flex-direction:column;align-items:center;display:flex}.calendar-head small{color:var(--muted);font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekday{text-align:center;color:var(--muted);text-transform:uppercase;padding:4px 0;font-size:.75rem;font-weight:800}.day{aspect-ratio:1;border-radius:50%;place-items:center;font-size:.95rem;font-weight:800;display:grid}.day:hover:not(:disabled){background:var(--surface-2)}.day.done{background:var(--accent);color:#fff}.day.today:not(.done){box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent-ink)}.day.selected{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:1px}.daily-detail{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.daily-detail strong{font-size:1.1rem}.daily-detail p{margin:0;font-weight:700}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}}@keyframes flash{0%{opacity:0}30%{opacity:.35}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (height<=700px){.game-screen{gap:6px}.board-wrap{max-width:min(100%,100dvh - 290px)}}.seo{max-width:520px;color:var(--muted);margin:0 auto;padding:8px 20px 48px;font-size:.95rem;line-height:1.6}.seo h2{color:var(--text);margin:28px 0 8px;font-size:1.15rem}.seo h3{color:var(--text);margin:18px 0 4px;font-size:1rem}.seo p,.seo ul{margin:0 0 10px}.seo ul{padding-left:20px}.seo strong{color:var(--text)}.seo a{color:var(--accent-ink);font-weight:700}.seo footer{text-align:center;margin-top:32px}body:has(.app>.screen:not(.home)) .seo{display:none}