.l-topbar{z-index:var(--z-header);height:var(--header-height);-webkit-backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--border-subtle);background:#0a0a0bb8;position:sticky;top:0}.l-topbar__inner{align-items:center;gap:var(--s-6);height:100%;max-width:var(--content-max);padding:0 var(--s-6);margin:0 auto;display:flex}.l-topbar__brand{align-items:center;gap:var(--s-2);color:var(--accent-400);letter-spacing:-.04em;font-size:22px;font-weight:800;display:inline-flex}.l-topbar__brand:hover{color:var(--accent-400)}.l-topbar__brand-text{color:var(--text-primary)}.l-topbar__logo{align-items:center;display:inline-flex}.l-topbar__nav{align-items:center;gap:var(--s-1);margin-left:var(--s-2);display:flex}.l-topbar__link{height:36px;padding:0 var(--s-4);border-radius:var(--r-sm);font-size:var(--fs-caption);color:var(--text-secondary);letter-spacing:.02em;transition:color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);align-items:center;font-weight:600;display:inline-flex}.l-topbar__link:hover{color:var(--text-primary);background:var(--bg-surface-2)}.l-topbar__link.is-active{color:var(--accent-400);background:#d4ff3f14}.l-topbar__search{align-items:center;gap:var(--s-3);height:38px;padding:0 var(--s-3) 0 var(--s-3);border-radius:var(--r-sm);border:1px solid var(--border-default);background:var(--bg-surface-1);color:var(--text-tertiary);font-size:var(--fs-caption);cursor:pointer;min-width:240px;transition:border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);margin-left:auto;display:inline-flex}.l-topbar__search:hover{border-color:var(--border-strong);color:var(--text-secondary)}.l-topbar__search-label{text-align:left;flex:1}.l-topbar__search-kbd{align-items:center;gap:var(--s-1);display:inline-flex}@media (width<=720px){.l-topbar__inner{padding:0 var(--s-4);gap:var(--s-3)}.l-topbar__nav{display:none}.l-topbar__search{flex:1;min-width:0}.l-topbar__search-label{display:none}}.l-shell{background:var(--bg-canvas);flex-direction:column;min-height:100%;display:flex}.l-shell__main{flex:1}.l-shell__main>*{animation:l-shell-fade var(--dur-3) var(--ease-out)}@keyframes l-shell-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.l-shell__main>*{animation:none}}.c-dialog{z-index:var(--z-dialog);background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);animation:c-dialog-fade var(--dur-3) var(--ease-out);padding:var(--s-6);justify-content:center;display:flex;position:fixed;inset:0}.c-dialog--center{align-items:center}.c-dialog--top{align-items:flex-start;padding-top:12vh}@keyframes c-dialog-fade{0%{opacity:0}to{opacity:1}}.c-dialog__panel{border-radius:var(--r-lg);border:1px solid var(--border-default);background:var(--bg-surface-1);width:100%;max-width:640px;max-height:80vh;box-shadow:var(--shadow-3);animation:c-dialog-pop var(--dur-3) var(--spring-soft);flex-direction:column;display:flex;overflow:hidden}@keyframes c-dialog-pop{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.c-dialog,.c-dialog__panel{animation:none}}@media (width<=720px){.c-dialog{padding:0}.c-dialog--top{padding-top:0}.c-dialog__panel{border-radius:0;max-width:none;height:100%;max-height:100vh}}.d-cmd{flex-direction:column;height:100%;min-height:0;display:flex}.d-cmd__head{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border-subtle);display:flex}.d-cmd__icon{font-family:var(--font-mono);color:var(--accent-400);font-size:18px}.d-cmd__input{color:var(--text-primary);font-size:var(--fs-h3);background:0 0;border:none;outline:none;flex:1;font-weight:500}.d-cmd__input::placeholder{color:var(--text-tertiary);font-weight:400}.d-cmd__esc{color:var(--text-tertiary)}.d-cmd__body{padding:var(--s-3) var(--s-3);flex:1;min-height:200px;overflow-y:auto}.d-cmd__empty{padding:var(--s-6);text-align:center;color:var(--text-tertiary)}.d-cmd__group{margin-bottom:var(--s-4)}.d-cmd__group-label{padding:var(--s-2) var(--s-3);display:block}.d-cmd__group ul{flex-direction:column;display:flex}.d-cmd__item{justify-content:space-between;align-items:center;gap:var(--s-3);width:100%;height:40px;padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--text-primary);font-size:var(--fs-body);text-align:left;cursor:pointer;transition:background var(--dur-1) var(--ease-out);background:0 0;display:flex}.d-cmd__item:hover,.d-cmd__item.is-active{background:var(--bg-surface-2)}.d-cmd__item.is-active{outline:1px solid var(--accent-400)}.d-cmd__label{flex:1;min-width:0}.d-cmd__hint{font-size:var(--fs-caption);color:var(--text-tertiary);font-family:var(--font-mono)}.d-cmd__foot{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-5);border-top:1px solid var(--border-subtle);background:var(--bg-surface-2);font-size:var(--fs-micro);color:var(--text-tertiary);display:flex}.d-fab{right:var(--s-6);bottom:var(--s-6);z-index:var(--z-popover);align-items:center;gap:var(--s-2);height:48px;padding:0 var(--s-5);border-radius:var(--r-full);background:var(--accent-400);color:var(--accent-foreground);font-weight:700;font-size:var(--fs-caption);cursor:pointer;transition:transform var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);border:none;display:inline-flex;position:fixed;box-shadow:0 12px 32px #d4ff3f47,0 2px 8px #0000004d}.d-fab:hover{background:var(--accent-500);transform:translateY(-2px)}.d-fab:active{transform:translateY(0)}.d-fab__label{letter-spacing:.04em}@media (width<=720px){.d-fab{right:var(--s-4);bottom:var(--s-4);height:44px;padding:0 var(--s-4)}}.c-toast-region{right:var(--s-6);bottom:var(--s-6);z-index:var(--z-toast);gap:var(--s-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.c-toast{align-items:flex-start;gap:var(--s-4);min-width:280px;max-width:420px;padding:var(--s-4) var(--s-5);border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-surface-2);color:var(--text-primary);box-shadow:var(--shadow-3);pointer-events:auto;animation:c-toast-in var(--dur-3) var(--spring-soft);display:flex}@keyframes c-toast-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.c-toast--success{border-color:#4ade8066}.c-toast--danger{border-color:#f8717166}.c-toast--info{border-color:#60a5fa66}.c-toast__body{gap:var(--s-1);flex-direction:column;flex:1;display:flex}.c-toast__title{font-weight:600;font-size:var(--fs-body)}.c-toast__desc{font-size:var(--fs-caption);color:var(--text-secondary)}.c-toast__actions{align-items:center;gap:var(--s-2);display:flex}.c-toast__action{height:28px;padding:0 var(--s-3);border-radius:var(--r-xs);border:1px solid var(--border-strong);color:var(--accent-400);font-size:var(--fs-caption);cursor:pointer;background:0 0;font-weight:600}.c-toast__action:hover{background:#d4ff3f14}.c-toast__close{border-radius:var(--r-xs);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.c-toast__close:hover{background:var(--bg-surface-3);color:var(--text-primary)}@media (width<=720px){.c-toast-region{left:var(--s-4);right:var(--s-4);bottom:var(--s-4)}.c-toast{min-width:0;max-width:none}}:root{--bg-canvas:#0a0a0b;--bg-surface-1:#111114;--bg-surface-2:#16161b;--bg-surface-3:#1d1d24;--bg-overlay:#0a0a0bb8;--border-subtle:#1f1f26;--border-default:#2a2a33;--border-strong:#3a3a46;--text-primary:#f5f5f7;--text-secondary:#c4c4cc;--text-tertiary:#8d8d96;--text-disabled:#65656d;--accent-50:#f4ffd6;--accent-100:#e5ffab;--accent-400:#d4ff3f;--accent-500:#b8e632;--accent-600:#95bd24;--accent-foreground:#0a0a0b;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--diff-basic:#60a5fa;--diff-intermediate:#fbbf24;--diff-advanced:#f87171;--status-completed:#4ade80;--status-processing:#60a5fa;--status-pending:#c4c4cc;--status-failed:#f87171;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-14:56px;--s-20:80px;--s-28:112px;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-display:clamp(40px, 6vw, 72px);--fs-h1:clamp(28px, 3.6vw, 40px);--fs-h2:clamp(22px, 2.4vw, 28px);--fs-h3:18px;--fs-body:15px;--fs-reading:17px;--fs-caption:13px;--fs-micro:11px;--lh-tight:1.15;--lh-snug:1.35;--lh-normal:1.55;--lh-reading:1.75;--tw-display:-.02em;--tw-heading:-.01em;--tw-body:0;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 16px #00000073;--shadow-3:0 12px 40px #0000008c;--shadow-glow:0 0 0 1px var(--accent-400), 0 0 24px #d4ff3f40;--ring-focus:0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--accent-400);--dur-1:75ms;--dur-2:.15s;--dur-3:.25s;--dur-4:.4s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.6, 0, .4, 1);--spring-soft:cubic-bezier(.34, 1.56, .64, 1);--content-max:1200px;--reading-max:720px;--rail-width:280px;--header-height:64px;--z-header:50;--z-sticky:40;--z-dialog:70;--z-toast:80;--z-popover:60}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s;--dur-4:0s}}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg-canvas)}body{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-primary);background:var(--bg-canvas);letter-spacing:var(--tw-body);word-break:keep-all;overflow-wrap:anywhere}code,kbd,samp,pre,.t-mono,[class*=__mono]{word-break:normal;overflow-wrap:normal}::selection{background:var(--accent-400);color:var(--accent-foreground)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--r-full);border:2px solid var(--bg-canvas)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--r-xs);outline:none}a{transition:color var(--dur-2) var(--ease-out)}a:hover{color:var(--accent-400)}.h-display{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tw-display);font-weight:800}.h-h1{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--tw-heading);font-weight:700}.h-h2{font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--tw-heading);font-weight:700}.h-h3{font-size:var(--fs-h3);line-height:var(--lh-snug);font-weight:600}.t-eyebrow{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:600}.t-muted{color:var(--text-secondary)}.t-tertiary{color:var(--text-tertiary)}.t-mono{font-family:var(--font-mono)}.l-page{max-width:var(--content-max);padding:var(--s-10) var(--s-6) var(--s-20);margin:0 auto}@media (width<=720px){.l-page{padding:var(--s-6) var(--s-4) var(--s-14)}}.u-stack{flex-direction:column;display:flex}.u-stack-1{gap:var(--s-1)}.u-stack-2{gap:var(--s-2)}.u-stack-3{gap:var(--s-3)}.u-stack-4{gap:var(--s-4)}.u-stack-5{gap:var(--s-5)}.u-stack-6{gap:var(--s-6)}.u-stack-8{gap:var(--s-8)}.u-row{align-items:center;display:flex}.u-row-2{gap:var(--s-2)}.u-row-3{gap:var(--s-3)}.u-row-4{gap:var(--s-4)}.u-row-6{gap:var(--s-6)}.u-row-between{justify-content:space-between;align-items:center;display:flex}.u-spacer{flex:1}.u-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.u-line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.u-line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}