:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#e7edf7;background:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;--panel: #141e2f;--line: #2b3a50;--muted: #9aabc2;--accent: #67a5ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at top,#14243a 0,#0b1220 48rem)}#app{max-width:1120px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0 28px}h1{margin:4px 0 8px;font-size:clamp(1.65rem,5vw,2.5rem);letter-spacing:-.04em}h2{margin:0;font-size:1.25rem}p{line-height:1.65}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em}.version,.panel-label,small,footer,.disclaimer{color:var(--muted)}.version{margin:0;font-size:.85rem}.status-pill{white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:999px;font-size:.8rem}.status-pill[data-state=online]{color:#6ee7ad}.status-pill[data-state=offline]{color:#ffbb72}main{display:grid;gap:18px}.notice,.panel{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:18px;padding:20px}.notice{border-left:4px solid #e8b75a}.notice strong{color:#ffd783}.notice p{margin:7px 0 0;color:#c3cfdf}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel{min-width:0}.metrics .panel{display:flex;flex-direction:column;gap:8px}.metrics strong{font-size:1.35rem}.panel-label{font-size:.85rem}small{font-size:.8rem}.section-heading{margin-bottom:18px}.milestones{display:grid;gap:18px;list-style:none;padding:0;margin:0}.milestones li{display:flex;gap:13px;align-items:flex-start}.milestones li>span{flex:0 0 30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.milestones li.current>span{background:#1e4778;border-color:#4588da;color:#fff}.milestones strong{display:block;margin:3px 0}.milestones p{margin:3px 0 0;color:var(--muted);font-size:.92rem}.disclaimer{font-size:.8rem;margin:0}footer{padding:24px 0 0;font-size:.78rem}@media(max-width:640px){#app{padding-left:14px;padding-right:14px}.app-header{flex-direction:column}.metrics{grid-template-columns:1fr}.metrics .panel{padding:16px}}.sizing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sizing-form label{display:grid;gap:7px;color:#c3cfdf;font-size:.9rem}.sizing-form input,.sizing-form select{width:100%;min-height:46px;border:1px solid #3a4d68;border-radius:10px;padding:10px 12px;color:#f2f6fc;background:#0d1727;font:inherit}.sizing-form input:focus,.sizing-form select:focus,.sizing-form button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sizing-form button{grid-column:1 / -1;min-height:46px;border:0;border-radius:10px;color:#081322;background:#82b6ff;font:inherit;font-weight:800;cursor:pointer}.helper-text{color:var(--muted);margin:8px 0 0;font-size:.88rem}.sizing-result{display:grid;gap:0;margin:18px 0;padding:4px 14px;border:1px solid var(--line);border-radius:12px;background:#0d1727}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.result-row:last-child{border-bottom:0}.result-row span{color:var(--muted);font-size:.9rem}.result-row strong{text-align:right;overflow-wrap:anywhere}.result-positive{color:#6ee7ad}.result-warning{color:#ffbb72}.result-lead{margin:10px 0;color:var(--muted)}@media(max-width:640px){.sizing-form{grid-template-columns:1fr}.sizing-form button{grid-column:auto}}.screener-controls{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(220px,1fr);gap:14px;margin-bottom:14px}.screener-controls label{display:grid;gap:7px;color:#c3cfdf;font-size:.9rem}.screener-controls select,.screener-controls input{width:100%;min-height:46px;border:1px solid #3a4d68;border-radius:10px;padding:10px 12px;color:#f2f6fc;background:#0d1727;font:inherit}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px}#screen-table{width:100%;border-collapse:collapse;min-width:580px;font-size:.88rem}#screen-table th,#screen-table td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}#screen-table th{color:var(--muted);font-weight:600;background:#0d1727}#screen-table th:first-child,#screen-table td:first-child{text-align:left}#screen-table tbody tr:last-child td{border-bottom:0}#screen-table .breakout-row{background:#173529}#screen-table .breakout-row td:last-child{color:#6ee7ad;font-weight:800}@media(max-width:640px){.screener-controls{grid-template-columns:1fr}}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px}.history-heading h3{margin:0;font-size:1rem}.secondary-button{min-height:38px;padding:7px 12px;color:#c3cfdf;background:#0d1727;border:1px solid #3a4d68;border-radius:9px;font:inherit;cursor:pointer}.local-history{min-width:0}.history-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.84rem}.history-table th,.history-table td{padding:10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.history-table th{color:var(--muted);background:#0d1727;font-weight:600}#screen-table{min-width:680px}#screen-table td:last-child{text-align:left;white-space:normal;min-width:210px}@media(max-width:640px){.history-heading{align-items:flex-start;flex-direction:column}}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.header-right .version{font-size:.9rem;font-weight:800;letter-spacing:.04em;color:#d4e5ff}.notification-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 16px}.notification-controls .helper-text{margin:0}#screen-table{min-width:760px}@media(max-width:640px){.app-header{flex-direction:row;align-items:flex-start}.header-right{flex:0 0 auto;align-items:flex-end}.header-right .status-pill{white-space:nowrap;padding:7px 9px;font-size:.72rem}}