:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e7eb;--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--gradient-blue: #4e9cf5;--gradient-purple: #9e8cff;--gradient-pink: #e684ae;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--card-bg: rgba(245, 245, 245, .8);--border-color: #d1d5db;--shadow-color: rgba(0, 0, 0, .1);--error-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b}.dark-mode{--bg-primary: #0c0d10;--bg-secondary: #111217;--bg-tertiary: #1e1e28;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-tertiary: #8888a0;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--card-bg: rgba(30, 30, 40, .5);--border-color: rgba(55, 65, 95, .3);--shadow-color: rgba(0, 0, 0, .3);--error-color: #f87171;--success-color: #34d399;--warning-color: #fbbf24}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;font-size:16px;line-height:1.5;height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 3px var(--shadow-color);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000040}.mb-4{margin-bottom:1rem}.gradient-text{background:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple),var(--gradient-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-link{font-size:1.25rem;font-weight:700;background:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}.button-primary{background:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple));border:none;color:#fff}.button-primary:hover{opacity:.9}.code-block{background-color:var(--bg-secondary);border-radius:8px;padding:1rem;margin:2rem auto;max-width:600px;overflow:auto;border:1px solid var(--border-color);font-family:JetBrains Mono,monospace}.code-text{color:var(--text-primary)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.p-4{padding:1rem}.rounded{border-radius:.25rem}.hidden{display:none}@media (max-width: 768px){html,body{font-size:14px}.card:hover{transform:translateY(-3px)}}.theme-toggle.svelte-frd2dw{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background-color:transparent;border:none;color:var(--text-secondary);transition:background-color .2s,color .2s}.theme-toggle.svelte-frd2dw:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.icon.svelte-frd2dw{width:1.25rem;height:1.25rem}.app-container.svelte-qtl5y{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.app-header.svelte-qtl5y{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem}.header-content.svelte-qtl5y{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%}.header-actions.svelte-qtl5y{display:flex;align-items:center;gap:.75rem}.user-info.svelte-qtl5y{display:flex;align-items:center;gap:.75rem;margin-right:.5rem}.username.svelte-qtl5y{font-weight:500}.username.svelte-qtl5y:not(.gradient-text){color:var(--text-primary)}.logout-button.svelte-qtl5y{background:none;border:1px solid var(--border-color);border-radius:.25rem;padding:.35rem .75rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.logout-button.svelte-qtl5y:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.auth-button.svelte-qtl5y{padding:.35rem .75rem;font-size:.875rem;border-radius:.25rem;text-decoration:none;transition:all .2s}.login-button.svelte-qtl5y{color:var(--text-secondary);border:1px solid var(--border-color)}.login-button.svelte-qtl5y:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.register-button.svelte-qtl5y{background:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple));color:#fff;border:none}.register-button.svelte-qtl5y:hover{opacity:.9}.app-main.svelte-qtl5y{flex:1;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem}.tab-navigation.svelte-qtl5y{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem;overflow-x:auto}.tab-item.svelte-qtl5y{padding:.75rem 1.25rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}.tab-item.svelte-qtl5y:hover{color:var(--gradient-purple)}.tab-item.active.svelte-qtl5y{background:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple));-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom-color:var(--gradient-purple)}.tab-item.disabled.svelte-qtl5y{opacity:.6;cursor:not-allowed;color:var(--text-tertiary)}.tab-item.disabled.svelte-qtl5y:hover{color:var(--text-tertiary)}.lock-icon.svelte-qtl5y{font-size:.75rem;margin-left:.25rem;vertical-align:middle}.content-container.svelte-qtl5y{flex:1}.app-footer.svelte-qtl5y{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem;margin-top:auto}.footer-content.svelte-qtl5y{max-width:1200px;margin:0 auto;text-align:center;color:var(--text-tertiary);font-size:.875rem}@media (max-width: 768px){.app-main.svelte-qtl5y{padding:1rem}.tab-navigation.svelte-qtl5y{padding-bottom:.25rem}.tab-item.svelte-qtl5y{padding:.5rem .75rem;font-size:.875rem}}