:root{--bg:#f7f7f9;--panel:#fff;--text:#2b2b33;--muted:#6b6b78;--border:#e2e2e8;--accent:#4f46e5;--accent-bg:#eef0ff;--error:#c62828;--ok:#2e7d32;--s1:#4f46e5;--s2:#0ea5a4;--s3:#f59e0b;--s4:#e11d48;--sans:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font:15px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15151a;--panel:#1f1f26;--text:#e6e6ec;--muted:#9a9aa8;--border:#33333d;--accent:#8b85ff;--accent-bg:#26254a;--error:#ff6b6b;--ok:#6bd47a;--s1:#8b85ff;--s2:#2dd4bf;--s3:#fbbf24;--s4:#fb7185}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{margin:0;line-height:1.3}code,pre{font-family:var(--mono);font-size:.85em}.app{max-width:1200px;margin:0 auto;padding:32px 16px 64px}header{margin-bottom:24px}h1{font-size:1.8rem}.lead{color:var(--muted);margin:6px 0 0}main{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=860px){main{grid-template-columns:1fr}}.panel,.block,.card{background:var(--panel);border:1px solid var(--border);border-radius:12px}.panel{flex-direction:column;gap:12px;padding:20px;display:flex}.panel h2:not(:first-child){margin-top:16px}h2{font-size:1.05rem}.field{flex-direction:column;gap:4px;display:flex}.field>span{font-size:.9rem;font-weight:600}.field small{color:var(--muted);font-size:.78rem}input,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;padding:7px 10px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.field.invalid input{border-color:var(--error);outline-color:var(--error)}.buttons{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.88rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--accent);text-align:left;background:0 0;border:none;padding:0;font-weight:600}button.icon{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1}button.icon:hover{color:var(--error)}.message{margin:0;font-size:.85rem}.message.ok{color:var(--ok)}.message.error{color:var(--error)}.muted{color:var(--muted);font-size:.85rem}.saved{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.saved li{border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.results{flex-direction:column;gap:20px;min-width:0;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.card{flex-direction:column;gap:4px;min-width:0;padding:16px;display:flex}.card.accent{background:var(--accent-bg);border-color:var(--accent)}.card h3{color:var(--muted);font-size:.85rem;font-weight:600}.big{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.sci{color:var(--muted);font-size:.8rem;font-family:var(--mono);display:block}.card code{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:.75rem}.block{padding:20px;overflow-x:auto}.block h2{margin-bottom:12px}.stack{border-radius:7px;gap:2px;height:14px;margin-bottom:12px;display:flex;overflow:hidden}.seg.s1,.dot.s1{background:var(--s1)}.seg.s2,.dot.s2{background:var(--s2)}.seg.s3,.dot.s3{background:var(--s3)}.seg.s4,.dot.s4{background:var(--s4)}.dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 6px}thead th{color:var(--muted);font-size:.8rem;font-weight:600}tbody th{white-space:nowrap;font-weight:600}tr:last-child>*{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.num .sci{font-size:.75rem}summary{cursor:pointer;font-weight:600}pre{background:var(--bg);border-radius:8px;margin:12px 0 0;padding:12px;overflow-x:auto}