:root{--sky-top:#e0f7fa;--sky-bottom:#b7e3f5;--river:#4682b4;--river-deep:#2f5f8a;--land:#9acd32;--land-deep:#6b8e23;--sun:#fc0;--ink:#1f3648;--card:#fff;--muted:#5c7a8c;--good:#3f9e7d;--bad:#d9924d;--panel:#f6fbfd;--panel-line:#e2eef5;--panel-empty:#eaf4f9;--panel-empty-line:#a9cde0;--control:#eef6fa;--control-line:#cfe3ee}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%) fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shell{max-width:480px;padding:16px 12px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.shell.wide{max-width:920px}.card{background:var(--card);border-radius:14px;padding:12px;box-shadow:0 2px 10px #1f364814}.center-card{text-align:center}h1{margin:4px 0;font-size:1.5rem;font-weight:650}h2,p{margin:8px 0}.muted{color:var(--muted);font-size:.9rem}button{font:inherit;color:var(--ink);background:var(--control);border:1px solid var(--control-line);cursor:pointer;touch-action:manipulation;border-radius:10px;padding:10px 16px}button.primary{background:var(--river);border-color:var(--river-deep);color:#fff;width:100%;padding:12px 20px;font-weight:600}button.secondary{width:100%;padding:12px 20px}button.ghost{color:var(--muted);background:0 0;border:none;align-items:center;min-height:40px;padding:6px 10px;font-size:.8rem;display:inline-flex}button:active{transform:translateY(1px)}.view-head{align-items:center;gap:12px;display:flex}.view-head h1{margin:0}.rating-tag{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:400}.session-dots{gap:4px;display:flex}.dot{background:var(--control-line);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.done{background:var(--river)}.dot.now{background:var(--sun)}.dot.right{background:var(--good)}.dot.wrong{background:var(--bad)}.home-head{text-align:center}.elo-card{flex-direction:column;align-items:center;gap:2px;padding:22px 12px;display:flex}.elo-value{color:var(--river-deep);font-size:2.6rem;font-weight:650;line-height:1.1}.elo-scale{color:var(--muted);opacity:.75;font-variant-numeric:tabular-nums;margin-top:2px;font-size:.75rem}.elo-note{margin-top:0;font-style:italic}.progress-card{flex-direction:column;align-items:center;gap:3px;padding:10px 12px;display:flex}.today{color:var(--muted);font-size:.95rem;font-weight:600}.today.done{color:var(--good)}.transfer{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.hidden-input{display:none}.reset-link{align-self:center;margin-top:10px}.reset-confirm{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:10px;display:flex}.reset-actions{gap:14px;display:flex}.reset-yes{color:var(--bad);font-weight:600}.session{flex-direction:column;gap:12px;display:flex}.session-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 8px;padding:0 4px;font-size:.9rem;display:flex}.session-count{align-items:baseline;gap:8px;display:flex}.puzzle{flex-direction:column;gap:12px;display:flex}.matrix{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.matrix-cell{aspect-ratio:1;background:var(--panel);border:1px solid var(--panel-line);border-radius:8px;display:flex}.matrix-missing{background:var(--panel-empty);border-style:dashed;border-color:var(--panel-empty-line)}.panel-svg{width:100%;height:100%;display:block}.options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.option{aspect-ratio:1;background:var(--card);border:2px solid #d6e7f0;border-radius:12px;padding:6px}.option:disabled{cursor:default;opacity:1}.option-correct{border-color:var(--good);box-shadow:0 0 0 2px #3f9e7d59}.option-wrong{border-color:var(--bad)}.option-dim{opacity:.45}.explain{background:#f2f9f6}.explain-head{margin-bottom:4px;font-weight:600}.explain ul{margin:4px 0 0;padding-left:20px}.explain li{margin:4px 0}.home-link{margin-top:6px}.history-title{margin:0;font-size:1.15rem}.session-row{text-align:left;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.session-when{font-weight:600}.session-score{align-items:center;gap:8px;display:flex}.review{flex-direction:column;gap:8px;margin-top:6px;display:flex}.review-head{align-items:baseline;gap:8px;padding:0 4px;display:flex}.verdict{font-size:.9rem;font-weight:600}.verdict.right{color:var(--good)}.verdict.wrong{color:var(--bad)}.review-gone{padding:14px 12px}.tabs{border-bottom:1px solid var(--control-line);gap:4px;display:flex}button.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;min-height:40px;padding:8px 14px}button.tab.on{color:var(--ink);border-bottom-color:var(--river);font-weight:600}.trend-card{flex-direction:column;gap:6px;padding:14px 12px 10px;display:flex}.trend{opacity:.85;width:100%;height:48px;display:block}.trend-note{text-align:center;font-size:.78rem}.sorts{flex-wrap:wrap;gap:2px;display:flex}button.sort.on{color:var(--ink);font-weight:600}.cat-row{text-align:left;border:none;flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.cat-row-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cat-row-title{font-weight:600}.cat-row-foot{font-size:.82rem}.acc-bar{background:var(--control);border-radius:3px;height:5px;overflow:hidden}.acc-fill{background:var(--river);opacity:.55;height:100%;display:block}.stat-card{flex-direction:column;gap:4px;display:flex}.attempts{flex-direction:column;gap:6px;display:flex}.attempt-row{text-align:left;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.attempt-when{flex:1}.note-card p{margin:6px 0}.browse-intro{margin-top:0}.browse-section{flex-direction:column;gap:8px;margin-top:8px;display:flex}.section-title{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:6px 0 0;font-size:1.05rem;font-weight:600;display:flex}.cat-blurb{max-width:60ch;margin:0}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.cat-card{flex-direction:column;gap:8px;display:flex}.cat-tag{margin:0;font-size:.78rem}.cat-explain{color:var(--muted);margin:0;padding-left:18px;font-size:.82rem}.cat-explain li{margin:2px 0}.matrix.mini{gap:3px}.mini-answer{border-color:var(--good);background:#eef7f2;border-style:dashed}