:root{--font:"AaNemomomo", "Figtree", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"AaNemomomo", "Sora", "Figtree", sans-serif;--bg:#f4f5fb;--bg-grad:radial-gradient(1200px 600px at 100% -10%, #eef0fb 0%, #f4f5fb 55%), #f4f5fb;--panel:#fff;--panel-tint:#eef0fb;--border:#dfe2f2;--text:#1c1e33;--text-dim:#565a78;--text-faint:#8489a6;--accent:#2a2f78;--accent-fg:#fff;--accent-tint:#2a2f781a;--header-bg:#2a2f78;--header-text:#fff;--header-h:64px;--ok:#0f9d58;--ok-tint:#0f9d581f;--info:#2563eb;--info-tint:#2563eb1a;--warn:#b7791f;--warn-tint:#b7791f1f;--danger:#d13438;--danger-tint:#d134381a;--violet:#7c3aed;--violet-tint:#7c3aed1a;--teal:#0d9488;--teal-tint:#0d94881a;--muted:#6b7085;--muted-tint:#6b70851f;--shadow:0 1px 2px #1416320a, 0 8px 24px #1416320f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10112a;--bg-grad:radial-gradient(1200px 600px at 100% -10%, #171a3d 0%, #10112a 55%), #10112a;--panel:#171a38;--panel-tint:#1d2044;--border:#2b2f5c;--text:#eef0fb;--text-dim:#b3b7d6;--text-faint:#7b80a6;--accent:#8b90f0;--accent-fg:#14163a;--accent-tint:#8b90f029;--header-bg:#171a48;--header-text:#fff;--ok:#3ddc84;--ok-tint:#3ddc8424;--info:#6ea8fe;--info-tint:#6ea8fe24;--warn:#f0b23c;--warn-tint:#f0b23c24;--danger:#ff6b6e;--danger-tint:#ff6b6e24;--violet:#b28dfa;--violet-tint:#b28dfa29;--teal:#4fd8cb;--teal-tint:#4fd8cb24;--muted:#9096b8;--muted-tint:#9096b829;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}}:root[data-theme=dark]{--bg:#10112a;--bg-grad:radial-gradient(1200px 600px at 100% -10%, #171a3d 0%, #10112a 55%), #10112a;--panel:#171a38;--panel-tint:#1d2044;--border:#2b2f5c;--text:#eef0fb;--text-dim:#b3b7d6;--text-faint:#7b80a6;--accent:#8b90f0;--accent-fg:#14163a;--accent-tint:#8b90f029;--header-bg:#171a48;--header-text:#fff;--ok:#3ddc84;--ok-tint:#3ddc8424;--info:#6ea8fe;--info-tint:#6ea8fe24;--warn:#f0b23c;--warn-tint:#f0b23c24;--danger:#ff6b6e;--danger-tint:#ff6b6e24;--violet:#b28dfa;--violet-tint:#b28dfa29;--teal:#4fd8cb;--teal-tint:#4fd8cb24;--muted:#9096b8;--muted-tint:#9096b829;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}*{box-sizing:border-box}html{font-size:17px}body{background:var(--bg-grad);color:var(--text);font-family:var(--font);margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,select{font-family:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:20;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--header-bg);color:var(--header-text);align-items:center;display:flex;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:960px;margin:0 auto;padding:0 1rem;display:flex}.brand{align-items:center;gap:.7rem;min-width:0;display:flex}.brandMark{background:#ffffff24;border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brandText{min-width:0}.brandTitle{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:650;line-height:1.2;overflow:hidden}.brandSub{opacity:.78;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.iconBtn{width:36px;height:36px;color:var(--header-text);cursor:pointer;background:#ffffff24;border:none;border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.iconBtn:disabled{opacity:.55;cursor:default}@media (hover:hover) and (pointer:fine){.iconBtn:hover{background:#ffffff38}}.iconBtn svg{width:18px;height:18px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stickyBar{top:calc(var(--header-h) + env(safe-area-inset-top,0px));z-index:15;background:var(--bg);border-bottom:1px solid var(--border);position:sticky}.tabs{scrollbar-width:none;gap:.5rem;max-width:960px;margin:0 auto;padding:.6rem 1rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{background:var(--accent-tint);height:36px;color:var(--text-dim);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;flex:none;padding:0 .85rem;font-size:.82rem;font-weight:600}.tabs:has([aria-pressed=true]) .tab:not([aria-pressed=true]){opacity:.62}.tab[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.meta{max-width:960px;color:var(--text-faint);margin:0 auto;padding:.5rem 1rem 0;font-size:.8rem}.wrap{width:100%;max-width:960px;padding:1rem 1rem max(.5rem, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:1rem;margin:0 auto;display:flex}.swipePane{min-height:calc(100dvh - var(--header-h) - 56px)}.statGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;display:grid}.statCard{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.3rem;padding:.85rem .95rem;display:flex}.statLabel{color:var(--text-faint);font-size:.74rem}.statValue{font-family:var(--display);font-size:1.35rem;font-weight:650}.statSub{color:var(--text-faint);font-size:.72rem}.statValue.ok{color:var(--ok)}.statValue.warn{color:var(--warn)}.statValue.danger{color:var(--danger)}.progressTrack{background:var(--panel-tint);border-radius:999px;height:6px;overflow:hidden}.progressFill{background:var(--accent);border-radius:999px;height:100%}.progressFill.warn{background:var(--warn)}.progressFill.danger{background:var(--danger)}.filterRow{flex-wrap:wrap;gap:.5rem;display:flex}.search,.select{border:1px solid var(--border);background:var(--panel);height:36px;color:var(--text);border-radius:8px;padding:0 .7rem;font-size:.9rem}.search{flex:1;min-width:160px}.chip{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;height:36px;padding:0 .75rem;font-size:.82rem;font-weight:600}.chipRow{scrollbar-width:none;gap:.4rem;display:flex;overflow-x:auto}.chipRow::-webkit-scrollbar{display:none}.chipRow:has([aria-pressed=true]) .chip:not([aria-pressed=true]){opacity:.62}.chip[data-tone=info]{background:var(--info-tint);color:var(--info)}.chip[data-tone=ok]{background:var(--ok-tint);color:var(--ok)}.chip[data-tone=warn]{background:var(--warn-tint);color:var(--warn)}.chip[data-tone=danger]{background:var(--danger-tint);color:var(--danger)}.chip[data-tone=violet]{background:var(--violet-tint);color:var(--violet)}.chip[data-tone=teal]{background:var(--teal-tint);color:var(--teal)}.chip[data-tone=muted]{background:var(--muted-tint);color:var(--muted)}.chip[data-tone=info][aria-pressed=true]{background:var(--info);color:#fff}.chip[data-tone=ok][aria-pressed=true]{background:var(--ok);color:#fff}.chip[data-tone=warn][aria-pressed=true]{background:var(--warn);color:#fff}.chip[data-tone=danger][aria-pressed=true]{background:var(--danger);color:#fff}.chip[data-tone=violet][aria-pressed=true]{background:var(--violet);color:#fff}.chip[data-tone=teal][aria-pressed=true]{background:var(--teal);color:#fff}.chip[data-tone=muted][aria-pressed=true]{background:var(--muted);color:#fff}.badge{border-radius:999px;align-items:center;height:22px;padding:0 .5rem;font-size:.72rem;font-weight:650;display:inline-flex}.badge[data-tone=info]{background:var(--info-tint);color:var(--info)}.badge[data-tone=ok]{background:var(--ok-tint);color:var(--ok)}.badge[data-tone=warn]{background:var(--warn-tint);color:var(--warn)}.badge[data-tone=danger]{background:var(--danger-tint);color:var(--danger)}.badge[data-tone=violet]{background:var(--violet-tint);color:var(--violet)}.badge[data-tone=teal]{background:var(--teal-tint);color:var(--teal)}.badge[data-tone=muted]{background:var(--muted-tint);color:var(--muted)}.list{flex-direction:column;gap:.5rem;margin:0;display:flex}.row{background:var(--panel);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:.3rem;width:100%;padding:.7rem .85rem;display:flex}.row:not(button){cursor:default}@media (hover:hover) and (pointer:fine){button.row:hover{border-color:var(--accent)}}.rowTop{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.rowTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.98rem;font-weight:600;overflow:hidden}.rowDesc{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.rowMeta{color:var(--text-faint);flex-wrap:wrap;gap:.5rem;font-size:.8rem;display:flex}.empty{text-align:center;color:var(--text-faint);padding:2.5rem 1rem;font-size:.9rem}.loadMore{border:1px solid var(--border);background:var(--panel);height:36px;color:var(--text-dim);cursor:pointer;border-radius:8px;align-self:center;padding:0 1rem;font-size:.85rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.7rem;padding:1rem;display:flex}.panelTitle{font-family:var(--display);font-size:1rem;font-weight:650}.panelHint{color:var(--text-faint);font-size:.82rem}.tableWrap{overflow-x:auto}table.records{border-collapse:collapse;width:100%;font-size:.82rem}table.records th,table.records td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.45rem .6rem}table.records th{color:var(--text-faint);font-weight:600}.trendChart{align-items:flex-end;gap:3px;height:90px;display:flex}.trendBar{background:var(--accent-tint);border-radius:3px 3px 0 0;flex:1;min-width:4px;position:relative}.trendBar>span{background:var(--accent);border-radius:3px 3px 0 0;width:100%;display:block}.trendLabels{color:var(--text-faint);justify-content:space-between;font-size:.66rem;display:flex}.modalOverlay{z-index:40;background:#0a0b1e73;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.modalOverlay{align-items:center;padding:1rem}}.modal{background:var(--panel);border-radius:16px 16px 0 0;flex-direction:column;gap:.8rem;width:100%;max-width:620px;max-height:88dvh;padding:1.1rem;display:flex;overflow-y:auto}@media (width>=640px){.modal{border-radius:16px}}.modalHead{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.modalTitle{font-family:var(--display);word-break:break-word;font-size:1.2rem;font-weight:650}.modalClose{border:1px solid var(--border);background:var(--panel-tint);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:8px;flex:none}.modalBody{color:var(--text-dim);flex-direction:column;gap:.7rem;font-size:.86rem;display:flex}.timeline{flex-direction:column;gap:0;display:flex}.timelineItem{gap:.6rem;padding:.4rem 0;display:flex}.timelineDot{background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px;margin-top:6px}.timelineLine{background:var(--border);flex:1;width:1px;margin:2px auto 0}.timelineCol{flex-direction:column;align-items:center;display:flex}.timelineContent{flex:1;padding-bottom:.6rem}.timelineType{color:var(--text);font-size:.86rem;font-weight:650}.timelineTime{color:var(--text-faint);font-size:.76rem}.attachList{flex-direction:column;gap:.4rem;display:flex}.attachItem{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.82rem;display:flex}.attachDownload{color:var(--accent);font-size:.78rem;font-weight:650;text-decoration:none}.htmlPreview{border:1px solid var(--border);border-radius:10px;overflow:hidden}.htmlPreview iframe{background:#fff;border:none;width:100%;min-height:260px}.textPreview{white-space:pre-wrap;word-break:break-word;background:var(--panel-tint);border-radius:10px;padding:.7rem;font-size:.82rem}