:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6f9;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}#root{min-height:100svh}:root{--bg:#0f1420;--surface:#172032;--surface-2:#1e293e;--text:#e8edf6;--muted:#94a3bd;--line:#2b3752;--accent:#5b9cff;--ok:#4ade80;--warn:#fbbf24;--ng:#f87171}@media (prefers-color-scheme:light){:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#eef2f9;--text:#1a2233;--muted:#5d6b85;--line:#dbe2ee;--accent:#2563eb;--ok:#15803d;--warn:#b45309;--ng:#b91c1c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.8}.app{max-width:48rem;margin:0 auto;padding:1.5rem 1.1rem 4rem}.hero{margin-bottom:2.5rem}.eyebrow{letter-spacing:.12em;color:var(--accent);margin:0 0 .4rem;font-size:.75rem;font-weight:700}.hero h1{margin:0 0 .9rem;font-size:1.65rem;line-height:1.45}.lead{color:var(--muted);margin:0 0 1.4rem}.summary{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.6rem;margin:0;display:grid}.summary div{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;padding:.7rem .8rem}.summary dt{color:var(--muted);font-size:.72rem}.summary dd{margin:.15rem 0 0;font-size:1.5rem;font-weight:700;line-height:1.2}.note{color:var(--muted);margin-top:1rem;font-size:.88rem}section{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin-bottom:1.4rem;padding:1.3rem 1.2rem}section h2{margin:0 0 .5rem;font-size:1.15rem}.section-lead{color:var(--muted);margin:0 0 1.2rem;font-size:.9rem}.field{color:var(--muted);flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.82rem;display:flex}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:2.7rem;color:var(--text);font:inherit;border-radius:.45rem;padding:.55rem .7rem;font-size:.95rem}.field textarea{resize:vertical;min-height:auto;line-height:1.7}.field a{color:var(--accent);font-size:.82rem}button.primary{background:var(--accent);color:#fff;min-height:2.8rem;font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.6rem 1.4rem;font-weight:700}button:not(.primary){border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.4rem;margin-top:.6rem;padding:.35rem .8rem;font-size:.8rem}.rule-toggles{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.rule-toggle{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.88rem;display:flex}.rule-toggle input{width:1.1rem;height:1.1rem}.run-form,.setup-form,.note-form{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:start;gap:0 .9rem;display:grid}.field-wide{grid-column:1/-1}.run-form button,.setup-form button,.note-form button{grid-column:1/-1;justify-self:start}.run-list,.setup-list,.note-list{gap:.8rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.run-card,.setup-card,.note-card{background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:.55rem;padding:.9rem 1rem}.run-card.result-cleared{border-left-color:var(--ok)}.run-card.result-unstable{border-left-color:var(--warn)}.run-card.result-failed{border-left-color:var(--ng)}.run-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.1rem .6rem;font-size:.75rem}.run-meta,.setup-members,.setup-obtained{color:var(--muted);margin:.35rem 0 0;font-size:.8rem}.run-note,.setup-card p,.note-card p{margin:.5rem 0 0;font-size:.9rem}.note-category{color:var(--accent);margin-bottom:.2rem;font-size:.72rem;display:inline-block}.gear-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:0 .9rem;display:grid}.about-section p{margin:0 0 .9rem;font-size:.9rem}.trademark{color:var(--muted);font-size:.8rem}@media (width>=40rem){.app{padding:2.5rem 1.5rem 5rem}.hero h1{font-size:2rem}}