:root{--bg:#fff7e6;--paper:#fff;--ink:#3d2f22;--muted:#7a6a5a;--line:#e6d6bf;--main:#ff8c42;--main-dark:#c95f17;--sub:#f3ead9;--accent:#2a9d8f;--ok:#1b7f5b;--ok-bg:#e3f6ec;--retry:#8a5a00;--retry-bg:#fff1cc;--danger:#c0392b;--focus:#1d4ed8;--radius:18px;--font:"Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;font-size:20px;line-height:1.6}@media (width<=480px){html,body{font-size:18px}}rt{color:var(--muted);font-size:.5em}h1,h2,h3,h4{margin:.4em 0;line-height:1.35}h2{flex-wrap:wrap;align-items:center;gap:.4em;font-size:1.35rem;display:flex}h3{font-size:1.05rem}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:12px 16px 96px}.screen{flex-direction:column;gap:14px;display:flex}.btn{font:inherit;color:var(--ink);border-radius:var(--radius);cursor:pointer;background:var(--sub);touch-action:manipulation;border:3px solid #0000;min-height:56px;padding:10px 20px;transition:transform 80ms,box-shadow .1s}.btn:active:not(:disabled){transform:translateY(2px)}.btn:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-main{background:var(--main);color:#fff;box-shadow:0 4px 0 var(--main-dark);font-weight:700}.btn-accent{background:var(--accent);color:#fff;font-weight:700;box-shadow:0 4px #1d6e64}.btn-sub{background:var(--sub);border-color:var(--line)}.btn-danger{color:var(--danger);border-color:var(--danger);background:#fff}.btn-link{min-height:44px;color:var(--muted);background:0 0;border:none;text-decoration:underline}.btn-small{min-height:44px;padding:6px 14px;font-size:.85rem}.btn-icon{background:var(--paper);border-color:var(--line);min-width:48px;min-height:48px;padding:6px 12px}.btn-toggle{background:var(--paper);border-color:var(--line)}.btn-toggle.on,.btn-toggle[aria-pressed=true]{border-color:var(--main);background:#ffe8d6;font-weight:700}.btn-start{background:var(--main);color:#fff;min-height:84px;box-shadow:0 6px 0 var(--main-dark);border-radius:999px;padding:18px 56px;font-size:1.6rem;font-weight:700}.btn-speak{background:#e7f3ff;border-color:#b6d7f5;min-height:48px;padding:6px 14px}.row-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:14px 18px}.lead{margin:.2em 0;font-size:1.1rem}.note{color:var(--muted);margin:.2em 0}.note.warn{color:var(--retry);background:var(--retry-bg);border-radius:12px;padding:8px 12px}.small{font-size:.85rem}.center{text-align:center}.muted{color:var(--muted)}.huge{letter-spacing:.04em;font-size:2.6rem;font-weight:700}.topbar{z-index:10;border-bottom:2px solid var(--line);background:#fff7e6f2;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex;position:sticky;top:0}.btn-home{background:0 0;min-height:48px;padding:4px 8px}.topbar-title{font-size:1.05rem;font-weight:700}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-mark{font-size:1.6rem}.floating-settings{position:fixed;top:10px;right:10px}.start{text-align:center;align-items:center;padding-top:20px}.hero-art{width:min(260px,70vw)}.app-title{color:#b4470c;margin:0;font-size:clamp(2rem,7vw,3rem)}.catch{font-size:1.2rem;font-weight:700}.start-box{flex-direction:column;align-items:center;gap:14px;display:flex}.start-footer{gap:16px;margin-top:30px;display:flex}.mark{background:#fff;border:3px solid;border-radius:999px;align-items:center;gap:6px;padding:2px 14px 2px 8px;font-weight:700;display:inline-flex}.mark-emoji{font-size:1.6rem}.btn-mark{background:0 0;padding:4px}.marks-choose{margin-top:8px}.howto{text-align:left;padding-left:1.4em}.ask{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:18px 14px;display:flex}.ask-prompt{font-size:1.4rem;font-weight:700}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:520px;display:grid}@media (width>=720px){.choices-4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}}.choices-3{grid-template-columns:repeat(3,minmax(0,1fr))}.choices-self{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-width:760px}.choice-text{word-break:keep-all}.choice{border-color:var(--main);background:#fff;min-height:88px;font-size:2rem;font-weight:700;position:relative;box-shadow:0 4px #f0c7a5}.choice-text{font-size:1.2rem}.choice-picture{padding:18px 8px 8px}.choice-key{color:var(--muted);font-size:.75rem;font-weight:400;position:absolute;top:4px;left:8px}.keypad{flex-direction:column;align-items:center;gap:10px;display:flex}.keypad-display{border:3px solid var(--main);background:#fff;border-radius:14px;min-width:140px;min-height:70px;font-size:2.4rem;font-weight:700}.keypad-grid{grid-template-columns:repeat(3,84px);gap:8px;display:grid}.key{border-color:var(--line);background:#fff;min-height:68px;padding:4px;font-size:1.6rem}.key-sub{font-size:1rem}.key-ok{background:var(--main);color:#fff;font-size:1rem;font-weight:700}.feedback{text-align:left;border:3px solid;border-radius:16px;align-items:center;gap:12px;padding:10px 18px;display:flex}.feedback.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.feedback.retry{background:var(--retry-bg);color:var(--retry);border-color:#e0b84c}.feedback.neutral{color:#2b4a8b;background:#eef4ff;border-color:#b8ccf0}.feedback-mark{font-size:2.2rem;font-weight:700;line-height:1}.feedback-title{font-size:1.15rem;font-weight:700}.feedback-answer{color:var(--ink);font-size:1.15rem;font-weight:700}.feedback-note{color:var(--ink)}.hint{background:#f4fbff;border:2px dashed #8ecae6;border-radius:14px;padding:10px}.progress{flex-wrap:wrap;gap:6px;display:flex}.progress-dot{border:2px solid var(--line);background:#fff;border-radius:50%;width:18px;height:18px}.progress-dot.done{background:var(--main);border-color:var(--main)}.progress-dot.now{border-color:var(--main);border-width:4px}.test-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.dot-groups{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dot-group{background:#fffaf2;border:2px dashed #e0b47a;border-radius:12px;grid-template-columns:repeat(4,22px);gap:5px;padding:8px;display:grid}.dot-groups.compact .dot-group{grid-template-columns:repeat(4,16px);gap:4px}.dot{border-radius:50%;width:22px;height:22px;display:block}.compact .dot{width:16px;height:16px}.seq{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:1.6rem;font-weight:700;display:flex}.seq-item{border:3px solid var(--line);background:#fff;border-radius:12px;min-width:60px;padding:6px 10px}.seq-item.blank{border-color:var(--main);border-style:dashed}.seq-arrow{color:var(--muted);font-size:1.1rem}.fact-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0;display:grid}.fact{border:2px solid var(--line);background:#fafafa;border-radius:12px;justify-content:space-between;align-items:center;padding:6px 12px;font-weight:700;display:flex}.fact.ok{background:var(--ok-bg);border-color:#9fd8bd}.fact.retry{background:var(--retry-bg);border-color:#ecd08a}.fact-mark{font-size:1.3rem}.facts,.causes{padding-left:1.2em}.causes{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.cause{background:#fff6ea;border-left:8px solid #f4a261;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.cause.possible{background:#fffbef;border-left-color:#f6d27a}.cause-tag{color:var(--muted);font-size:.8rem}.unknown summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;display:flex}.rec-list{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.rec{text-align:left;background:#fff;border-width:3px;align-items:center;gap:12px;display:flex}.rec strong,.rec small{display:block}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}@media (width<=480px){.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lab-card{text-align:center;background:#fff;border-width:3px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex;position:relative}.lab-card small{color:var(--muted);font-size:.78rem;line-height:1.4}.lab-num{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:8px;left:8px}.badge{color:#fff;background:#ef476f;border-radius:999px;padding:2px 8px;font-size:.72rem;position:absolute;top:8px;right:8px}.lab-status{color:var(--muted);align-items:center;gap:4px;font-size:.78rem;display:flex}.sticky-actions{background:linear-gradient(transparent, var(--bg) 30%);flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 0;display:flex;position:sticky;bottom:0}.strategy-wrap{flex-direction:column;gap:12px;display:flex}.strategy-head{border-bottom:4px solid var(--accent);align-items:center;gap:12px;padding-bottom:6px;display:flex}.strategy-head>div{flex:1}.strategy-head h2{margin:0}.strategy-head p{color:var(--muted);margin:0}.strategy{flex-direction:column;gap:12px;display:flex}.round-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.round-badge{background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:2px 14px;font-weight:700}.counter{text-align:center;min-width:120px;font-size:1.5rem;font-weight:700}.compare{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.say-card{border:3px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.say-card.picked{border-color:var(--main);background:#fff4ea}.say-tag{color:var(--muted);font-size:.85rem}.say-text{word-break:keep-all;font-size:1.45rem}.btn-pick{border-color:var(--main);background:#fff}.btn-pick[aria-pressed=true]{background:var(--main);color:#fff}.big-say{font-size:1.8rem}.rhythm-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rhythm-row{border:2px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:34px 1fr 1fr auto;align-items:center;gap:8px;padding:6px 12px;font-size:1.15rem;transition:background .2s;display:grid}.rhythm-row.lit{background:#fff1b8;border-color:#ffb703;font-weight:700;transform:scale(1.02)}.rhythm-ball{background:#fff;border:3px solid #ffb703;border-radius:50%;width:26px;height:26px;display:inline-block}.rhythm-row.lit .rhythm-ball,.rhythm-ball.lit{background:#ffb703;box-shadow:0 0 0 6px #ffb7034d}.rhythm-formula{color:var(--muted);font-size:.9rem}.rhythm-mini{justify-content:center;gap:8px;display:flex}@media (width<=480px){.rhythm-row{grid-template-columns:28px 1fr 1fr;font-size:1rem}.rhythm-formula{display:none}}.secret-tiles{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;display:grid}.secret-tile{text-align:center;background:#fff;border:3px solid #8ecae6;border-radius:14px;padding:6px;position:relative}.secret-tile.hidden{background:#eef7fb;border-style:dashed}.secret-tile.target{border-color:var(--main);border-style:solid;box-shadow:0 0 0 4px #ff8c424d}.secret-label{color:var(--muted);font-size:.8rem}.secret-value{font-size:1.8rem;font-weight:700}.secret-value .ones{color:#d62828;text-decoration:underline}.secret-arrow{color:#2a9d8f;font-size:.7rem}.numberline{border:2px solid var(--line);background:#fff;border-radius:14px;width:100%;height:auto}.calendar{flex-direction:column;gap:4px;display:flex;overflow-x:auto}.cal-row{grid-template-columns:repeat(7,minmax(34px,1fr)) 80px;gap:4px;display:grid}.cal-head span{text-align:center;color:var(--muted);font-size:.8rem}.cal-cell{text-align:center;background:#fff;border:2px solid #f9c09a;border-radius:8px;font-size:.9rem}.cal-sum{color:#c95f17;font-size:.9rem;font-weight:700}.bugs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bug{flex-direction:column;align-items:center;display:flex}.ladybug{width:64px;height:64px}.bug-sum{color:#c0392b;font-weight:700}.array{border:2px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.array-row{align-items:center;gap:5px;display:flex}.block{background:#b8a1ff;border:2px solid #6a4fd1;border-radius:6px;width:26px;height:26px}.block.gap-after{margin-right:10px}.block.part-a{background:#8ecae6;border-color:#23799e}.block.part-b{background:#ffb4a2;border-color:#c4553b}.array-sum{color:#6a4fd1;text-align:right;width:44px;font-weight:700}@media (width<=480px){.block{width:22px;height:22px}}.legend{justify-content:center;align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.swatch{border-radius:6px;width:22px;height:22px;margin-left:10px;display:inline-block}.swatch.part-a{background:#8ecae6;border:2px solid #23799e}.swatch.part-b{background:#ffb4a2;border:2px solid #c4553b}.case-card{background:#fff;border:4px solid #4d908e;border-radius:18px;align-self:center;padding:10px 30px;font-size:2.4rem;font-weight:700}.case-card.small{color:var(--muted);font-size:1.4rem}.btn-big-choice{background:#fff;border-color:#4d908e;min-width:170px;min-height:80px;font-size:1.4rem;font-weight:700}.truth{font-size:1.5rem}.method-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.btn-method{background:#fff;border-color:#f94144;flex-direction:column;font-weight:700;display:flex}.btn-method small{color:var(--muted);font-weight:400}.steps{flex-direction:column;gap:4px;margin:0;font-size:1.3rem;display:flex}.steps li.done{color:var(--ok)}.steps li.now,.steps-inline{font-weight:700}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.q-card{background:#fff;border-color:#43aa8b;flex-direction:column;align-items:center;min-height:84px;font-size:1.4rem;font-weight:700;display:flex}.q-card.solved{background:#eaf7f1}.stars{color:#e9a400;font-size:1rem}.rate h3{margin-top:.8em}.faces{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.face{border-color:var(--line);background:#fff;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.85rem;display:flex;position:relative}.face.selected{border-color:var(--main);background:#fff1e3;font-weight:700}.face .check{color:var(--main-dark);font-size:1.2rem;position:absolute;top:2px;right:8px}.combo-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.combo-slot{border:3px dashed var(--line);text-align:center;background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:4px;font-size:.85rem;display:flex}.combo-slot.filled{border-style:solid;font-weight:700}.combo-order{background:var(--main);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid}.plan-list{flex-direction:column;gap:8px;display:flex}.plan-item{text-align:left;background:#fff;border-width:3px;grid-template-columns:44px 44px 1fr auto;align-items:center;gap:10px;display:grid}.plan-item.on{box-shadow:inset 0 0 0 3px var(--main);background:#fff1e3}.plan-check{color:var(--main-dark);border:3px solid var(--line);border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:grid}.plan-item.on .plan-check{border-color:var(--main)}.plan-body strong{display:block}.plan-eval{flex-direction:column;align-items:center;font-size:.75rem;display:flex}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{border:1.5px solid;border-radius:999px;padding:1px 8px;font-size:.7rem}.tag-diagnosis{color:#b5179e;border-color:#b5179e}.tag-liked{color:#c95f17;border-color:#c95f17}.tag-check{color:var(--ok);border-color:var(--ok)}.practice-steps{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.practice-step{border:2px solid var(--line);background:#fff;border-radius:999px;padding:2px 12px;font-size:.85rem}.practice-step.done{background:var(--ok-bg)}.practice-step.now{border-color:var(--main);font-weight:700}.score{font-size:1.4rem}.compare-table{flex-direction:column;gap:2px;margin:10px 0;display:flex;overflow-x:auto}.ct-row{grid-template-columns:130px repeat(4,minmax(64px,1fr));align-items:center;gap:4px;display:grid}.ct-row span{text-align:center;padding:2px 6px}.ct-row span:first-child{text-align:left;font-weight:700}.ct-head span{color:var(--muted);font-size:.8rem}.ct-row .ok{color:var(--ok);font-weight:700}.ct-row .retry{color:var(--retry)}.reflect-list{flex-wrap:wrap;gap:8px;display:flex}.reflect{border-color:var(--line);background:#fff;align-items:center;gap:6px;display:flex}.reflect.on{border-color:var(--main);background:#fff1e3;font-weight:700}.discover{background:#fff1b8;border-radius:14px;padding:10px 14px;font-size:1.2rem}.modal-backdrop{z-index:50;background:#281e1473;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:22px;flex-direction:column;gap:10px;width:min(520px,100%);max-height:90vh;padding:20px;display:flex;overflow:auto}.rest{text-align:center;flex-direction:column;align-items:center;display:flex}.rest-icon{font-size:3rem}.end-choices{flex-direction:column;gap:10px;display:flex}.end-choices .btn small{font-size:.8rem;font-weight:400;display:block}.teacher{font-size:16px}.teacher h2{font-size:1.3rem}.t-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.t-note,.t-muted{color:var(--muted);font-size:.85rem}.t-section{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.t-input{font:inherit;border:2px solid var(--line);border-radius:8px;width:6em;padding:6px;font-size:1.2rem}.table-wrap{overflow-x:auto}.t-table{border-collapse:collapse;width:100%;font-size:.8rem}.t-table th,.t-table td{border:1px solid var(--line);vertical-align:top;text-align:left;padding:4px 6px}.t-table th{white-space:nowrap;background:#faf3e6}.t-table .btn{margin:2px}.t-detail{border-top:2px dashed var(--line);margin-top:12px;font-size:.85rem}.t-check{align-items:center;gap:8px;min-height:44px;display:flex}.t-check input{width:22px;height:22px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.topbar-title,.btn-end,.btn-icon{white-space:nowrap}.ct-head span{word-break:keep-all;line-height:1.3}@media (width<=480px){.topbar{padding:4px 8px}.topbar-title{font-size:.85rem}.topbar-right{gap:4px}.btn-icon{min-width:44px;min-height:44px;padding:4px 8px}.topbar-mark{font-size:1.3rem}.ct-row{grid-template-columns:92px repeat(4,minmax(52px,1fr));font-size:.9rem}.huge{font-size:2.2rem}.choice{min-height:76px;font-size:1.7rem}.case-card{padding:8px 18px;font-size:1.9rem}.btn-big-choice{min-width:140px}.keypad-grid{grid-template-columns:repeat(3,76px)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-item{grid-template-columns:40px 1fr auto}.plan-item .strategy-icon{display:none}.combo-slot{font-size:.72rem}}.lab-card strong{word-break:keep-all}@media (width<=480px){.lab-card{padding:10px 6px}.lab-card strong{font-size:.9rem}.sticky-actions .btn{min-height:52px;padding:8px 14px;font-size:.9rem}}