:root{--gray-0:#0a0b0c;--gray-1:#0b0c0e;--gray-2:#0f1011;--gray-3:#141518;--gray-4:#1a1b1f;--gray-5:#2a2b2f;--gray-6:#2a2c33;--gray-8:#555a63;--gray-9:#8a8f98;--gray-10:#d0d6e0;--gray-11:#e5e5e6;--gray-12:#f7f8f8;--white-a05:#ffffff0d;--white-a09:#ffffff17;--brand-base:var(--gray-11);--brand-on:var(--gray-1);--brand-mark-bg:var(--gray-12);--brand-mark-fg:var(--gray-1);--bg-page:var(--gray-1);--bg-surface:var(--gray-2);--bg-raised:var(--gray-3);--bg-control:var(--gray-0);--border-subtle:var(--white-a05);--border-default:var(--white-a09);--border-control:var(--gray-5);--text-strong:var(--gray-12);--text:var(--gray-10);--text-muted:var(--gray-9);--text-faint:var(--gray-8);--action-primary-bg:var(--brand-base);--action-primary-fg:var(--brand-on);--action-secondary-bg:var(--bg-raised);--action-secondary-fg:var(--text);--action-tertiary-fg:var(--text-muted);--action-disabled-bg:var(--bg-surface);--action-disabled-fg:var(--text-faint);--action-link:var(--text-strong);--status-connected:var(--text-strong);--status-attention:var(--text);--status-idle:var(--text-faint);--focus-ring:var(--gray-9);--mark-ours-bg:var(--brand-mark-bg);--mark-ours-fg:var(--brand-mark-fg);--thumb-from:var(--gray-6);--thumb-to:var(--gray-4);--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--w-strong:510;--w-body:400;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-name:15px;--fs-title:17px;--fs-kpi:20px;--fs-h1:20px;--fs-logo:15px;--fs-logo-lg:19px;--r-control:6px;--r-group:8px;--r-thumb:8px;--r-card:12px;--r-logo-lg:13px;--r-sheet:18px;--r-dot:50%;--h-btn:40px;--h-btn-sm:30px;--h-btn-hug:36px;--h-input:40px;--h-row:40px;--h-head:34px;--h-seg:28px;--h-tabbar:60px;--thumb:40px;--logo-lg:52px;--dot:6px;--icon:20px;--icon-sm:16px;--step:22px}*{box-sizing:border-box}html,body{background:var(--bg-page);color:var(--text);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--w-body);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.topbar{height:52px;color:var(--text-strong);font-weight:var(--w-strong);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.topbar .sub{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--w-body)}.content{flex-direction:column;gap:16px;width:100%;max-width:960px;margin:0 auto;padding:4px 16px 24px;display:flex}.content h1{color:var(--text-strong);font-size:var(--fs-title);font-weight:var(--w-strong);margin:8px 0 0}.tabbar{height:var(--h-tabbar);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border-subtle);background:var(--bg-page);grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.tabbar a,.sidenav a{color:var(--text-faint);align-items:center;display:flex}.tabbar a{font-size:var(--fs-2xs);flex-direction:column;justify-content:center;gap:4px}.tabbar svg{width:var(--icon);height:var(--icon)}.tabbar a[aria-current=page]{color:var(--text-strong)}.sidenav{display:none}svg.icon{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@media (width>=1024px){.shell{grid-template-rows:auto 1fr;grid-template-columns:240px 1fr}.topbar{grid-column:1/-1}.sidenav{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.sidenav a{border-radius:var(--r-control);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--w-strong);gap:10px;padding:7px 10px}.sidenav svg{width:var(--icon-sm);height:var(--icon-sm)}.sidenav a[aria-current=page]{background:var(--bg-raised);color:var(--text-strong)}.tabbar{display:none}.content{padding-top:16px}}.btn{height:var(--h-btn);border-radius:var(--r-control);font-weight:var(--w-strong);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn.primary{background:var(--action-primary-bg);color:var(--action-primary-fg);height:var(--h-btn-hug);padding:0 18px}.btn.secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg)}.btn.tertiary{color:var(--action-tertiary-fg);background:0 0}.btn.sm{height:var(--h-btn-sm);font-size:var(--fs-sm);padding:0 10px}.btn:disabled{background:var(--action-disabled-bg);color:var(--action-disabled-fg)}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--fs-sm);color:var(--text-muted)}.field input{height:var(--h-input);background:var(--bg-control);border:1px solid var(--border-control);border-radius:var(--r-control);color:var(--text);outline:none;padding:0 12px}.field input::placeholder{color:var(--text-faint)}.field input:focus{border-color:var(--focus-ring)}.field small{font-size:var(--fs-xs);color:var(--text-muted)}.empty-state{background:var(--bg-surface);border-radius:var(--r-card);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.empty-state .t1{color:var(--text-strong);font-weight:var(--w-strong);margin:0}.empty-state .t2{color:var(--text-muted);font-size:var(--fs-sm);margin:0 0 8px;line-height:1.5}