*{box-sizing:border-box}:root{color-scheme:light;--bg: #fdf9f0;--ink: #22303c;--card: #ffffff;--primary: #2260a8;--primary-ink: #ffffff;--good: #1d7a3e;--nudge: #8a5a00;--nudge-bg: #fff4dc;--good-bg: #e6f6ea;--border: #c9d2da;--radius: 16px}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.5}button,input{color:var(--ink);background-color:var(--card)}.app{max-width:720px;margin:0 auto;padding:16px}.screen{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.center{align-items:center;text-align:center}h1{font-size:2rem;margin:0}h2{font-size:1.3rem;margin:0}.big-text{font-size:1.25rem;margin:0}.fine-print{font-size:.9rem;color:#55636f}.btn{font:inherit;font-size:1.1rem;min-height:56px;min-width:56px;padding:12px 24px;margin:4px;border-radius:var(--radius);border:2px solid var(--border);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .1s ease,background .15s ease}.btn:hover:not(:disabled){background:#eef3f8}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,input:focus-visible,.table-card:focus-visible{outline:4px solid #ff9d2e;outline-offset:2px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);font-weight:700}.btn-primary:hover:not(:disabled){background:#1a4d87}.btn-small{min-height:48px;font-size:1rem;padding:8px 16px}.btn-big{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;font-size:1.2rem;font-weight:700}.btn-big small{font-weight:400;font-size:.95rem;color:#55636f}.btn-primary.btn-big small,.btn-primary small{color:#dce9f7}.home-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.play-section{display:flex;flex-direction:column;align-items:stretch;gap:10px}.btn-play{min-height:88px;font-size:2rem;font-weight:800;text-align:center;justify-content:center;align-items:center;display:flex}.mode-buttons-secondary{display:flex;gap:8px;flex-wrap:wrap}.mode-buttons-secondary .btn{flex:1 1 160px;font-size:1rem}.choice-card{background:#eaf3ff;border:2px solid #b8d4f5;border-radius:var(--radius);padding:14px 16px}.choice-card p{margin:0;font-size:1.1rem;font-weight:600}.choice-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.table-card{font:inherit;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 8px;min-height:110px;border-radius:var(--radius);border:2px solid var(--border);background:var(--card);cursor:pointer}.table-card:hover{background:#eef3f8}.table-num{font-size:1.8rem;font-weight:800}.table-mastery{font-size:1.3rem}.table-depth{font-size:.85rem;color:#55636f}.table-chunk-icon{position:absolute;top:8px;left:10px;font-size:1.1rem}.table-disclosure summary{cursor:pointer;padding:8px 0;min-height:48px}.table-disclosure summary h2{display:inline;font-size:1.1rem;font-weight:600;color:#3a4a58}.table-disclosure summary:focus-visible{outline:4px solid #ff9d2e;outline-offset:2px;border-radius:8px}.table-disclosure[open] summary{margin-bottom:12px}.chunk-anchor{border-color:#7fb685}.chunk-derived{border-color:#82a7d8}.chunk-bridge{border-color:#d8a482}.chunk-extended{border-color:#b39ddb}.practice-top{display:flex;justify-content:space-between;align-items:center}.progress-count{font-size:1.1rem;font-weight:700}.question{font-size:3.2rem;text-align:center;margin:8px 0}.last-one{text-align:center;font-size:1.15rem;color:#55636f;margin:0}.answer-form{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.answer-input{font:inherit;font-size:2rem;width:160px;min-height:64px;text-align:center;border:3px solid var(--border);border-radius:var(--radius);padding:8px}.name-input{width:280px;font-size:1.5rem}.feedback{border-radius:var(--radius);padding:16px;font-size:1.2rem;text-align:center}.feedback-good{background:var(--good-bg);color:var(--good);font-weight:700}.feedback-nudge{background:var(--nudge-bg);color:var(--ink);text-align:left}.hint-text{font-weight:700;color:var(--nudge)}.reveal-answer{font-size:1.8rem;font-weight:800;text-align:center;margin:4px 0}.danger-zone{border:2px solid #d9534f;border-radius:var(--radius);padding:12px 14px;margin:8px 0 16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.btn-danger{background:#d9534f;border-color:#d9534f;color:#fff;font-weight:700}.btn-danger:hover:not(:disabled){background:#b8433f}.storage-notice{background:var(--nudge-bg);color:var(--nudge);border:2px solid #e3c27a;border-radius:var(--radius);padding:10px 14px;font-size:.95rem;margin:0 0 12px}.star-row{font-size:2.5rem;letter-spacing:6px}.soft-timer{height:10px;background:#e4e9ee;border-radius:5px;overflow:hidden}.soft-timer-fill{height:100%;background:#7fb685;border-radius:5px;transition:width .25s linear}.staircase,.hop-line{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.step,.hop{display:flex;align-items:center;justify-content:center;min-width:52px;min-height:52px;padding:4px;border-radius:12px;border:2px solid var(--border);background:var(--card);font-weight:700;font-size:1.1rem}.step.done,.hop.lit{background:var(--good-bg);border-color:var(--good);color:var(--good)}.step.now,.hop.now{background:#eaf3ff;border-color:var(--primary);color:var(--primary);transform:scale(1.1)}.dot-array{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0}.dot-rows{display:flex;flex-direction:column;gap:6px}.dot-row{display:flex;gap:6px}.dot{width:18px;height:18px;border-radius:50%;background:var(--primary)}.dot-text{font-size:1.4rem;font-weight:700}.settings-list{display:flex;flex-direction:column;gap:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-size:1.1rem}.setting-row input[type=checkbox]{width:28px;height:28px}.name-edit{font:inherit;font-size:1.1rem;padding:8px;border:2px solid var(--border);border-radius:10px;width:180px}.dashboard table{border-collapse:collapse;width:100%}.dashboard th,.dashboard td{border:1px solid var(--border);padding:8px 12px;text-align:left}.dashboard thead th{background:#eef3f8}.table-scroll{overflow-x:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sr-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{transition:none!important;animation:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:480px){.question{font-size:2.4rem}h1{font-size:1.6rem}}