:root{--bg-primary:#1d1d1f;--bg-secondary:#29292b;--bg-tertiary:#3c3c3e;--bg-elevated:#4c4c4e;--bg-overlay-light:#ffffff0f;--bg-overlay-medium:#ffffff1f;--bg-overlay-strong:#fff3;--bg-glass:#1d1d1fc7;--bg-glass-border:#ffffff14;--text-primary:#f2f2f7;--text-secondary:#a0a0a5;--text-tertiary:#6e6e73;--text-white:#fff;--text-inverse:#1d1d1f;--accent-blue:#06c;--accent-blue-hover:#0096ff;--accent-blue-light:#7db5f1;--accent-blue-subtle:#0066cc26;--accent-blue-glow:#0066cc59;--color-error:#ff3b30;--color-error-subtle:#ff3b3026;--color-success:#34c759;--color-success-subtle:#34c75926;--color-warning:#ff9f0a;--color-warning-subtle:#ff9f0a26;--color-info:#5ac8fa;--color-info-subtle:#5ac8fa26;--badge-blue-bg:#3b82f61f;--badge-success-bg:#34c75926;--badge-warning-bg:#ff9f0a26;--badge-error-bg:#ff3b3026;--border-color:#ffffff14;--border-color-hover:#ffffff26;--border-color-active:#06c6;--border-radius-xs:4px;--border-radius-sm:6px;--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-full:9999px;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #0006;--shadow-xl:0 24px 48px #00000080;--shadow-inset:inset 0 1px 3px #0000004d;--shadow-glow-blue:0 0 20px #0066cc40;--shadow-nav:0 -4px 24px #0006;--spacing-2xs:2px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:25px;--spacing-2xl:30px;--spacing-3xl:40px;--spacing-4xl:60px;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Noto Sans KR", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--font-size-2xs:.625rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.04em;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--header-height:56px;--bottom-nav-height:64px;--max-width-app:768px;--touch-target-min:44px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-nav:400;--z-overlay:500;--z-modal:600;--z-toast:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}body{background-color:var(--bg-primary);min-height:100dvh}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}img{height:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:var(--border-radius-xs)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)}#app-root{max-width:var(--max-width-app);background-color:var(--bg-primary);min-height:100dvh;margin:0 auto;position:relative}@media (min-width:769px){body{background-color:#111113}#app-root{box-shadow:-1px 0 0 var(--border-color), 1px 0 0 var(--border-color), 0 0 80px #0009}}.app-main{padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--spacing-lg));min-height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed);color:var(--text-secondary)}small{font-size:var(--font-size-xs);color:var(--text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);min-height:var(--touch-target-min);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:12px 20px;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent-blue);color:var(--text-white)}.btn-primary:hover{background-color:var(--accent-blue-hover);box-shadow:var(--shadow-glow-blue)}.btn-secondary{background-color:var(--bg-overlay-light);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-overlay-medium);border-color:var(--border-color-hover)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-overlay-light);color:var(--text-primary)}.btn-danger{background-color:var(--color-error-subtle);color:var(--color-error);border-color:#0000}.btn-danger:hover{background-color:var(--color-error);color:var(--text-white)}.btn-sm{font-size:var(--font-size-xs);min-height:36px;padding:8px 14px}.btn-lg{font-size:var(--font-size-base);border-radius:var(--border-radius);min-height:52px;padding:16px 28px}.btn-icon{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--border-radius-full);padding:0}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.card-interactive:hover{cursor:pointer;transform:translateY(-2px)}.card-elevated{background-color:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.input{width:100%;padding:12px var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);min-height:var(--touch-target-min);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.input::placeholder{color:var(--text-tertiary)}.input:focus{background-color:var(--bg-elevated);border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-subtle)}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);align-items:center;gap:4px;padding:4px 10px;line-height:1;display:inline-flex}.badge-blue{background-color:var(--badge-blue-bg);color:var(--accent-blue-light)}.badge-success{background-color:var(--badge-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--badge-warning-bg);color:var(--color-warning)}.badge-error{background-color:var(--badge-error-bg);color:var(--color-error)}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:200px;color:var(--text-secondary);flex-direction:column;display:flex}.spinner{border:2.5px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-container{padding:var(--spacing-lg)}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-tight)}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.empty-state{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-4xl) var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.empty-state-icon{width:48px;height:48px;color:var(--text-tertiary);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.empty-state-description{font-size:var(--font-size-sm);color:var(--text-tertiary);max-width:280px}.divider{background-color:var(--border-color);height:1px;margin:var(--spacing-lg) 0}@media (max-width:375px){:root{--spacing-lg:16px;--spacing-xl:20px}.page-container{padding:var(--spacing-md)}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.3s ease-out forwards pageIn}