:root{--bg:#f4f1ea;--ink:#1b2430;--muted:#5a6b7b;--card:#fff;--accent:#12324a;--accent-soft:#dfe9f2;--ok:#1d6f42;--no:#9a3b2f;--radius:18px;--tap:56px;--font-base:18px;--measure:62ch;--gap:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Noto Sans,system-ui,-apple-system,sans-serif;font-size:var(--font-base);-webkit-text-size-adjust:100%;margin:0;padding:0;line-height:1.5}.tone{font-size:var(--font-base)}.screen{gap:var(--gap);max-width:760px;font-size:var(--font-base);flex-direction:column;margin:0 auto;padding:20px 16px 64px;display:flex}.statement,.note,.hint,.hint-format,.solution-text,.steps{max-width:var(--measure)}.header{padding:8px 4px 0}.kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem}.title{margin:4px 0 0;font-size:1.75rem;line-height:1.2}.subtitle{margin:0 0 8px;font-size:1.2rem}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 2px 10px #1b243012}.statement{margin:0;font-size:1.15rem}.label{margin-bottom:8px;font-weight:600;display:block}.input{width:100%;min-height:var(--tap);border:2px solid var(--accent-soft);color:inherit;background:#fbfcfe;border-radius:14px;padding:12px 16px;font-family:inherit;font-size:1.35rem}.input:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.hint-format{color:var(--muted);margin:8px 0 0;font-size:.95rem}.button{width:100%;min-height:var(--tap);color:#fff;background:var(--accent);cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;justify-content:center;align-items:center;margin-top:16px;padding:12px 20px;font-family:inherit;font-size:1.1rem;font-weight:600;display:inline-flex}.button:disabled{opacity:.45;cursor:default}.button-secondary{color:var(--accent);background:var(--accent-soft)}.row{flex-wrap:wrap;gap:12px;display:flex}.row .button{flex:180px;margin-top:0}.note{color:var(--muted);margin:16px 0 0;font-size:.95rem}.error{color:var(--no);margin:12px 0 0;font-weight:600}.offline{color:#7a4b12;background:#fdf3e3;border-radius:14px;margin-top:16px;padding:12px 16px}.offline p{margin:0}.second-star-warning{color:#7a4b12;background:#fdf3e3;border:2px solid #d98324;margin-top:16px}.second-star-warning p{margin:0 0 12px}.verdict{margin:16px 0 0;font-size:1.15rem;font-weight:600}.verdict-ok{color:var(--ok)}.verdict-no{color:var(--no)}.hint{background:var(--accent-soft);border-radius:14px;margin:16px 0 0;padding:12px 16px}.hint-number{font-weight:700}.solution{border-top:2px solid var(--accent-soft);margin-top:20px;padding-top:16px}.steps{margin:0;padding-left:22px}.steps li{margin-bottom:8px}.solution-text{color:var(--muted);margin:12px 0 0}@media (width<=420px){:root{--font-base:17px}.screen{padding:16px 12px 48px}.card{padding:16px}.row .button{flex:100%}}@media (width>=760px){.button{width:auto;min-width:220px}}.vhod{align-items:stretch}.profiles{gap:var(--gap);flex-wrap:wrap;display:flex}.profile-tile{min-height:calc(var(--tap) * 3);background:var(--card);border-radius:var(--radius);color:inherit;cursor:pointer;touch-action:manipulation;border:3px solid #0000;flex-direction:column;flex:180px;align-items:center;gap:12px;padding:24px 16px;font-family:inherit;font-size:1.25rem;font-weight:600;display:flex;box-shadow:0 2px 10px #1b243012}.profile-tile:hover,.profile-tile:focus-visible{border-color:var(--accent);outline:none}.profile-name{font-size:1.2rem;font-weight:700}.avatar{display:block}.pin-card{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.pin-card .title{font-size:1.4rem}.pin-dots{gap:14px;margin:4px 0 0;display:flex}.dot{border:3px solid var(--accent);background:0 0;border-radius:50%;width:18px;height:18px}.dot-full{background:var(--accent)}.keypad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:340px;display:grid}.key{min-height:var(--tap);color:var(--accent);background:var(--accent-soft);cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;font-family:inherit;font-size:1.5rem;font-weight:600}.key:disabled{opacity:.45;cursor:default}.key-wide{grid-column:span 2;font-size:1.05rem}.link{min-height:var(--tap);color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:8px;padding:12px 16px;font-family:inherit;font-size:1rem;text-decoration:underline}.label-second{margin-top:20px}.who{align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:12px 16px 0;display:flex}.who-name{font-weight:700}.who .link{margin-top:0;margin-left:auto}.parent-children{gap:var(--gap);flex-wrap:wrap;margin:0 0 12px;padding:0;list-style:none;display:flex}.parent-child{align-items:center;gap:12px;display:flex}[data-tone=junior] .title{font-size:2rem}[data-tone=junior] .statement{font-size:1.35rem}[data-tone=junior] .card{padding:24px}.mark{border-radius:999px;margin:8px 0 0;padding:4px 12px;font-size:.9rem;font-weight:600;display:inline-block}.mark-solved{color:var(--ok);background:#e3f1e8}.mark-explained{color:var(--accent);background:var(--accent-soft)}.why{color:var(--muted)}.idea-card{max-width:var(--measure);margin:0 0 12px;padding-left:1.2em}.idea-card li{margin-bottom:.4em}.theory-button{width:auto;min-width:0;margin-top:12px;padding:8px 16px;font-size:.95rem}.demo{background:var(--accent-soft);border-radius:14px;margin:12px 0 0;padding:16px}.demo-scenes .button{flex:90px;min-width:0;padding:8px 12px;font-size:.95rem}.demo-scenes .button.is-current{background:var(--accent);color:var(--card)}.demo-rule{max-width:var(--measure);color:var(--muted);margin:0 0 12px;font-weight:600}.demo-readout{margin:8px 0 12px;font-size:1.15em;font-weight:700}.demo-slider{width:100%;min-height:calc(var(--tap) / 2);accent-color:var(--accent)}.demo-pending p{margin:0 0 12px}.overlay{z-index:10;background:#1b243073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay-sheet{width:100%;max-width:620px;max-height:90vh;font-size:var(--font-base);overflow-y:auto}.overlay-sheet:focus{outline:3px solid var(--accent);outline-offset:2px}[data-tone=junior] .demo-readout{font-size:1.25em}.drill-kinds{margin:var(--gap) 0 0;gap:var(--gap);flex-direction:column;padding:0;list-style:none;display:flex}.drill-kinds .note{margin:4px 0 0}.drill-board{margin-top:var(--gap)}.drill-prompt{margin:0 0 var(--gap);font-variant-numeric:tabular-nums;font-size:2.2rem;line-height:1.2}.drill-prompt-long{max-width:var(--measure);text-align:left;font-size:1.15rem;line-height:1.45}.logic-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0}.logic-corner{border:none}.logic-head,.logic-name{color:var(--muted);padding:6px 4px;font-size:.9em;font-weight:700}.logic-name{text-align:right;padding-right:10px}.logic-head.is-conflict,.logic-name.is-conflict{color:var(--no)}.logic-cell{border-radius:10px;padding:3px}.logic-cell.is-follows{background:#fff3cd}.logic-cell.is-conflict{background:#f6dcd7}.logic-button{width:100%;min-height:calc(var(--tap) * .8);background:var(--card);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:4px;display:flex}.logic-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.logic-glyph{width:60%;max-width:44px;height:auto}.logic-glyph-faint{opacity:.45}.logic-ring{fill:none;stroke:var(--muted);stroke-width:2px}.logic-tick{fill:none;stroke:var(--ok);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.logic-cross{stroke:var(--no);stroke-width:4px;stroke-linecap:round}.logic-say{max-width:var(--measure);margin:8px 0 12px;font-weight:600}.figure{--figure-wood:#c8a071;--figure-wood-edge:#8a6034;--figure-rope:#b9905c;--figure-stone:#cfd8e2;width:100%;max-width:420px;height:auto;margin:var(--gap) auto 4px;display:block}.figure-krug{max-width:280px}.figure-item{fill:var(--accent)}.figure-log{fill:var(--figure-wood);stroke:var(--figure-wood-edge);stroke-width:3px}.figure-cut{stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.figure-mark{fill:var(--accent)}.figure-post{fill:var(--figure-wood);stroke:var(--figure-wood-edge);stroke-width:2px}.figure-rail{fill:var(--figure-wood-edge)}.figure-ground{stroke:var(--muted);stroke-width:3px}.figure-step{fill:var(--figure-stone);stroke:var(--accent);stroke-width:2px}.figure-floor{fill:var(--card);stroke:var(--accent);stroke-width:2px}.figure-window{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.figure-roof{fill:var(--accent)}.figure-ring{fill:none;stroke:var(--accent-soft);stroke-width:3px;stroke-dasharray:6 8}.figure-rope{stroke:var(--figure-rope);stroke-width:9px;stroke-linecap:round}.figure-knot{fill:var(--figure-rope);stroke:var(--figure-wood-edge);stroke-width:2px}.figure-knot-twist{stroke:var(--figure-wood-edge);stroke-width:2px;stroke-linecap:round}.canvas{margin-top:var(--gap)}.canvas-prompt{margin:0 0 8px;font-weight:600}.canvas-frame{padding-bottom:4px;overflow-x:auto}.grid-canvas{--grid-cell:var(--tap);--grid-cell-min:calc(var(--tap) / 2);width:calc(var(--grid-cell) * var(--grid-w));max-width:100%;min-width:calc(var(--grid-cell-min) * var(--grid-w));touch-action:none;-webkit-user-select:none;user-select:none;height:auto;margin:0 auto;display:block}.grid-cell{fill:#fbfcfe;stroke:var(--accent-soft);stroke-width:3px}.grid-cell-on{fill:var(--accent)}.grid-canvas-paint .grid-cell{cursor:pointer}.grid-cut{stroke:var(--no);stroke-width:12px;stroke-linecap:round;pointer-events:none}.grid-edge{fill:#0000;cursor:pointer}.canvas-undo{width:auto;margin-top:12px}.board-sizes .button,.board-corners .button{flex:120px;min-width:0;padding:8px 10px;font-size:.9rem}.board-sizes .button.is-current{background:var(--accent);color:var(--card)}.board-cell-black{fill:var(--ink)}.board-cell-white{fill:var(--card);stroke-width:4px}.board-cell-cut{fill:var(--bg);stroke:var(--no);stroke-dasharray:8 6}.board-counts{margin:8px 0 4px;font-weight:700}.board-corners{margin-top:4px}.verdict-own{color:var(--ok);background:#e3f1e8;border-radius:14px;padding:12px 16px}.map-islands{gap:var(--gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.map-island-button{background:var(--card);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:3px solid #0000;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px;font-family:inherit;display:flex;box-shadow:0 2px 10px #1b243012}.map-island-button:disabled{cursor:default;opacity:.6}.map-island.is-current .map-island-button{border-color:var(--accent)}.island-glyph{width:84px;height:84px}.island-shape polygon,.island-shape circle{fill:var(--accent-soft);stroke:var(--accent);stroke-width:4px}.island-shape.is-done polygon,.island-shape.is-done circle{fill:var(--accent)}.island-shape.is-locked polygon,.island-shape.is-locked circle{fill:#e7e9ec;stroke:var(--muted)}.island-cover{object-fit:contain;width:84px;height:84px}.map-island-title{text-align:center;font-weight:700}.map-stars{gap:4px;display:inline-flex}.map-star{width:20px;height:20px}.map-star polygon{fill:#e7e9ec}.map-star.is-filled polygon{fill:var(--accent)}.map-locked-reason{text-align:center;color:var(--muted);margin:6px 0 0;padding:0 8px;font-size:.9rem}.badge-grid{margin:var(--gap) 0 0;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0;list-style:none;display:grid}.badge-grid-compact{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px}.badge-tile{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.badge-icon{width:64px;height:64px}.badge-grid-compact .badge-icon{width:48px;height:48px}.badge-title{font-size:.9rem;font-weight:700}.badge-tile:not(.is-earned) .badge-title{color:var(--muted)}.badge-text{color:var(--muted);font-size:.8rem}.family-member-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.family-member-name{font-size:1.15rem;font-weight:700}.family-goal-bar{background:var(--accent-soft);border-radius:999px;width:100%;height:20px;overflow:hidden}.family-goal-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.miniapp{max-width:420px;padding-bottom:32px}.miniapp-who{align-items:center;gap:12px;display:flex}.miniapp-who .title{margin:0}.miniapp-actions{flex-direction:column;gap:12px;display:flex}.miniapp-actions .button{width:100%;min-height:var(--tap)}.miniapp-out{margin:var(--gap) 0 0;flex-direction:column;gap:6px;display:flex}.miniapp-out .button{width:100%;min-height:var(--tap);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.miniapp-stars{margin:0 0 var(--gap);flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.miniapp-stars li{border-bottom:1px solid var(--accent-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.miniapp-stars li:last-child{border-bottom:none}.miniapp-island{overflow-wrap:anywhere;min-width:0}.miniapp-stars .map-stars{flex:none}.miniapp .button{width:100%}