:root{--bg: #f6f7f9;--surface: #ffffff;--border: #dfe3e8;--text: #16191d;--muted: #5f6b7a;--accent: #2f6feb;--accent-text: #ffffff;--ok: #17795e;--warn: #9a6700;--error: #b42318;--error-bg: #fdf1f0;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06)}@media(prefers-color-scheme:dark){:root{--bg: #14171c;--surface: #1c2027;--border: #2c323b;--text: #e8eaed;--muted: #9aa4b2;--accent: #6a9bff;--accent-text: #10141a;--ok: #4ec9a3;--warn: #e3b341;--error: #ff7b72;--error-bg: #2a1a1a;--shadow: none}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:0 0 .75rem}h3{font-size:1rem;margin:0 0 .5rem}p{margin:0 0 .75rem}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:1rem}.stack{display:flex;flex-direction:column;gap:1rem}.grow{flex:1}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.sidebar nav{display:flex;flex-direction:column;gap:.15rem}.sidebar nav a{padding:.45rem .6rem;border-radius:8px;text-decoration:none;color:var(--text)}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{background:var(--accent);color:var(--accent-text)}.brand{font-weight:600;letter-spacing:-.01em}.content{padding:1.75rem 2rem;max-width:1100px}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.content{padding:1.25rem}}.center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.center .card{width:min(420px,100%)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.card+.card{margin-top:1rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.field+.field{margin-top:.75rem}.hint{font-size:.8rem;color:var(--muted);margin-top:.25rem}button{padding:.5rem .9rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:progress}button.secondary{background:transparent;color:var(--text);border-color:var(--border)}button.danger{background:transparent;color:var(--error);border-color:var(--border)}button.link{background:none;border:none;color:var(--accent);padding:0;text-decoration:underline}.error{background:var(--error-bg);border:1px solid var(--error);color:var(--error);border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.notice{border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;font-size:.9rem;background:var(--bg)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border);color:var(--muted)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--error);border-color:var(--error)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.8rem;color:var(--muted);font-weight:500}tr:last-child td{border-bottom:none}.review{border-bottom:1px solid var(--border);padding:.9rem 0}.review:last-child{border-bottom:none}.stars{color:var(--warn);letter-spacing:.1em}.steps{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.step{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);font-size:.85rem;color:var(--muted)}.step.current{border-color:var(--accent);color:var(--accent)}.step.done{border-color:var(--ok);color:var(--ok)}code{background:var(--bg);padding:.1rem .3rem;border-radius:5px;font-size:.85em}.chart{width:100%;height:auto;display:block}.chart-axis{stroke:var(--border);stroke-width:1}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.chart-area{fill:var(--accent);opacity:.08;stroke:none}.chart-dot{fill:var(--accent)}.chart-label{fill:var(--muted);font-size:10px}.chart-value{fill:var(--accent);font-size:12px;font-weight:600}.codes{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;line-height:1.8;letter-spacing:.05em;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin:0 0 1rem}