:root{--paper: #f5f3ee;--card: #ffffff;--ink: #1f2b38;--ink-soft: #5a6775;--line: #e2ddd2;--accent: #2d5aa8;--accent-soft: #e3ebf8;--good: #2e7d52;--good-soft: #e2f2e9;--bad: #b03a2e;--bad-soft: #f9e6e3;--gold: #a8842d;--gold-soft: #f6eeda}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#app{max-width:560px;margin:0 auto;min-height:100vh;padding:12px 16px calc(32px + env(safe-area-inset-bottom));padding-top:calc(12px + env(safe-area-inset-top))}.topbar{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0 14px}.topbar .brand{font-size:18px;font-weight:800;letter-spacing:.04em}.topbar .sub{color:var(--ink-soft);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.card h2{font-size:15px;margin-bottom:10px;color:var(--ink)}.card .note{color:var(--ink-soft);font-size:13px}.kpi-row{display:flex;gap:10px}.kpi{flex:1;text-align:center;background:var(--accent-soft);border-radius:10px;padding:10px 6px}.kpi .v{font-size:20px;font-weight:800;color:var(--accent)}.kpi .k{font-size:12px;color:var(--ink-soft)}.bar{height:10px;background:#edeae2;border-radius:6px;overflow:hidden;margin:6px 0}.bar>span{display:block;height:100%;background:var(--accent);border-radius:6px;transition:width .4s ease}.bar.good>span{background:var(--good)}button{font:inherit;cursor:pointer;border:none;border-radius:12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn{display:block;width:100%;padding:14px;font-size:16px;font-weight:700;background:var(--accent);color:#fff;margin-bottom:10px}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--card);color:var(--accent);border:1.5px solid var(--accent)}.btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line);font-weight:600}.btn.danger{background:transparent;color:var(--bad);border:1px solid var(--bad)}.btn:disabled{opacity:.4;cursor:default}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.list-item{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:10px;font-size:15px}.list-item .t{font-weight:700}.list-item .d{color:var(--ink-soft);font-size:13px}.list-item.locked{opacity:.5}.list-item.done{border-color:var(--good)}.tag{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);margin-left:6px;vertical-align:middle}.tag.good{background:var(--good-soft);color:var(--good)}.tag.warn{background:var(--bad-soft);color:var(--bad)}.tag.gold{background:var(--gold-soft);color:var(--gold)}.session-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;color:var(--ink-soft)}.prompt{font-size:16px;font-weight:600;margin-bottom:14px;white-space:pre-wrap}.choice-btn{display:block;width:100%;text-align:left;padding:13px 14px;margin-bottom:8px;background:var(--card);border:1.5px solid var(--line);border-radius:12px;font-size:15px}.choice-btn.correct{border-color:var(--good);background:var(--good-soft)}.choice-btn.wrong{border-color:var(--bad);background:var(--bad-soft)}.numeric-input{width:100%;font-size:18px;padding:12px;border:1.5px solid var(--line);border-radius:12px;margin-bottom:4px;background:var(--card);color:var(--ink)}.numeric-input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.unit-label{color:var(--ink-soft);font-size:13px;margin-bottom:10px}.journal-side{margin-bottom:10px}.journal-side .side-label{font-size:13px;font-weight:700;color:var(--ink-soft);margin-bottom:4px}.slot{display:flex;justify-content:space-between;gap:8px;width:100%;padding:11px 12px;margin-bottom:6px;background:var(--card);border:1.5px dashed var(--line);border-radius:10px;font-size:15px;text-align:left}.slot.active{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.slot.filled{border-style:solid}.slot .acc{font-weight:700}.slot .amt{font-variant-numeric:tabular-nums}.slot .ph{color:var(--ink-soft)}.chip-group{margin:10px 0}.chip-group .group-label{font-size:12px;color:var(--ink-soft);margin-bottom:4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 13px;background:var(--card);border:1.5px solid var(--line);border-radius:999px;font-size:14px;font-weight:600}.chip:active{background:var(--accent-soft)}.feedback{border-radius:12px;padding:14px;margin-top:12px}.feedback.good{background:var(--good-soft);border:1px solid var(--good)}.feedback.bad{background:var(--bad-soft);border:1px solid var(--bad)}.feedback .headline{font-weight:800;margin-bottom:6px}.feedback .xp{font-size:13px;color:var(--ink-soft)}.journal-answer{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px;background:var(--card)}.journal-answer td{border:1px solid var(--line);padding:6px 8px}.journal-answer .num{text-align:right;font-variant-numeric:tabular-nums}.explain{font-size:14px;margin-top:6px}.progress-dots{font-variant-numeric:tabular-nums}.timer{font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.timer.low{color:var(--bad)}.mastery-row{margin-bottom:10px}.mastery-row .name{display:flex;justify-content:space-between;font-size:14px}.mastery-row .pct{color:var(--ink-soft);font-variant-numeric:tabular-nums}.summary-big{text-align:center;font-size:34px;font-weight:800;margin:8px 0}.summary-big .small{font-size:16px;color:var(--ink-soft);font-weight:600}.center{text-align:center}.spacer{height:8px}.linklike{background:none;border:none;color:var(--accent);text-decoration:underline;font-size:14px;padding:4px}input[type=date]{font-size:16px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);width:100%;margin-bottom:10px}@media (max-width: 380px){#app{padding-left:12px;padding-right:12px}.chip{padding:8px 11px;font-size:13px}}