:root,[data-theme=light]{--primary:#7c3aed;--primary-soft:#9d5cf5;--on-primary:#fff;--primary-container:#f0eafe;--on-primary-container:#3b0764;--accent-2:#06b6d4;--accent-3:#ec4899;--surface:#fff;--surface-dim:#f4f3f7;--surface-bright:#fff;--surface-elevated:#fff;--on-surface:#18161f;--on-surface-variant:#5f5b6b;--outline:#908c9c;--outline-variant:#e6e3ee;--background:#f7f6fb;--background-grad:radial-gradient(1200px 600px at 100% -10%, #efeafe 0%, transparent 55%), radial-gradient(900px 500px at -10% 0%, #e7f7fb 0%, transparent 50%), #f7f6fb;--on-background:#18161f;--success:#10b981;--success-container:#d1fae5;--on-success-container:#065f46;--error:#e0463c;--on-error:#fff;--error-container:#fdecea;--on-error-container:#8c1d18;--glass-bg:#ffffffb8;--glass-border:#fff9;--glass-blur:16px;--text:var(--on-surface-variant);--text-h:var(--on-surface);--bg:var(--surface);--border:var(--outline-variant);--code-bg:var(--surface-dim);--accent:var(--primary);--accent-bg:var(--primary-container);--accent-border:var(--primary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#b794f6;--primary-soft:#c9a8fb;--on-primary:#2a1758;--primary-container:#3b256e;--on-primary-container:#ece3ff;--accent-2:#22d3ee;--accent-3:#f472b6;--surface:#1a1822;--surface-dim:#131119;--surface-bright:#221f2c;--surface-elevated:#232030;--on-surface:#ece8f3;--on-surface-variant:#b3adc2;--outline:#6f6982;--outline-variant:#322e3e;--background:#0f0e14;--background-grad:radial-gradient(1200px 600px at 100% -10%, #241a45 0%, transparent 55%), radial-gradient(900px 500px at -10% 0%, #102a33 0%, transparent 50%), #0f0e14;--on-background:#ece8f3;--success:#34d399;--success-container:#10b98129;--on-success-container:#6ee7b7;--error:#f2867d;--on-error:#5c100b;--error-container:#e0463c29;--on-error-container:#ffb4ad;--glass-bg:#1a1822a8;--glass-border:#ffffff14;--glass-blur:18px;--text:var(--on-surface-variant);--text-h:var(--on-surface);--bg:var(--surface);--border:var(--outline-variant);--code-bg:var(--surface-dim);--accent:var(--primary);--accent-bg:var(--primary-container);--accent-border:var(--primary);--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 16px -4px #00000080;--shadow-3:0 18px 40px -12px #0009;--shadow-glow:0 8px 30px -6px #b794f659}}[data-theme=dark]{--primary:#b794f6;--primary-soft:#c9a8fb;--on-primary:#2a1758;--primary-container:#3b256e;--on-primary-container:#ece3ff;--accent-2:#22d3ee;--accent-3:#f472b6;--surface:#1a1822;--surface-dim:#131119;--surface-bright:#221f2c;--surface-elevated:#232030;--on-surface:#ece8f3;--on-surface-variant:#b3adc2;--outline:#6f6982;--outline-variant:#322e3e;--background:#0f0e14;--background-grad:radial-gradient(1200px 600px at 100% -10%, #241a45 0%, transparent 55%), radial-gradient(900px 500px at -10% 0%, #102a33 0%, transparent 50%), #0f0e14;--on-background:#ece8f3;--success:#34d399;--success-container:#10b98129;--on-success-container:#6ee7b7;--error:#f2867d;--on-error:#5c100b;--error-container:#e0463c29;--on-error-container:#ffb4ad;--glass-bg:#1a1822a8;--glass-border:#ffffff14;--glass-blur:18px;--text:var(--on-surface-variant);--text-h:var(--on-surface);--bg:var(--surface);--border:var(--outline-variant);--code-bg:var(--surface-dim);--accent:var(--primary);--accent-bg:var(--primary-container);--accent-border:var(--primary);--shadow-1:0 1px 2px #0006;--shadow-2:0 6px 16px -4px #00000080;--shadow-3:0 18px 40px -12px #0009;--shadow-glow:0 8px 30px -6px #b794f659}:root{--shadow-1:0 1px 2px #18161f0f, 0 1px 3px #18161f0a;--shadow-2:0 8px 24px -8px #18161f1f, 0 2px 6px -2px #18161f0f;--shadow-3:0 20px 48px -16px #18161f2e, 0 6px 12px -6px #18161f14;--shadow-glow:0 10px 36px -8px #7c3aed47;--grad-primary:linear-gradient(135deg, #7c3aed 0%, #9d5cf5 50%, #06b6d4 140%);--grad-primary-soft:linear-gradient(135deg, #7c3aed1f, #06b6d41a);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--sans:"Noto Sans KR", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Noto Sans KR", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;padding:12px 24px;font-size:15px;font-weight:600;line-height:1.4;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-glow);background-size:160% 160%}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-3), var(--shadow-glow);background-position:100%}.btn-ghost{background:var(--surface-dim);color:var(--text-h);border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--surface-bright);border-color:var(--border)}.btn-block{width:100%}.btn-lg{padding:16px 28px;font-size:17px}.btn-sm{padding:8px 16px;font-size:13px}.btn-outline{color:var(--text-h);border:1.5px solid var(--outline-variant);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-success{background:var(--success);color:#fff}.btn-danger{color:var(--error);border:1.5px solid var(--error);background:0 0}.btn-danger:hover:not(:disabled){background:var(--error-container)}.segment{background:var(--surface-dim);border-radius:var(--radius-full);gap:4px;width:100%;padding:4px;display:inline-flex}.segment-item{color:var(--on-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.segment-item-active{background:var(--surface-elevated);color:var(--primary);box-shadow:var(--shadow-1)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-container);color:var(--on-success-container)}.badge-error{background:var(--error-container);color:var(--on-error-container)}.badge-muted{background:var(--surface-dim);color:var(--on-surface-variant)}.select{border-radius:var(--radius-md);border:1.5px solid var(--outline-variant);background:var(--surface);color:var(--on-surface);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:15px;display:block}.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--accent-bg)}.input{border-radius:var(--radius-md);border:1.5px solid var(--outline-variant);background:var(--surface);width:100%;color:var(--on-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none;padding:13px 16px;font-size:15px;line-height:1.4;display:block}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--accent-bg)}.input::placeholder{color:var(--on-surface-variant);opacity:.6}.label{margin-bottom:var(--space-2);color:var(--text-h);font-size:14px;font-weight:600;display:block}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-1);transition:transform var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.card-interactive:active{transform:translateY(-1px)scale(.99)}.card-header{padding:var(--space-4);background:var(--surface-dim);border-bottom:1px solid var(--border)}.card-body{padding:var(--space-4)}.banner-error{border-radius:var(--radius-md);background:var(--error-container);border:1px solid var(--error);color:var(--error);padding:12px 16px;font-size:14px}.banner-success{border-radius:var(--radius-md);background:var(--success-container);border:1px solid var(--success);color:var(--on-success-container);padding:12px 16px;font-size:14px}.chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--surface-dim);color:var(--on-surface-variant);border:1px solid var(--outline-variant);padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-active{background:var(--primary-container);color:var(--on-primary-container);border-color:#0000}.spinner{border:3px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dropzone{border:2px dashed var(--outline-variant);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:var(--grad-primary-soft);padding:48px 24px}.dropzone:hover{border-color:var(--primary)}.nav-top{z-index:90;padding:10px 18px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom:1px solid var(--glass-border);align-items:center;gap:4px;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.03em;color:var(--text-h);align-items:center;gap:8px;margin-right:8px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.nav-brand:hover{text-decoration:none}.nav-brand img{width:26px;height:26px}.nav-link{border-radius:var(--radius-full);color:var(--text);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--surface-dim);text-decoration:none}.nav-link-active{color:var(--primary);background:var(--accent-bg);font-weight:700}.nav-icon-btn{background:var(--surface-dim);border-radius:var(--radius-full);cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.nav-icon-btn:hover{background:var(--surface-bright)}.nav-icon-btn:active{transform:scale(.92)}.nav-bottom{bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--glass-bg);width:calc(100% - 24px);max-width:460px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-full);z-index:100;box-shadow:var(--shadow-3);justify-content:space-around;padding:7px 8px;display:none;position:fixed;left:50%;transform:translate(-50%)}.nav-tab{color:var(--on-surface-variant);border-radius:var(--radius-lg);min-width:0;transition:color var(--transition-fast), background var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.nav-tab:hover{text-decoration:none}.nav-tab-active{color:var(--primary);background:var(--accent-bg)}.nav-tab-icon{transition:transform var(--transition-fast);font-size:21px;line-height:1}.nav-tab-active .nav-tab-icon{transform:translateY(-1px)scale(1.08)}.nav-tab-label{line-height:1.2}@media (width<=768px){.nav-top{display:none}.nav-bottom{display:flex}#root{padding-bottom:84px}.page-container{padding-bottom:24px}}@media (width>=769px){#root{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}.elevation-1{box-shadow:var(--shadow-1)}.elevation-2{box-shadow:var(--shadow-2)}.elevation-3{box-shadow:var(--shadow-3)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";opacity:.25;pointer-events:none;background:radial-gradient(circle,currentColor 10%,#0000 10%) 50%/0% no-repeat;transition:none;position:absolute;inset:0}.ripple:active:after{opacity:0;background-size:1000%;transition:background-size .3s,opacity .3s}.flex-row{flex-direction:row;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-muted{color:var(--text)}.text-error{color:var(--error)}.text-success{color:var(--success)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.surface-soft{background:var(--grad-primary-soft);border:1px solid var(--accent-border)}.stat-circle{text-align:center}.stat-circle-value{letter-spacing:-.03em;font-size:36px;font-weight:800}.stat-circle-label{color:var(--text);margin-top:4px;font-size:14px}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.max-w-sm{max-width:400px}.grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=640px){.grid-2,.grid-3{grid-template-columns:1fr}}*{box-sizing:border-box}:root{transition:background var(--transition-normal), color var(--transition-normal)}html,body{min-height:100%;margin:0}body{font:16px/1.5 var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--background-grad);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}#root{flex-direction:column;min-height:100svh;display:flex}.main-content{flex:1;justify-content:center;display:flex}.page-container{width:100%;max-width:760px;padding:24px 18px 32px;padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px));box-sizing:border-box;animation:page-in .4s var(--ease-spring)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3{font-family:var(--heading);color:var(--text-h);letter-spacing:-.025em;font-weight:700}h1{margin:0 0 14px;font-size:30px;line-height:1.2}h2{margin:0 0 8px;font-size:21px;line-height:1.3}h3{margin:0 0 6px;font-size:17px;line-height:1.35}p{margin:0;line-height:1.6}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=640px){h1{font-size:25px}h2{font-size:18px}h3{font-size:16px}button,input,select,textarea{font-size:16px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}