@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-dark: #07080d;--bg-card: rgba(255, 255, 255, .03);--bg-glass: rgba(15, 23, 42, .8);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .2);--secondary: #a855f7;--accent: #10b981;--text-primary: #ffffff;--text-main: #f8fafc;--text-dim: #94a3b8;--text-sidebar-active: #ffffff;--border-glass: rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(255, 255, 255, .1);--color-scheme: dark;--grad-premium: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--grad-dark: radial-gradient(circle at top right, #1e1b4b 0%, #07080d 100%);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}[data-theme=light]{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--text-primary: #0f172a;--text-main: #0f172a;--text-dim: #334155;--text-sidebar-active: #0f172a;--border-glass: rgba(0, 0, 0, .15);--scrollbar-thumb: rgba(0, 0, 0, .2);--color-scheme: light;--grad-dark: radial-gradient(circle at top right, #e2e8f0 0%, #f8fafc 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:24px;box-shadow:0 4px 30px #0000001a}.gradient-text{background:var(--grad-premium);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.btn-primary{background:var(--grad-premium);color:#fff;padding:12px 28px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;box-shadow:0 10px 20px -5px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px #6366f199}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 4s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.modal-content{max-height:85vh;overflow-y:auto;scrollbar-gutter:stable}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px!important;cursor:pointer;color-scheme:var(--color-scheme)}select option{background-color:var(--bg-dark);color:var(--text-main)}@media(min-width:769px){.md-hidden{display:none!important}}@media(max-width:768px){.sidebar{position:fixed!important;left:-280px;z-index:1000;transition:left .3s ease;background:var(--bg-dark)!important;box-shadow:10px 0 30px #00000080}.sidebar.open{left:0!important}.sidebar-overlay{display:block!important;position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main-content{padding:20px!important}.landing-hero h1{font-size:42px!important}.landing-hero p{font-size:18px!important}.nav-mobile{padding:16px 20px!important}}@media(max-width:640px){.hero-btn{width:100%;justify-content:center}.glass-card{padding:20px!important}.stat-card{flex:1 1 100%!important}}.sidebar-overlay{display:none}.subskill-item:hover .subskill-delete-btn{opacity:1!important}