:root{color-scheme:dark;--bg:#0b121e;--panel:#141f2e;--panel2:#182638;--border:#2b3a4c;--text:#eef3fa;--muted:#a7b5c5;--green:#5ce0ab;--red:#ff8991;--blue:#77b8ff;--soft:#25364a;--radius:16px}
*{box-sizing:border-box}html{min-width:300px}body{background:radial-gradient(ellipse 900px 500px at 80% -15%,#193650 0%,transparent 65%),var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1200px,100%);margin:auto;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.top,.intro,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.top{margin-bottom:25px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:43px;height:43px;border-radius:14px;background:#235644;color:var(--green);display:grid;place-items:center;font-weight:bold;font-size:33px;line-height:1}.eyebrow{margin:0;font-size:10px;letter-spacing:.17em;font-weight:800;color:#86a4bd}.brand h1{font-size:19px;margin:0}.brand small{font-size:11px;background:#254e56;color:#a3f8d9;border-radius:5px;padding:2px 5px;margin-left:4px}.status-pill{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:7px 11px;border:1px solid var(--border);border-radius:999px;color:var(--muted);white-space:nowrap}.status-dot{height:7px;width:7px;border-radius:50%;background:#f6c16c}.status-pill.good .status-dot{background:var(--green)}.status-pill.bad .status-dot{background:var(--red)}.intro{margin-bottom:20px}.intro h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.03em;margin:2px 0 7px}.muted{color:var(--muted)}.intro .muted{margin:0}.primary{background:#2eac80;color:#061b1b;border:0;border-radius:11px;padding:10px 15px;font-weight:800;white-space:nowrap}.primary:hover{background:#5ce0ab}.primary:disabled{opacity:.55;cursor:wait}.notice{background:#172c3e;color:#c1d7ec;border:1px solid #315371;padding:11px 14px;border-radius:12px;margin:16px 0;font-size:13px}.notice.error{border-color:#a45861;color:#ffb9c1;background:#37232e}.notice.warn{border-color:#876734;background:#342d22;color:#ffdfa7}.timeframe-tabs{display:flex;gap:7px;background:#122030;padding:6px;border:1px solid var(--border);border-radius:13px;width:max-content;max-width:100%;margin:14px 0 17px}.tab{background:transparent;color:#b9c7d8;border:0;padding:9px 20px;border-radius:9px;font-weight:700}.tab.active{background:#2d7463;color:white;box-shadow:0 2px 9px #050b1280}.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.meta-item{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:3px}.meta-item>span{font-size:11px;color:var(--muted)}.meta-item strong{font-size:14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.main-panel,.history-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:19px}.panel-heading{margin-bottom:17px;align-items:flex-end}.panel-heading h3{font-size:20px;letter-spacing:-.02em;margin:0}.panel-heading small{color:var(--muted)}.count{color:var(--green);font-size:14px}.filters{display:flex;gap:7px}.filters input,.filters select{min-height:36px;max-width:155px;min-width:0;background:#0e1929;color:var(--text);border:1px solid var(--border);padding:7px 9px;border-radius:9px}.empty{text-align:center;color:var(--muted);padding:44px 0 35px}.cards{display:none;gap:10px}.signal-card{background:var(--panel2);border:1px solid var(--border);padding:15px;border-radius:12px}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-top strong{font-size:17px}.kind{display:inline-block;border-radius:7px;padding:3px 8px;font-weight:800;font-size:11px}.kind.long{background:#234c41;color:var(--green)}.kind.short{background:#522e39;color:var(--red)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.stat{display:flex;flex-direction:column}.stat span{color:var(--muted);font-size:10px}.stat strong{font-size:14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.card-bottom{font-size:12px;color:var(--muted)}.table-wrapper{overflow:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:center;font-size:13px}th{background:#162639;color:#a9c4d7;font-size:11px}th button{background:none;border:none;color:inherit;padding:13px 9px;font-weight:700}td{padding:12px 8px;border-top:1px solid var(--border);font-variant-numeric:tabular-nums}td a{font-weight:700}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:9px}.history-item{display:flex;align-items:center;justify-content:space-between;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:11px;color:var(--text);font-size:12px;gap:6px}.history-item:hover{border-color:#60b4a0;text-decoration:none}.history-item span{overflow-wrap:anywhere}footer{text-align:center;color:#8e9eac;font-size:11px;padding:9px 0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:750px){.shell{padding-top:15px}.top{align-items:flex-start}.status-pill{font-size:10px}.intro{align-items:flex-start;flex-direction:column;gap:12px}.primary{width:100%}.meta{gap:7px}.meta-item{padding:10px}.meta-item strong{font-size:12px}.main-panel,.history-panel{padding:14px}.panel-heading{align-items:stretch;flex-direction:column;gap:10px}.filters{width:100%}.filters select{flex:0 0 36%;max-width:unset}.filters input{flex:1;max-width:unset}.cards{display:grid}.table-wrapper{display:none}.tab{padding:10px 13px;flex:1}.timeframe-tabs{width:100%}.stats{gap:3px}}
@media(prefers-reduced-motion:no-preference){.primary,.tab,.history-item{transition:background-color .18s,border-color .18s}}

.unlock-panel{background:linear-gradient(135deg,#1d3741,#182736);border:1px solid #428a81;border-radius:14px;padding:17px;margin:15px 0;display:grid;gap:11px}.unlock-panel h3{margin:4px 0;font-size:19px}.unlock-panel p.muted{font-size:12px;margin:0}.unlock-form{display:flex;gap:8px}.unlock-form input{min-width:0;flex:1;background:#0e1929;color:var(--text);border:1px solid #5d9390;border-radius:10px;padding:9px 11px}.small-secondary{width:max-content;background:var(--soft);border:1px solid #47627d;padding:6px 10px;border-radius:9px;color:var(--text);font-size:12px}@media(max-width:475px){.unlock-form{flex-direction:column}.unlock-form .primary{width:100%}}