:root{--bg:#0b1220;--panel:rgba(255,255,255,.06);--panel2:rgba(255,255,255,.04);--line:rgba(255,255,255,.12);--text:rgba(255,255,255,.98);--muted:rgba(255,255,255,.8);--brand:#6ea8ff;--brand2:#9ad0ff;--danger:#ff6b6b;--ok:#5eead4;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius:16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;background:radial-gradient(900px 400px at 20% 10%,rgba(110,168,255,.22),transparent 60%),radial-gradient(700px 360px at 90% 0%,rgba(154,208,255,.18),transparent 55%),radial-gradient(800px 420px at 30% 95%,rgba(94,234,212,.12),transparent 55%),var(--bg);color:var(--text)}.page{min-height:100vh;padding:12px 12px calc(18px + env(safe-area-inset-bottom))}.wrap{width:100%;max-width:560px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff12,#ffffff08);box-shadow:var(--shadow);top:calc(10px + env(safe-area-inset-top));z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title{display:flex;flex-direction:column;gap:6px;min-width:0}.title h1{font-size:14px;margin:0;letter-spacing:.2px}.title .sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#0000002e;color:var(--muted);font-size:12px;-webkit-user-select:none;user-select:none;white-space:nowrap}.dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,var(--brand),var(--brand2));box-shadow:0 0 0 3px #6ea8ff26}.tabs{margin-top:12px;display:flex;gap:10px}.tab{flex:1;padding:11px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:13px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.15s ease;-webkit-tap-highlight-color:transparent}.tab:hover{transform:translateY(-1px);background:#ffffff0f}.tab.active{color:var(--text);border-color:#6ea8ff8c;background:linear-gradient(180deg,#6ea8ff38,#ffffff0d);box-shadow:0 10px 20px #6ea8ff1f}.card{margin-top:12px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0a;box-shadow:var(--shadow)}.card.danger{border-color:#ff6b6b73;background:#ff6b6b14}.sectionTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.sectionTitle .left{display:flex;flex-direction:column;gap:4px;min-width:0}.sectionTitle h2{margin:0;font-size:14px;letter-spacing:.2px}.sectionTitle p{margin:0;font-size:12px;color:var(--muted)}.tbl{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#0000001f}.tbl thead th{font-size:12px;color:var(--muted);font-weight:600;text-align:left;padding:10px 12px;background:#ffffff0d;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tbody td{padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.num{width:42%;color:var(--text)}.val{width:58%;color:var(--text);text-align:right}.muted{color:var(--muted)}.footer{margin-top:12px;font-size:11px;color:#ffffff8c;text-align:center}.tableScroll{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.scrollHint{font-size:12px;color:#ffffffa6;margin:0 0 8px 2px}.rowFail{background:#ff3c5a1a}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px}.pillOk{border-color:#5eead459;background:#5eead41a}.pillFail{border-color:#ff6b6b59;background:#ff6b6b1f}.hintBox{margin-top:10px;border:1px dashed rgba(255,255,255,.25);border-radius:12px;padding:12px;background:#0000001f}.hintLabel{font-size:12px;color:#ffffffbf;margin-bottom:6px}.hintCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#ffffffeb;word-break:break-all}.skLine{height:12px;border-radius:8px;background:#ffffff14;margin:10px 0}.skGap{height:8px}.skW40{width:40%}.skW60{width:60%}.skW70{width:70%}.skW80{width:80%}.skW85{width:85%}.skW90{width:90%}@media(min-width:768px){.page{padding:18px 18px 28px}.title .sub{max-width:420px}}