:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0b0c0e;--color-surface-sunken:#0e1013;--color-surface-default:#101215;--color-surface-raised:#14171b;--color-surface-hover:#171a1f;--color-surface-selected:#191c21;--color-border-subtle:#ffffff0f;--color-border-default:#ffffff17;--color-border-strong:#ffffff24;--color-text-primary:#f2f4f7;--color-text-secondary:#a2aab6;--color-text-muted:#8a919d;--color-focus-ring:var(--color-text-primary);--color-item-normal:#c8c8c8;--color-item-magic:#7d98ff;--color-item-rare:#f6e65c;--color-item-set:#55c96b;--color-item-unique:#c9ab88;--color-item-runeword:#a2aab6;--color-item-crafted:#ff9c52;--color-status-active:#79c891;--color-status-completed:#8db9e8;--color-status-expired:#d5b36e;--color-feedback-danger:#e8615f;--color-feedback-danger-subtle:#e8615f24;--color-feedback-positive:#79c891;--color-feedback-warning:#f5a03c;--color-overlay-backdrop-strong:#040507a8;--color-overlay-backdrop-medium:#04050794;--color-overlay-backdrop-soft:#04050785;--color-overlay-backdrop-light:#0405074d;--shadow-floating:0 8px 24px #00000070;--shadow-floating-medium:0 12px 32px #00000080;--shadow-floating-large:0 18px 44px #0000008f;--shadow-sheet:0 -10px 30px #00000080;--shadow-icon-contrast:drop-shadow(0 1px 1px #000c);--color-item-slot:color-mix(in srgb, var(--color-surface-raised) 80%, transparent);--color-processing-overlay:color-mix(in srgb, var(--color-canvas) 84%, transparent);--radius-sm:6px;--radius:8px;--radius-panel:10px;--radius-dialog:12px;--radius-pill:999px;--transition-fast:.12s ease;--transition:.15s ease;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--icon-size-sm:16px;--icon-size:18px;--icon-stroke:1.6;--nav-height:56px;--control-height-sm:28px;--control-height:36px;--control-height-lg:40px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.01em;--tracking-label:.05em;--z-raised:1;--z-sticky:10;--z-header:30;--z-panel:40;--z-dropdown:60;--z-modal:100;--z-popover:20;--z-drawer-backdrop:45;--z-drawer:50;--z-nav-overlay:70;--z-tooltip:1000;--opacity-disabled:.5;--opacity-muted:.65;--opacity-pressed:.86;--space-half:2px;--touch-target:44px;--popover-width-md:320px;--popover-width-lg:360px;--dialog-width:440px;--dialog-width-wide:800px;--font-sans:"Pretendard Variable", Pretendard, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--letter-spacing:0}:root[data-color-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f6f7f9;--color-surface-sunken:#edf0f4;--color-surface-default:#fff;--color-surface-raised:#fff;--color-surface-hover:#eceff3;--color-surface-selected:#e6eaef;--color-border-subtle:#090c1112;--color-border-default:#090c111c;--color-border-strong:#090c112b;--color-text-primary:#14171c;--color-text-secondary:#59616e;--color-text-muted:#5f6773;--color-focus-ring:#14171c;--color-item-normal:#4a5058;--color-item-magic:#2f52b5;--color-item-rare:#6a5d00;--color-item-set:#1f6f34;--color-item-unique:#7a4f2a;--color-item-runeword:#59616e;--color-item-crafted:#9a3c00;--color-status-active:#1f6f34;--color-status-completed:#22619e;--color-status-expired:#7d5a15;--color-feedback-danger:#b01e28;--color-feedback-danger-subtle:#b01e281a;--color-feedback-positive:#1f6f34;--color-feedback-warning:#9a4a00;--color-overlay-backdrop-strong:#10141b70;--color-overlay-backdrop-medium:#10141b5c;--color-overlay-backdrop-soft:#10141b4d;--color-overlay-backdrop-light:#10141b24;--shadow-floating:0 8px 24px #10141b1f;--shadow-floating-medium:0 12px 32px #10141b24;--shadow-floating-large:0 18px 44px #10141b29;--shadow-sheet:0 -10px 30px #10141b24;--shadow-icon-contrast:drop-shadow(0 1px 1px #0000008c);--color-item-slot:color-mix(in srgb, var(--color-surface-raised) 80%, transparent);--color-processing-overlay:color-mix(in srgb, var(--color-canvas) 84%, transparent)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-sans);letter-spacing:var(--letter-spacing);font-size:var(--text-base);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;line-height:1.5}img,svg{max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}@media (width<=820px){input,select,textarea{font-size:16px!important}}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}:is(input:not([type=checkbox],[type=radio]),select,textarea):focus-visible{outline:2px solid var(--color-focus-field);outline-offset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{min-height:100vh}@keyframes skeleton-pulse{0%{opacity:.45}to{opacity:.9}}.stat-n{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.btn{box-sizing:border-box;min-width:0;height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius);background:var(--color-surface-default);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-hover)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn:disabled{opacity:var(--opacity-disabled);cursor:default}.btn.lg{height:var(--control-height-lg)}.btn.sm{height:var(--control-height-sm);padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs)}.btn.primary{background:var(--color-text-primary);color:var(--color-canvas);font-weight:var(--weight-semibold);border-color:#0000}.btn.primary:hover:not(:disabled){background:var(--color-text-primary);opacity:var(--opacity-pressed);border-color:#0000}.btn.danger{border-color:var(--color-feedback-danger);background:var(--color-feedback-danger-subtle);color:var(--color-feedback-danger)}.btn.danger:hover:not(:disabled){border-color:var(--color-feedback-danger);background:var(--color-feedback-danger-subtle);filter:brightness(1.08)}.field{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius);background:var(--color-surface-default);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast);display:block}.field:hover:not(:disabled){border-color:var(--color-border-strong)}.field:disabled{opacity:var(--opacity-disabled)}.field.lg{height:var(--control-height-lg)}.field.sm{height:var(--control-height-sm);padding-inline:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}textarea.field{height:auto;min-height:calc(var(--control-height) * 2);padding-block:var(--space-2);resize:vertical}select.field.sm{padding-inline-end:var(--space-6)}:root{--layout-width:960px;--layout-gutter:max(var(--space-5), calc((100% - var(--layout-width)) / 2));--color-logo-accent:#ffa000;--color-logo-muted:var(--color-text-secondary);--color-focus-field:var(--color-focus-ring)}:root[data-color-theme=light]{--color-logo-muted:#646464}#app{flex-direction:column;min-height:100dvh;display:flex}.visually-hidden-focusable:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}