*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit;background:none;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--glass-tint-rgb: 255, 255, 255;--glass-blur: 20px;--glass-bg: rgba(255, 255, 255, .06);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--glass-shadow-hover: 0 12px 48px rgba(0, 0, 0, .3);--glass-reflection: linear-gradient(135deg, rgba(255,255,255,.15) 0%, transparent 50%);--glass-radius: 20px;--glass-radius-sm: 12px;--glass-radius-xs: 8px;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-gradient: radial-gradient(ellipse at top, #1a1a2e 0%, #0a0a0f 70%);--bg-gradient-accent: radial-gradient(circle at 30% 20%, rgba(108, 99, 255, .08) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 101, 132, .06) 0%, transparent 50%);--header-bg: rgba(10, 10, 15, .7);--footer-bg: rgba(10, 10, 15, .5);--toast-bg: rgba(20, 20, 30, .85);--dropdown-bg: rgba(20, 20, 30, .92);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .55);--text-tertiary: rgba(255, 255, 255, .35);--text-on-accent: #ffffff;--accent: #6C63FF;--accent-hover: #7B73FF;--accent-glow: rgba(108, 99, 255, .3);--accent-secondary: #FF6584;--accent-secondary-glow: rgba(255, 101, 132, .3);--accent-text: #a29bff;--success: #34D399;--success-bg: rgba(52, 211, 153, .12);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .12);--error: #F87171;--error-bg: rgba(248, 113, 113, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-xs: .75rem;--font-sm: .8125rem;--font-base: .9375rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-dropdown: 10;--z-modal: 100;--z-toast: 200;--z-tooltip: 300;--header-height: 64px;--max-width: 1400px;--sidebar-width: 320px}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--glass-reflection);pointer-events:none;z-index:0}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover)}.glass>*{position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes springBounce{0%{transform:scale(1)}40%{transform:scale(1.15)}60%{transform:scale(.95)}80%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px #6c63ff26}}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient);z-index:-2}.app-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient-accent);z-index:-1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:#6c63ff4d;color:var(--text-primary)}[data-theme=light]{--glass-tint-rgb: 0, 0, 0;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-hover: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(0, 0, 0, .14);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06);--glass-shadow-hover: 0 12px 48px rgba(0, 0, 0, .1);--glass-reflection: linear-gradient(135deg, rgba(255, 255, 255, .6) 0%, transparent 50%);--bg-primary: #f2f2f7;--bg-secondary: #e5e5ea;--bg-gradient: radial-gradient(ellipse at top, #e8e8f2 0%, #f2f2f7 70%);--bg-gradient-accent: radial-gradient(circle at 30% 20%, rgba(108, 99, 255, .05) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 101, 132, .04) 0%, transparent 50%);--header-bg: rgba(255, 255, 255, .72);--footer-bg: rgba(255, 255, 255, .5);--toast-bg: rgba(255, 255, 255, .92);--dropdown-bg: rgba(255, 255, 255, .95);--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .52);--text-tertiary: rgba(0, 0, 0, .32);--text-on-accent: #ffffff;--accent: #5B54E0;--accent-hover: #4A43D0;--accent-glow: rgba(91, 84, 224, .18);--accent-secondary: #E0507A;--accent-secondary-glow: rgba(224, 80, 122, .18);--accent-text: #5B54E0;--success: #059669;--success-bg: rgba(5, 150, 105, .1);--warning: #D97706;--warning-bg: rgba(217, 119, 6, .1);--error: #DC2626;--error-bg: rgba(220, 38, 38, .1)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000038}[data-theme=light] ::selection{background:#5b54e033}@media(max-width:1200px){:root{--max-width: 1000px}}@media(max-width:768px){:root{--glass-radius: 16px;--header-height: 56px;--font-3xl: 2rem;--font-2xl: 1.5rem;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px}}@media(max-width:480px){:root{--glass-radius: 12px;--font-3xl: 1.75rem;--font-2xl: 1.25rem}}.toast-container{position:fixed;top:calc(var(--header-height) + var(--space-md));right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;background:var(--toast-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);box-shadow:0 8px 32px #0000004d;color:var(--text-primary);font-size:var(--font-sm);pointer-events:all;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1);min-width:240px;max-width:380px}.toast--exit{animation:toastSlideOut .3s ease forwards}.toast__icon{display:flex;align-items:center;flex-shrink:0}.toast--success .toast__icon{color:var(--success)}.toast--info .toast__icon{color:var(--accent)}.toast--warning .toast__icon{color:var(--warning)}.toast--error .toast__icon{color:var(--error)}.toast--copy .toast__icon{color:var(--accent)}.toast__message{flex:1;line-height:1.4}.toast__close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:4px;transition:all var(--transition-fast);flex-shrink:0}.toast__close:hover{color:var(--text-primary);background:rgba(var(--glass-tint-rgb),.1)}@media(max-width:480px){.toast-container{left:var(--space-md);right:var(--space-md)}.toast{max-width:none}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--glass-radius-xs);background:rgba(var(--glass-tint-rgb),.06);border:1px solid rgba(var(--glass-tint-rgb),.1);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.theme-toggle:hover{background:rgba(var(--glass-tint-rgb),.12);border-color:rgba(var(--glass-tint-rgb),.2);color:var(--text-primary);transform:rotate(15deg)}.theme-toggle:active{transform:scale(.92) rotate(15deg)}.theme-toggle svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:hover svg{transform:scale(1.1)}.header{position:sticky;top:0;z-index:var(--z-dropdown);background:var(--header-bg);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid var(--glass-border);height:var(--header-height)}.header__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);height:100%}.header__logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:var(--font-lg);transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.8}.header__logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.header__logo-text{font-size:var(--font-lg);letter-spacing:-.02em}.header__logo-accent{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__nav{display:flex;align-items:center;gap:var(--space-xs)}.header__nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--glass-radius-xs);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;transition:all var(--transition-base);text-decoration:none;position:relative}.header__nav-item:hover{color:var(--text-primary);background:var(--glass-bg)}.header__nav-item--active{color:var(--text-primary);background:#6c63ff1f;border:1px solid rgba(108,99,255,.2)}.header__nav-item--active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent);border-radius:1px}.header__actions{display:flex;align-items:center;gap:var(--space-md)}.header__shortcut-hint{font-size:var(--font-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.header__shortcut-hint kbd{display:inline-flex;align-items:center;padding:2px 6px;background:rgba(var(--glass-tint-rgb),.08);border:1px solid rgba(var(--glass-tint-rgb),.12);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;line-height:1.4}.header__user-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border:2px solid rgba(108,99,255,.4);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.header__user-btn:hover{transform:scale(1.08);box-shadow:0 0 0 3px var(--accent-glow)}.header__user-initial{font-size:var(--font-xs);font-weight:700;color:#fff;line-height:1;user-select:none}.header__login-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#6c63ff1f;border:1px solid rgba(108,99,255,.25);border-radius:var(--glass-radius-xs);color:var(--accent-text);font-size:var(--font-xs);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;flex-shrink:0}.header__login-btn:hover{background:#6c63ff33;border-color:#6c63ff66;color:var(--accent)}@media(max-width:768px){.header__inner{padding:0 var(--space-md)}.header__nav-item span{display:none}.header__nav-item{padding:8px}.header__shortcut-hint,.header__logo-text,.header__login-btn span{display:none}.header__login-btn{padding:7px}}.footer{margin-top:auto;padding:var(--space-sm) var(--space-xl);border-top:1px solid var(--glass-border);background:var(--footer-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.footer__text{font-size:var(--font-xs);color:var(--text-secondary);display:flex;align-items:center;gap:4px;white-space:nowrap}.footer__heart{color:var(--accent-secondary);animation:pulse 2s ease-in-out infinite}.footer__sub{font-size:var(--font-xs);color:var(--text-tertiary)}.footer__sub kbd{display:inline-flex;padding:1px 5px;background:rgba(var(--glass-tint-rgb),.06);border:1px solid rgba(var(--glass-tint-rgb),.1);border-radius:3px;font-family:var(--font-mono);font-size:.65rem}.footer__sep{color:var(--text-tertiary);opacity:.3;font-size:var(--font-xs)}.footer__lang{display:inline-flex;align-items:center;gap:var(--space-xs)}.footer__lang-label{font-size:var(--font-xs);color:var(--text-tertiary);user-select:none}.footer__lang-select{appearance:none;-webkit-appearance:none;background:rgba(var(--glass-tint-rgb),.08);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);font-size:var(--font-xs);padding:3px 28px 3px 8px;cursor:pointer;outline:none;transition:border-color .15s,background .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.footer__lang-select:hover,.footer__lang-select:focus{border-color:var(--accent-primary);background-color:rgba(var(--glass-tint-rgb),.14)}.footer__links{display:flex;align-items:center;gap:var(--space-md)}.footer__link{font-size:var(--font-xs);color:var(--text-tertiary);text-decoration:none;transition:color .15s}.footer__link:hover{color:var(--accent-primary)}@media(max-width:768px){.footer{padding:var(--space-md) var(--space-lg)}.footer__inner{flex-direction:column;gap:var(--space-xs);text-align:center}.footer__sep{display:none}}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.layout__bg{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient);z-index:-10}.layout__bg-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.15;z-index:-5;pointer-events:none;animation:orbFloat 20s ease-in-out infinite}.layout__bg-orb--1{width:600px;height:600px;background:var(--accent);top:-200px;left:-100px;animation-delay:0s}.layout__bg-orb--2{width:500px;height:500px;background:var(--accent-secondary);bottom:-200px;right:-100px;animation-delay:-7s;animation-duration:25s}.layout__bg-orb--3{width:400px;height:400px;background:#34d399;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;animation-duration:30s;opacity:.08}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,15px) scale(1.02)}}.layout__main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-xl) var(--space-xl) var(--space-md)}@media(max-width:768px){.layout__main{padding:var(--space-md) var(--space-md) var(--space-sm)}.layout__bg-orb--1{width:300px;height:300px}.layout__bg-orb--2{width:250px;height:250px}.layout__bg-orb--3{display:none}}