:root{--md-sys-color-primary: #914d00;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ffdcc3;--md-sys-color-on-primary-container: #6e3900;--md-sys-color-secondary: #775930;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #ffddb5;--md-sys-color-on-secondary-container: #5d411b;--md-sys-color-tertiary: #745b1a;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #ffdf99;--md-sys-color-on-tertiary-container: #5a4301;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #93000a;--md-sys-color-surface: #fff8f5;--md-sys-color-on-surface: #25190f;--md-sys-color-surface-variant: #faddc9;--md-sys-color-on-surface-variant: #564335;--md-sys-color-surface-dim: #eed6c5;--md-sys-color-surface-bright: #fff8f5;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #fff1e9;--md-sys-color-surface-container: #ffeadc;--md-sys-color-surface-container-high: #fce4d3;--md-sys-color-surface-container-highest: #f6dece;--md-sys-color-inverse-surface: #3c2d23;--md-sys-color-inverse-on-surface: #ffede3;--md-sys-color-inverse-primary: #ffb77d;--md-sys-color-outline: #897362;--md-sys-color-outline-variant: #ddc1ae;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-success: #356a22;--md-sys-color-on-success: #ffffff;--md-sys-color-success-container: #b5f399;--md-sys-color-on-success-container: #042100;--md-sys-color-info: #1c5fa5;--md-sys-color-on-info: #ffffff;--md-sys-color-info-container: #d4e3ff;--md-sys-color-on-info-container: #001c3a;--md-sys-typescale-display-large: 400 57px/64px var(--md-sys-font-sans);--md-sys-typescale-display-medium: 400 45px/52px var(--md-sys-font-sans);--md-sys-typescale-display-small: 400 36px/44px var(--md-sys-font-sans);--md-sys-typescale-headline-large: 400 32px/40px var(--md-sys-font-sans);--md-sys-typescale-headline-medium: 400 28px/36px var(--md-sys-font-sans);--md-sys-typescale-headline-small: 400 24px/32px var(--md-sys-font-sans);--md-sys-typescale-title-large: 500 22px/28px var(--md-sys-font-sans);--md-sys-typescale-title-medium: 500 16px/24px var(--md-sys-font-sans);--md-sys-typescale-title-small: 500 14px/20px var(--md-sys-font-sans);--md-sys-typescale-body-large: 400 16px/24px var(--md-sys-font-sans);--md-sys-typescale-body-medium: 400 14px/20px var(--md-sys-font-sans);--md-sys-typescale-body-small: 400 12px/16px var(--md-sys-font-sans);--md-sys-typescale-label-large: 500 14px/20px var(--md-sys-font-sans);--md-sys-typescale-label-medium: 500 12px/16px var(--md-sys-font-sans);--md-sys-typescale-label-small: 500 11px/16px var(--md-sys-font-sans);--md-sys-typescale-emphasized-display-small: 700 36px/44px var(--md-sys-font-sans);--md-sys-typescale-emphasized-headline-large: 700 32px/40px var(--md-sys-font-sans);--md-sys-typescale-emphasized-headline-medium: 700 28px/36px var(--md-sys-font-sans);--md-sys-typescale-emphasized-title-large: 700 22px/28px var(--md-sys-font-sans);--md-sys-typescale-emphasized-title-medium: 700 16px/24px var(--md-sys-font-sans);--md-sys-typescale-emphasized-label-large: 600 16px/24px var(--md-sys-font-sans);--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 9999px;--md-sys-space-xs: 4px;--md-sys-space-sm: 8px;--md-sys-space-md: 12px;--md-sys-space-lg: 16px;--md-sys-space-xl: 24px;--md-sys-space-xxl: 32px;--md-sys-space-xxxl: 48px;--md-sys-font-sans: "Pretendard", "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", Roboto, sans-serif;--md-sys-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--md-sys-elevation-1: 0 1px 2px rgb(0 0 0 / .3), 0 1px 3px 1px rgb(0 0 0 / .15);--md-sys-elevation-2: 0 1px 2px rgb(0 0 0 / .3), 0 2px 6px 2px rgb(0 0 0 / .15);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--md-sys-color-primary: #ffb77d;--md-sys-color-on-primary: #4d2600;--md-sys-color-primary-container: #6e3900;--md-sys-color-on-primary-container: #ffdcc3;--md-sys-color-secondary: #e8c08e;--md-sys-color-on-secondary: #442b06;--md-sys-color-secondary-container: #5d411b;--md-sys-color-on-secondary-container: #ffddb5;--md-sys-color-tertiary: #e4c377;--md-sys-color-on-tertiary: #3f2e00;--md-sys-color-tertiary-container: #5a4301;--md-sys-color-on-tertiary-container: #ffdf99;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-surface: #1c1108;--md-sys-color-on-surface: #f6dece;--md-sys-color-surface-variant: #564335;--md-sys-color-on-surface-variant: #ddc1ae;--md-sys-color-surface-dim: #1c1108;--md-sys-color-surface-bright: #45362b;--md-sys-color-surface-container-lowest: #170c04;--md-sys-color-surface-container-low: #25190f;--md-sys-color-surface-container: #2a1d13;--md-sys-color-surface-container-high: #35271d;--md-sys-color-surface-container-highest: #413227;--md-sys-color-inverse-surface: #f6dece;--md-sys-color-inverse-on-surface: #3c2d23;--md-sys-color-inverse-primary: #914d00;--md-sys-color-outline: #a48c7b;--md-sys-color-outline-variant: #564335;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-success: #9ad680;--md-sys-color-on-success: #0b3900;--md-sys-color-success-container: #1c520a;--md-sys-color-on-success-container: #b5f399;--md-sys-color-info: #a5c8ff;--md-sys-color-on-info: #00315e;--md-sys-color-info-container: #004784;--md-sys-color-on-info-container: #d4e3ff;color-scheme:dark}}:root[data-theme=dark]{--md-sys-color-primary: #ffb77d;--md-sys-color-on-primary: #4d2600;--md-sys-color-primary-container: #6e3900;--md-sys-color-on-primary-container: #ffdcc3;--md-sys-color-secondary: #e8c08e;--md-sys-color-on-secondary: #442b06;--md-sys-color-secondary-container: #5d411b;--md-sys-color-on-secondary-container: #ffddb5;--md-sys-color-tertiary: #e4c377;--md-sys-color-on-tertiary: #3f2e00;--md-sys-color-tertiary-container: #5a4301;--md-sys-color-on-tertiary-container: #ffdf99;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-surface: #1c1108;--md-sys-color-on-surface: #f6dece;--md-sys-color-surface-variant: #564335;--md-sys-color-on-surface-variant: #ddc1ae;--md-sys-color-surface-dim: #1c1108;--md-sys-color-surface-bright: #45362b;--md-sys-color-surface-container-lowest: #170c04;--md-sys-color-surface-container-low: #25190f;--md-sys-color-surface-container: #2a1d13;--md-sys-color-surface-container-high: #35271d;--md-sys-color-surface-container-highest: #413227;--md-sys-color-inverse-surface: #f6dece;--md-sys-color-inverse-on-surface: #3c2d23;--md-sys-color-inverse-primary: #914d00;--md-sys-color-outline: #a48c7b;--md-sys-color-outline-variant: #564335;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-success: #9ad680;--md-sys-color-on-success: #0b3900;--md-sys-color-success-container: #1c520a;--md-sys-color-on-success-container: #b5f399;--md-sys-color-info: #a5c8ff;--md-sys-color-on-info: #00315e;--md-sys-color-info-container: #004784;--md-sys-color-on-info-container: #d4e3ff;color-scheme:dark}:root{--bg: var(--md-sys-color-surface);--card: var(--md-sys-color-surface-container-low);--raise: var(--md-sys-color-surface-container-lowest);--sunk: var(--md-sys-color-surface-container-high);--line: var(--md-sys-color-outline-variant);--line-2: var(--md-sys-color-outline);--ink: var(--md-sys-color-on-surface);--dim: var(--md-sys-color-on-surface-variant);--mute: var(--md-sys-color-outline);--ac: var(--md-sys-color-primary);--ac-ink: var(--md-sys-color-on-primary);--ac-soft: var(--md-sys-color-primary-container);--ac-soft-ink: var(--md-sys-color-on-primary-container);--sec-soft: var(--md-sys-color-secondary-container);--sec-soft-ink: var(--md-sys-color-on-secondary-container);--ok: var(--md-sys-color-success);--ok-soft: var(--md-sys-color-success-container);--ok-soft-ink: var(--md-sys-color-on-success-container);--bad: var(--md-sys-color-error);--bad-ink: var(--md-sys-color-on-error);--bad-soft: var(--md-sys-color-error-container);--bad-soft-ink: var(--md-sys-color-on-error-container);--live: var(--md-sys-color-info);--live-soft: var(--md-sys-color-info-container);--live-soft-ink: var(--md-sys-color-on-info-container);--shadow: none;--r: var(--md-sys-shape-corner-extra-large);--r-md: var(--md-sys-shape-corner-large);--r-sm: var(--md-sys-shape-corner-medium);--hover: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);--press: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:var(--md-sys-typescale-body-large);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;text-wrap:balance}h1{font:var(--md-sys-typescale-emphasized-headline-medium);letter-spacing:-.01em}h2{font:var(--md-sys-typescale-emphasized-title-large)}h3{font:var(--md-sys-typescale-emphasized-title-medium)}a{color:var(--ac)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;min-height:48px;padding:12px 16px;border:2px solid transparent;border-radius:var(--r-md);background:var(--md-sys-color-surface-container-highest);transition:border-color .15s}input:hover,select:hover,textarea:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,var(--md-sys-color-surface-container-highest))}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ac)}button:focus-visible,a:focus-visible{outline:3px solid var(--ac);outline-offset:2px}textarea{font-family:var(--md-sys-font-mono);font-size:13px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--md-sys-font-mono);font-size:13px}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg)}.top-in,.top-nav{max-width:1280px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.top-in{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;font:var(--md-sys-typescale-emphasized-title-large)}.brand i{width:32px;height:32px;border-radius:12px;background:var(--ac-soft);position:relative}.brand i:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--ac)}.top-title{color:var(--dim);font:var(--md-sys-typescale-title-medium)}.top-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-nav{display:flex;gap:8px;overflow-x:auto;padding-block:4px 12px}.top-nav a{padding:10px 20px;color:var(--dim);text-decoration:none;border-radius:var(--md-sys-shape-corner-full);white-space:nowrap;font:var(--md-sys-typescale-label-large)}.top-nav a:hover{background:var(--hover)}.top-nav a.active{color:var(--sec-soft-ink);background:var(--sec-soft);font:var(--md-sys-typescale-emphasized-label-large)}.page{max-width:1280px;margin:0 auto;padding-block:8px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:16px}.card{background:var(--card);border-radius:var(--r);padding:24px;min-width:0}.card>h2+*{margin-top:16px}.row{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.grow{flex:1;min-width:0}.stack{display:grid;gap:12px}.cols{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:860px){.cols{grid-template-columns:minmax(0,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 24px;border-radius:var(--md-sys-shape-corner-full);border:0;background:var(--sec-soft);color:var(--sec-soft-ink);cursor:pointer;white-space:nowrap;font:var(--md-sys-typescale-label-large);position:relative;isolation:isolate;transition:border-radius .2s cubic-bezier(.3,1.4,.5,1)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:transparent;z-index:-1;transition:background .15s}.btn:hover:after{background:var(--hover)}.btn:active:not(:disabled){border-radius:var(--r-sm)}.btn:active:after{background:var(--press)}.btn:disabled{background:color-mix(in srgb,var(--ink) 12%,transparent);color:color-mix(in srgb,var(--ink) 38%,transparent);cursor:default}.btn.primary{background:var(--ac);color:var(--ac-ink);font:var(--md-sys-typescale-emphasized-label-large)}.btn.primary:disabled{background:color-mix(in srgb,var(--ink) 12%,transparent);color:color-mix(in srgb,var(--ink) 38%,transparent)}.btn.danger{background:var(--bad-soft);color:var(--bad-soft-ink)}.btn.ghost{background:transparent;color:var(--ac);padding-inline:12px}.btn.small{min-height:32px;padding:4px 14px;font:var(--md-sys-typescale-label-medium)}.field{display:grid;gap:6px}.field>span{font:var(--md-sys-typescale-label-large);color:var(--dim);padding-left:4px}.field small{color:var(--dim);font:var(--md-sys-typescale-body-small);padding-left:4px}.err{margin:0;color:var(--bad-soft-ink);background:var(--bad-soft);padding:12px 16px;border-radius:var(--r-md);font:var(--md-sys-typescale-body-medium)}.empty{margin:0;color:var(--dim);padding:24px 0;text-align:center}.muted{color:var(--mute)}.dim{color:var(--dim)}.label{font:var(--md-sys-typescale-label-medium);letter-spacing:.06em;color:var(--dim);text-transform:uppercase}.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 12px 2px 10px;border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-label-large);white-space:nowrap}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.tag.ok{color:var(--ok-soft-ink);background:var(--ok-soft)}.tag.bad{color:var(--bad-soft-ink);background:var(--bad-soft)}.tag.live{color:var(--live-soft-ink);background:var(--live-soft)}.tag.live:before{animation:blink 1.4s ease-in-out infinite}.tag.mute{color:var(--dim);background:var(--sunk)}@keyframes blink{50%{opacity:.3}}.tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);width:fit-content;max-width:100%}.tabs button{min-height:40px;padding:8px 20px;border:0;background:none;cursor:pointer;color:var(--dim);border-radius:var(--md-sys-shape-corner-full);white-space:nowrap;font:var(--md-sys-typescale-label-large)}.tabs button:hover{background:var(--hover)}.tabs button.on{color:var(--sec-soft-ink);background:var(--sec-soft);font:var(--md-sys-typescale-emphasized-label-large)}.table-wrap{overflow-x:auto;margin:0 -12px;padding:0 12px}table{width:100%;border-collapse:separate;border-spacing:0 2px;font:var(--md-sys-typescale-body-medium)}th{text-align:left;color:var(--dim);font:var(--md-sys-typescale-label-medium);padding:8px 12px;white-space:nowrap}td{padding:12px;vertical-align:middle;background:var(--raise)}td:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}td:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}tr.click{cursor:pointer}tr.click:hover td{background:color-mix(in srgb,var(--ink) 6%,var(--raise))}tr.sel td{background:var(--ac-soft);color:var(--ac-soft-ink)}.bar{height:8px;border-radius:999px;background:var(--ac-soft);overflow:hidden}.bar>i{display:block;height:100%;background:var(--ac);border-radius:inherit;transition:width .6s cubic-bezier(.3,1.2,.5,1)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0;font:var(--md-sys-typescale-body-medium)}.kv dt{color:var(--dim)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.stat{display:grid;gap:4px}.stat b{font:var(--md-sys-typescale-emphasized-display-small);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat span{color:var(--dim);font:var(--md-sys-typescale-label-large)}.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.auth{min-height:100vh;display:grid;place-items:center;padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.auth-card{width:min(420px,100%);display:grid;gap:16px;padding:32px}.auth-card h1{font:var(--md-sys-typescale-emphasized-headline-large)}.auth-card .lead{margin:-8px 0 8px;color:var(--dim)}.auth-card .btn.primary{min-height:56px;font-size:16px;margin-top:8px}@media(prefers-reduced-motion:reduce){.btn,.bar>i{transition:none}.tag.live:before{animation:none}}