:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e14;--bg-elevated:#10161f;--panel:#131b26;--panel-soft:#172231;--border:#223044;--border-strong:#2d3f57;--text:#e6edf3;--text-dim:#9fb0c3;--text-faint:#6b7d92;--green:#22c55e;--green-soft:#22c55e24;--amber:#f0b429;--amber-soft:#f0b42924;--red:#f05252;--red-soft:#f0525224;--blue:#3b82f6;--blue-soft:#3b82f624;--purple:#a855f7;--purple-soft:#a855f724;--slate-soft:#9fb0c31f;--accent:#38bdf8;--radius:12px;--radius-sm:8px;--gap:14px;--gutter:clamp(14px, 3vw, 28px);--gutter-left:calc(var(--gutter) + env(safe-area-inset-left,0px));--gutter-right:calc(var(--gutter) + env(safe-area-inset-right,0px));--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", "Malgun Gothic", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", Consolas, "D2Coding", "Courier New", monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--bg-elevated:#fff;--panel:#fff;--panel-soft:#f6f8fc;--border:#dde3ec;--border-strong:#c6d0de;--text:#16202e;--text-dim:#52627a;--text-faint:#78889d;--green:#15803d;--green-soft:#15803d1a;--amber:#b45309;--amber-soft:#b453091a;--red:#c81e1e;--red-soft:#c81e1e1a;--blue:#1d4ed8;--blue-soft:#1d4ed81a;--purple:#7e22ce;--purple-soft:#7e22ce1a;--slate-soft:#52627a1a;--accent:#0369a1}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);word-break:keep-all;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}h1,h2,h3,h4{word-break:keep-all;line-height:1.35}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-header{padding:calc(14px + env(safe-area-inset-top,0px)) var(--gutter-right) 14px var(--gutter-left);background:linear-gradient(180deg, var(--bg-elevated), var(--panel));border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--purple));border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.brand-text{min-width:0}.brand-title{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;display:flex}.brand-sub{color:var(--text-faint);margin:1px 0 0;font-size:12px}.header-right{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.status-pill{background:var(--panel-soft);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.status-dot{background:var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px}.status-dot.ok{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.status-dot.warn{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.status-dot.bad{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.header-alert{padding:10px var(--gutter-right) 10px var(--gutter-left);background:var(--red-soft);color:var(--red);word-break:keep-all;border-bottom:1px solid #f0525259;align-items:flex-start;gap:9px;font-size:13px;line-height:1.55;display:flex}.tabs{padding:10px var(--gutter-right) 10px var(--gutter-left);border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;gap:6px;display:flex}.tab{color:var(--text-dim);border:1px solid #0000;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none}.tab:hover{color:var(--text);background:var(--panel-soft)}.tab.active{color:var(--text);background:var(--panel-soft);border-color:var(--border-strong)}.page{max-width:1440px;padding:22px var(--gutter-right) calc(72px + env(safe-area-inset-bottom,0px)) var(--gutter-left);margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.page-head h2{margin:0;font-size:19px}.page-head .hint{margin:4px 0 0}.section{margin-top:26px}.section-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.section-head h3{margin:0;font-size:15px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:16px}.kpi-grid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:18px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.kpi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-title{color:var(--text-dim);letter-spacing:.01em;font-size:12.5px;font-weight:700}.kpi-foot{color:var(--text-faint);margin:0;font-size:11.5px}.kpi-counts{flex-wrap:wrap;gap:8px;display:flex}.count-chip{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-soft);text-align:center;flex:auto;min-width:78px;padding:8px 10px}.count-chip .num{font-family:var(--font-mono);font-size:20px;font-weight:700;line-height:1.2;display:block}.count-chip .lbl{color:var(--text-dim);margin-top:2px;font-size:11px;display:block}.count-chip.green{background:var(--green-soft);border-color:#22c55e66}.count-chip.green .num{color:var(--green)}.count-chip.amber{background:var(--amber-soft);border-color:#f0b42966}.count-chip.amber .num{color:var(--amber)}.count-chip.red{background:var(--red-soft);border-color:#f0525266}.count-chip.red .num{color:var(--red)}.count-chip.blue{background:var(--blue-soft);border-color:#3b82f666}.count-chip.blue .num{color:var(--blue)}.kpi-figure{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kpi-figure .big{font-family:var(--font-mono);font-size:26px;font-weight:700;line-height:1.15}.weight-bar{background:var(--panel-soft);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;display:flex;overflow:hidden}.weight-bar span{height:100%;display:block}.weight-legend{color:var(--text-dim);flex-wrap:wrap;gap:4px 12px;font-size:11.5px;display:flex}.weight-legend>span{align-items:center;gap:5px;display:inline-flex}.legend-dot{border-radius:2px;flex:none;width:8px;height:8px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar-label{color:var(--text-faint);font-size:12.5px;font-weight:600}.chip-row{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.chip{border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;white-space:normal;word-break:keep-all;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{color:var(--text);background:var(--panel-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.spacer{margin-left:auto}.traffic{border:1px solid var(--border);background:var(--panel-soft);white-space:normal;word-break:keep-all;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;max-width:100%;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.traffic-lamp{flex:none;gap:3px;display:inline-flex}.traffic-lamp i{background:var(--slate-soft);border-radius:50%;width:7px;height:7px}.traffic.green{background:var(--green-soft);color:var(--green);border-color:#22c55e73}.traffic.green .traffic-lamp i:first-child,.traffic.green .traffic-lamp i:nth-child(2){background:var(--green)}.traffic.amber{background:var(--amber-soft);color:var(--amber);border-color:#f0b42973}.traffic.amber .traffic-lamp i:first-child,.traffic.amber .traffic-lamp i:nth-child(2){background:var(--amber)}.traffic.red{background:var(--red-soft);color:var(--red);border-color:#f0525273}.traffic.red .traffic-lamp i:first-child{background:var(--red)}.traffic.grey{color:var(--text-faint)}.cond{border:1px solid var(--border);background:var(--slate-soft);color:var(--text-faint);white-space:normal;word-break:keep-all;border-radius:5px;align-items:center;gap:4px;max-width:100%;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.45;display:inline-flex}.metric .cond,.stat-box .cond{align-self:flex-start}.cond.met{color:var(--green);background:var(--green-soft);border-color:#22c55e59}.badge-row{flex-wrap:wrap;gap:5px;display:flex}.badge{white-space:normal;word-break:keep-all;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;max-width:100%;padding:3px 9px;font-size:11.5px;font-weight:700;line-height:1.45;display:inline-flex}.badge-green{color:var(--green);background:var(--green-soft);border-color:#22c55e59}.badge-amber{color:var(--amber);background:var(--amber-soft);border-color:#f0b42959}.badge-red{color:var(--red);background:var(--red-soft);border-color:#f0525259}.badge-blue{color:var(--blue);background:var(--blue-soft);border-color:#3b82f659}.badge-purple{color:var(--purple);background:var(--purple-soft);border-color:#a855f759}.badge-grey{color:var(--text-dim);background:var(--slate-soft);border-color:var(--border)}.cat-tag{background:var(--slate-soft);color:var(--text-dim);border:1px solid var(--border);white-space:normal;word-break:keep-all;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:100%;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th{text-align:left;background:var(--panel-soft);border-bottom:1px solid var(--border-strong);color:var(--text-dim);letter-spacing:.02em;white-space:normal;word-break:keep-all;vertical-align:bottom;padding:11px 12px;font-size:11.5px;font-weight:700;position:sticky;top:0}table.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:normal;padding:11px 12px}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody tr:hover td{background:var(--panel-soft)}table.data-table tr.inactive{opacity:.45}table.data-table tfoot td{border-top:1px solid var(--border-strong);background:var(--panel-soft);padding:11px 12px;font-weight:700}.num-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.metric{flex-direction:column;gap:3px;min-width:0;display:flex}.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.metric-note{color:var(--text-faint);word-break:keep-all;font-size:11px}.metric-chip{font-family:var(--font-mono);border:1px solid var(--border);background:var(--slate-soft);white-space:nowrap;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:12px;font-weight:700}.metric-chip.green{color:var(--green);background:var(--green-soft);border-color:#22c55e59}.metric-chip.amber{color:var(--amber);background:var(--amber-soft);border-color:#f0b42959}.metric-chip.red{color:var(--red);background:var(--red-soft);border-color:#f0525259}.metric-chip.blue{color:var(--blue);background:var(--blue-soft);border-color:#3b82f659}.ticker-cell{flex-direction:column;gap:3px;min-width:0;display:flex}.ticker-name{word-break:keep-all;font-size:14px;font-weight:700}.name-input{border-radius:var(--radius-sm);width:100%;min-width:90px;color:var(--text);background:0 0;border:1px solid #0000;padding:2px 4px;font-size:14px;font-weight:700}.name-input:hover{border-color:var(--border)}.name-input:focus{background:var(--panel-soft);border-color:var(--border-strong);outline:none}.name-input::placeholder{color:var(--text-faint);font-weight:400}.ticker-sub{font-family:var(--font-mono);color:var(--text-faint);font-size:11.5px}.up{color:var(--green)}.down{color:var(--red)}.card-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.stock-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:11px;min-width:0;padding:15px;display:flex}.stock-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stock-card-price{text-align:right;flex-direction:column;align-items:flex-end;min-width:0;display:flex}.stock-card-price .big{font-family:var(--font-mono);font-size:21px;font-weight:700;line-height:1.2}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.stat-box{background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:8px 10px}.stat-box .k{color:var(--text-faint);word-break:keep-all;font-size:11px;display:block}.stat-box .v{font-family:var(--font-mono);margin-top:2px;font-size:14px;font-weight:600;display:block}.card-actions{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:11px;display:flex}.callout{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-soft);word-break:keep-all;align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;display:flex}.callout .ico{flex:none;line-height:1.5}.callout.amber{background:var(--amber-soft);color:var(--amber);border-color:#f0b42966}.callout.red{background:var(--red-soft);color:var(--red);border-color:#f0525266}.callout.green{background:var(--green-soft);color:var(--green);border-color:#22c55e66}.callout.blue{background:var(--blue-soft);color:var(--blue);border-color:#3b82f666}.empty-state{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--panel);color:var(--text-dim);padding:54px 20px}.empty-state h3{color:var(--text);margin:0 0 6px;font-size:16px}.empty-state p{max-width:460px;margin:0 auto;font-size:13px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>label{color:var(--text-dim);word-break:keep-all;font-size:11.5px;font-weight:600}.field-wide{grid-column:span 2;min-width:240px}.symbol-search{min-width:0;position:relative}.symbol-search>input{width:100%}.symbol-options{z-index:30;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 34px #00000059}.symbol-option{text-align:left;cursor:pointer;white-space:normal;word-break:keep-all;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:7px 9px;display:flex}.symbol-option.active,.symbol-option:hover{background:var(--panel-soft)}.symbol-option-name{color:var(--text);font-size:13px;font-weight:600;line-height:1.35}.symbol-option-meta{color:var(--text-dim);font-size:11.5px}.symbol-search-status{color:var(--text-dim);word-break:keep-all;margin:5px 0 0;font-size:11.5px;line-height:1.45}.symbol-picked{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--blue-soft);justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:7px 9px;display:flex}.symbol-picked-text{flex-direction:column;gap:1px;min-width:0;display:flex}.symbol-picked-name{word-break:keep-all;font-size:13px;font-weight:600}.symbol-picked-meta{color:var(--text-dim);font-size:11.5px}input,select,button,textarea{color:var(--text);font-family:inherit;font-size:13px}input[type=number],input[type=text],input[type=date],select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-width:0;color:var(--text);padding:8px 10px}.num-input{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input::placeholder{color:var(--text-faint)}button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer;white-space:normal;word-break:keep-all;padding:8px 14px;font-weight:600}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel)}button.primary{background:var(--accent);border-color:var(--accent);color:#05202b}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}button.success{background:var(--green-soft);color:var(--green);border-color:#22c55e73}button.ghost{background:0 0}button.sm{padding:5px 10px;font-size:12px}button:disabled{opacity:.5;cursor:not-allowed}.btn-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn-group.tight{flex-wrap:nowrap}.btn-group.tight button{white-space:nowrap}.input-with-button{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.input-with-button input{flex:0 108px;width:108px}.input-with-button .unit{color:var(--text-faint);white-space:nowrap;font-size:12px}.input-with-button.tight{flex-wrap:nowrap}.input-with-button.tight input{flex:auto;width:auto;min-width:64px}.input-with-button.tight select{flex:none;width:auto}.hint{color:var(--text-faint);word-break:keep-all;font-size:12px}.error-text{color:var(--red);background:var(--red-soft);border-radius:var(--radius-sm);word-break:keep-all;border:1px solid #f0525259;margin:0 0 14px;padding:11px 14px;font-size:13px}.error-head{align-items:flex-start;gap:9px;line-height:1.55;display:flex}.error-dismiss{color:var(--red);border-color:#f0525259;flex:none;margin-left:auto}.error-detail{border-top:1px solid #f0525240;margin-top:9px;padding-top:8px}.error-detail summary{cursor:pointer;opacity:.85;font-size:12px;font-weight:600}.error-detail p{font-family:var(--font-mono);overflow-wrap:break-word;color:var(--text-dim);margin:8px 0 0;font-size:11.5px;line-height:1.6}.chart-shell{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.legend-row{color:var(--text-dim);flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:12px;display:flex}.legend-row>span{align-items:center;gap:6px;display:inline-flex}@media (width<=720px){:root{--gutter:14px}.app-header{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:12px}.header-right{width:100%;margin-left:0}.page{padding-top:18px;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.kpi-figure .big{font-size:22px}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04080ea8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(1040px,100%);max-height:calc(100vh - 40px);padding:18px;overflow-y:auto;box-shadow:0 18px 48px #00000073}.modal-head{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;display:flex}.modal-title{flex:auto;align-items:baseline;gap:8px;min-width:0;display:flex}.modal-title h3{margin:0;font-size:16px}.modal-head .icon-btn{order:99;margin-left:auto}.icon-btn{width:30px;height:30px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.confirm-modal{width:min(460px,100%)}.confirm-body{color:var(--text);word-break:keep-all;font-size:13px;line-height:1.65}.confirm-body p{margin:0 0 8px}.confirm-body p:last-child{margin-bottom:0}.confirm-actions{justify-content:flex-end;margin-top:16px}.install-hint{width:min(440px,100%)}.install-hint-body{color:var(--text);word-break:keep-all;font-size:13px;line-height:1.7}.install-hint-body p{margin:0 0 10px}.install-hint-body ol{margin:0 0 10px;padding-left:20px}.install-hint-body li{margin-bottom:6px}.install-hint-body .hint-note{color:var(--text-dim);margin-bottom:0}.install-hint .btn-group{justify-content:flex-end;margin-top:16px}@media (width<=640px){.modal-backdrop{align-items:stretch;padding:0}.modal{border:none;border-radius:0;max-height:100vh}.confirm-modal,.install-hint{border:1px solid var(--border);border-radius:var(--radius);align-self:center;height:fit-content;margin:16px}}table.data-table.fixed{table-layout:fixed}button.danger{color:var(--red);background:var(--red-soft);border:1px solid #f0525266}button.danger:hover:not(:disabled){background:#f0525233}.stock-line{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.stock-name{word-break:keep-all;color:var(--text);font-size:14px;font-weight:700}button.stock-name{text-align:left;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;background:0 0;border:none;padding:0;font-family:inherit}button.stock-name:hover{color:var(--blue);-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.drag-handle{width:26px;height:26px;color:var(--text-faint);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.drag-handle:hover,.drag-handle:focus-visible{color:var(--text);border-color:var(--border-strong);background:var(--slate-soft)}.drag-handle:active{cursor:grabbing}tr.dragging,.stock-card.dragging{opacity:.6}tr.dragging td{background:var(--blue-soft)}.stock-card.dragging{border-color:var(--blue)}.edit-bar{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}table.data-table tr.dirty td,table.data-table tr.dirty:hover td{background:var(--amber-soft)}.metric-line{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.metric-line .metric-note{font-size:11.5px}.cond-mark{width:18px;height:18px;color:var(--text-faint);background:var(--slate-soft);border:1px solid var(--border);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.cond-mark.met{color:var(--green);background:var(--green-soft);border-color:#22c55e73}.th-sub{color:var(--text-faint);font-weight:600}.th-cond{color:var(--text-faint);font-size:10.5px;font-weight:600;font-family:var(--font-mono);white-space:normal;word-break:keep-all;margin-top:3px;display:block}.chart-coverage{margin-top:6px}.link-btn{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:disabled{color:var(--text-faint);cursor:default}.diag-modal{width:min(900px,100%)}.diag-body{flex-direction:column;gap:2px;max-height:min(60vh,520px);padding:4px 2px;display:flex;overflow-y:auto}.diag-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:8px 6px;display:flex}.diag-row:last-child{border-bottom:none}.diag-time{flex:none;padding-top:2px;font-size:11.5px}.diag-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.diag-text .hint{font-size:11px}.diag-text pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--text);margin:0;font-size:12px;line-height:1.5}.diag-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.diag-foot .hint{overflow-wrap:anywhere;min-width:0}.diag-download{color:var(--text-dim);border:1px solid var(--border);background:0 0;border-radius:8px;flex:none;padding:6px 12px;font-size:12.5px;text-decoration:none}.diag-download:hover{color:var(--text);border-color:var(--border-strong)}@media (width<=640px){.diag-row{flex-wrap:wrap}}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{flex-direction:column;gap:14px;width:100%;max-width:340px;display:flex}.login-brand{align-items:center;gap:10px;display:flex}.login-brand span{font-size:26px}.login-brand h1{letter-spacing:-.01em;margin:0;font-size:20px}.login-panel .hint{margin:0}.login-panel button{width:100%}@media (pointer:coarse){input,select,textarea{font-size:16px}button,.tab{min-height:40px}.icon-btn{width:38px;height:38px}button,.tab{-webkit-user-select:none;user-select:none}}.login-shell{min-height:100dvh}@media (width<=640px){.modal{max-height:100dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}}