@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--background:0 0% 0%;--foreground:0 0% 95%;--card:0 0% 5%;--card-foreground:0 0% 95%;--primary:194 100% 50%;--primary-foreground:0 0% 100%;--accent:243 100% 68%;--accent-foreground:0 0% 100%;--muted:0 0% 12%;--muted-foreground:0 0% 60%;--border:0 0% 15%;--ring:194 100% 50%;--destructive:0 72% 51%;--radius:.75rem}*{box-sizing:border-box;margin:0;padding:0}body{background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif}.font-display{font-family:Plus Jakarta Sans,Inter,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.badge{border:1px solid hsl(var(--border));border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-color:hsl(var(--primary) / .2)}.badge-accent{background:hsl(var(--accent) / .1);color:hsl(var(--accent));border-color:hsl(var(--accent) / .2)}.badge-beginner{color:#3cdd77;background:#22c35d1a;border-color:#22c35d33}.badge-intermediate{color:#f7b23b;background:#f59f0a1a;border-color:#f59f0a33}.badge-advanced{color:#e25050;background:#dc28281a;border-color:#dc282833}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{opacity:.9}.btn-outline{color:hsl(var(--foreground));border-color:hsl(var(--border));background:0 0}.btn-outline:hover{background:hsl(var(--muted))}.btn-ghost{color:hsl(var(--muted-foreground));background:0 0}.btn-ghost:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .5)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.card{background:hsl(var(--card));border:1px solid hsl(var(--border) / .5);border-radius:var(--radius);transition:border-color .3s,transform .3s;overflow:hidden}.card:hover{border-color:hsl(var(--primary) / .3);transform:translateY(-2px)}.input,.textarea,.select{background:hsl(var(--muted) / .5);width:100%;color:hsl(var(--foreground));border:1px solid hsl(var(--border) / .5);border-radius:var(--radius);outline:none;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s}.input:focus,.textarea:focus,.select:focus{border-color:hsl(var(--primary) / .5)}.textarea{resize:vertical;min-height:100px;font-family:inherit}.select{appearance:none;cursor:pointer}.storage-warning{color:#f9c56c;border-radius:var(--radius);background:#f59f0a1a;border:1px solid #f59f0a33;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}.text-gradient{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-color-scheme:light){:root{--background:0 0% 100%;--foreground:0 0% 8%;--card:0 0% 98%;--card-foreground:0 0% 8%;--primary:194 100% 42%;--primary-foreground:0 0% 100%;--accent:243 80% 58%;--accent-foreground:0 0% 100%;--muted:0 0% 94%;--muted-foreground:0 0% 40%;--border:0 0% 88%;--ring:194 100% 42%;--destructive:0 72% 51%}.storage-warning{color:#735726;background:#f59f0a0f;border-color:#f59f0a26}.badge-beginner{color:#267342;background:#22c35d14;border-color:#22c35d26}.badge-intermediate{color:#7a591f;background:#f59f0a14;border-color:#f59f0a26}.badge-advanced{color:#862d2d;background:#dc282814;border-color:#dc282826}.text-gradient{background:linear-gradient(135deg,#0089b3,#241ae6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}[data-theme=light]{--background:0 0% 100%;--foreground:0 0% 8%;--card:0 0% 98%;--card-foreground:0 0% 8%;--primary:194 100% 42%;--primary-foreground:0 0% 100%;--accent:243 80% 58%;--accent-foreground:0 0% 100%;--muted:0 0% 94%;--muted-foreground:0 0% 40%;--border:0 0% 88%;--ring:194 100% 42%;--destructive:0 72% 51%}[data-theme=light] .storage-warning{color:#735726;background:#f59f0a0f;border-color:#f59f0a26}[data-theme=light] .badge-beginner{color:#267342;background:#22c35d14;border-color:#22c35d26}[data-theme=light] .badge-intermediate{color:#7a591f;background:#f59f0a14;border-color:#f59f0a26}[data-theme=light] .badge-advanced{color:#862d2d;background:#dc282814;border-color:#dc282826}[data-theme=light] .text-gradient{background:linear-gradient(135deg,#0089b3,#241ae6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}