@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";:root{--bg:#f1f4f2;--surface:#fff;--ink:#15201c;--ink-2:#4a5652;--ink-3:#8a948f;--line:#dce3df;--action:#e4572e;--action-ink:#fff;--hp:#1e9e62;--neutral:#3f7cd6;--rework:#d6453f;--warn:#c98a12;--sys-tongue:#2aa198;--sys-proprioception:#5cc1a8;--sys-vestibular:#5fa8e8;--sys-visual:#3b4db8;--sys-integration:#8fbf3a;--sys-tool:#e0a426;--sys-assessment:#8a948f;--radius:14px;--tab-h:64px;color:var(--ink);background:var(--bg);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.9rem;font-weight:700;line-height:1.1}h2{color:var(--ink-2);margin:1.4rem 0 .6rem;font-size:1.05rem;font-weight:600}h3{margin:.4rem 0;font-size:1.05rem;font-weight:600}p{margin:.4rem 0 .8rem;line-height:1.5}ul{padding-left:1.2rem;line-height:1.5}button{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);cursor:pointer;border-radius:12px;min-height:44px;padding:.7rem 1rem;font-weight:600;transition:transform 80ms,background .12s}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sys-vestibular);outline-offset:2px}button.primary{background:var(--action);color:var(--action-ink);border-color:var(--action)}button.ghost{color:var(--ink-2);background:0 0;border-color:#0000}button.small{border-radius:10px;min-height:36px;padding:.4rem .7rem;font-size:.9rem}button:disabled{opacity:.4;cursor:default}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;min-height:44px;padding:.65rem .8rem}label{align-items:center;gap:.5rem;display:flex}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--action)}.app{flex-direction:column;min-height:100vh;display:flex}.content{padding:1.1rem 1rem calc(var(--tab-h) + 1.5rem);flex:1;width:100%;max-width:680px;margin:0 auto}nav.tabs{height:calc(var(--tab-h) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs a{color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}nav.tabs a span{font-size:1.35rem;line-height:1}nav.tabs a.active{color:var(--ink)}nav.tabs a.active span{filter:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.6rem;padding:.9rem 1rem}.card.clickable{cursor:pointer}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.muted{color:var(--ink-2);font-size:.9rem}.tiny{color:var(--ink-3);font-size:.8rem}.ex{grid-template-columns:64px 1fr;gap:0;padding:0;display:grid;overflow:hidden}.ex .code{letter-spacing:-.02em;color:#fff;background:var(--sys);writing-mode:horizontal-tb;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.ex .body{min-width:0;padding:.7rem .9rem}.ex .title{font-weight:600;line-height:1.25}.ex .meta{color:var(--ink-3);margin-top:.15rem;font-size:.8rem}.ex .actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.55rem;display:flex}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg span{color:var(--ink-2);background:var(--surface);border-right:1px solid var(--line);padding:.2rem .5rem;font-size:.75rem;font-weight:600}.seg span:last-child{border-right:0}.seg span.hp{background:var(--hp);color:#fff}.seg span.neutral{background:var(--neutral);color:#fff}.seg span.rework{background:var(--rework);color:#fff}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.chip.hp{background:var(--hp);border-color:var(--hp);color:#fff}.chip.neutral{background:var(--neutral);border-color:var(--neutral);color:#fff}.chip.rework{background:var(--rework);border-color:var(--rework);color:#fff}.chip.warn{border-color:var(--warn);color:#7a5200;background:#fff4dd}.chip.info{border-color:var(--neutral);color:#1f4c8f;background:#e8f0fb}.chip.block{border-color:var(--rework);color:#8c1f1b;background:#fbe7e6}.chip.sys{color:#fff;background:var(--sys);border-color:#0000}.filterbar{scrollbar-width:none;gap:.4rem;margin:0 -1rem;padding:.2rem 1rem .6rem;display:flex;overflow-x:auto}.filterbar::-webkit-scrollbar{display:none}.filterbar button{white-space:nowrap;border-radius:999px;min-height:36px;padding:.4rem .8rem;font-size:.88rem}.filterbar button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.search{width:100%;margin-bottom:.5rem}.sec-h{align-items:center;gap:.6rem;margin:1.3rem 0 .5rem;display:flex}.sec-h .dot{background:var(--sys);border-radius:3px;width:12px;height:12px}.sec-h h2{color:var(--ink);margin:0}.sec-h .n{color:var(--ink-3);font-weight:500}ol.steps{padding-left:1.4rem}ol.steps li{margin-bottom:.55rem;line-height:1.45}ol.steps li::marker{color:var(--ink-2);font-weight:700}.progress{background:var(--line);border-radius:3px;height:6px;margin-bottom:.8rem;overflow:hidden}.progress i{background:var(--action);height:100%;transition:width .2s;display:block}.player-step{margin:.6rem 0 1rem;font-size:1.35rem;font-weight:500;line-height:1.4}.timer{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:.3rem 0;font-size:4.5rem;font-weight:700}.player-actions{left:0;right:0;bottom:var(--tab-h);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);gap:.5rem;max-width:680px;margin:0 auto;display:flex;position:fixed}.player-actions button{flex:1}.player-actions button.ghost{flex:none}.dark-screen{z-index:20;color:#2a2a2a;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.grid2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.grid5{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.rating-btn{width:100%}.rating-btn.active.hp{background:var(--hp);border-color:var(--hp);color:#fff}.rating-btn.active.neutral{background:var(--neutral);border-color:var(--neutral);color:#fff}.rating-btn.active.rework{background:var(--rework);border-color:var(--rework);color:#fff}.hero{border-radius:var(--radius);color:#fff;background:var(--sys);margin-bottom:.8rem;padding:1.1rem 1rem}.hero .code{letter-spacing:-.03em;font-size:2.6rem;font-weight:700;line-height:1}.hero h1{color:#fff;margin:.2rem 0 .3rem}.hero .muted{color:#fffc}.empty{border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--ink-2);text-align:center;padding:1rem}.fab{right:1rem;bottom:calc(var(--tab-h) + 1rem);z-index:5;position:fixed;box-shadow:0 6px 20px #15201c2e}