:root{--bg:#04040a;--bg-raised:#08081a;--bg-elevated:hsla(0,0%,100%,.04);--glass-bg:hsla(0,0%,100%,.035);--glass-bg-hover:hsla(0,0%,100%,.055);--glass-blur:blur(18px);--border:0.5px solid hsla(0,0%,100%,.1);--border-subtle:0.5px solid hsla(0,0%,100%,.06);--border-violet:0.5px solid rgba(123,110,246,.3);--border-teal:0.5px solid rgba(29,255,196,.3);--border-pink:0.5px solid rgba(255,107,179,.3);--accent:#7b6ef6;--accent-soft:#a9a0ff;--accent-glow:rgba(123,110,246,.25);--accent-halo:rgba(123,110,246,.08);--teal:#1dffc4;--teal-soft:#5effd6;--teal-glow:rgba(29,255,196,.25);--pink:#ff6bb3;--pink-glow:rgba(255,107,179,.3);--success:#22c55e;--warning:#fbbf24;--danger:#ef4444;--info:#3b82f6;--role-admin:#ef4444;--role-contributor:#f59e0b;--role-designer:#ec4899;--role-user:#3b82f6;--role-community:#64748b;--text:#e2e8f0;--text-soft:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--text-faint:#6b7280;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,sans-serif;--font:var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:20px;--radius-pill:100px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--shadow-sm:0 4px 12px -4px rgba(0,0,0,.3);--shadow-md:0 8px 24px -8px rgba(0,0,0,.4);--shadow-lg:0 18px 48px -12px rgba(0,0,0,.5);--shadow-violet:0 18px 48px -12px rgba(123,110,246,.35);--shadow-teal:0 18px 48px -12px rgba(29,255,196,.3);--ease-out:cubic-bezier(0.2,0.7,0.2,1);--dur-fast:150ms;--dur-base:250ms;--dur-slow:400ms;--radius:var(--radius-xl);--bg-primary:var(--bg);--bg-card:var(--glass-bg);--bg-card-hover:var(--bg-raised);--text-primary:var(--text);--text-secondary:var(--text-soft);--border-glass:rgba(29,255,196,.25);--border-glass-hover:rgba(29,255,196,.5);--coral:var(--pink);--purple:var(--accent);--purple-dark:var(--accent);--gold:var(--warning);--grad-teal:linear-gradient(135deg,var(--teal),var(--teal-soft));--grad-coral:linear-gradient(135deg,var(--pink),#ff9bd0);--grad-purple:linear-gradient(135deg,var(--accent),var(--accent-soft));--grad-hero:linear-gradient(45deg,var(--pink),var(--teal));--grad-button:linear-gradient(45deg,var(--pink),var(--teal));--shadow-card:var(--shadow-sm);--shadow-hover:var(--shadow-md);--blur:var(--glass-blur);--transition-fast:var(--dur-fast) ease;--transition-med:var(--dur-base) cubic-bezier(.4,0,.2,1);--transition-slow:var(--dur-slow) cubic-bezier(.4,0,.2,1);--light:var(--text);--dark:var(--bg);--primary:var(--accent);--primary-dark:var(--accent);--secondary:var(--success);--premium:var(--warning);--gray:var(--text-dim);--border-radius:var(--radius-md);--shadow:var(--shadow-sm);--transition:all var(--dur-base) ease;--border-color:var(--border);--error:var(--danger);--gradient:linear-gradient(45deg,var(--pink),var(--teal));--red:var(--danger);--amber:var(--warning);--nav-height:64px;--ib-height:58px;--container-max:1200px;--profile-color:var(--accent);--profile-color-transparent:rgba(123,110,246,.3);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:1000;--z-modal-backdrop:1001;--z-modal:10000;--z-tooltip:10001;--z-notification:99999;--z-skip-link:99999}*,:after,:before{box-sizing:border-box}.panel{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.panel--raised{background:var(--glass-bg-hover);box-shadow:var(--shadow-md)}.panel--violet{border:var(--border-violet);box-shadow:0 0 32px -12px var(--accent-glow)}.panel--teal{border:var(--border-teal);box-shadow:0 0 32px -12px var(--teal-glow)}.panel--pink{border:var(--border-pink);box-shadow:0 0 32px -12px var(--pink-glow)}.btn{align-items:center;border:none;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:500;gap:var(--space-2);justify-content:center;letter-spacing:.01em;padding:10px 18px;text-decoration:none;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,#9484ff 100%);box-shadow:0 8px 24px -8px var(--accent-glow);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 14px 36px -8px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{background:transparent;border:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--accent-halo);border:var(--border-violet);color:var(--accent-soft)}.btn-ghost.navbar{border-radius:100px;font-size:13px;font-weight:400;padding:8px 20px;text-decoration:none;transition:all .25s ease}.btn-ghost.navbar:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0,#f87171 100%);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.55}.form-input,.form-select,.form-textarea{background:var(--bg-elevated);border:var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:14px;padding:12px 14px;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--glass-bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-halo);outline:none}.form-label{color:var(--text-muted);display:block;font-size:12px;font-weight:500;letter-spacing:.08em;margin-bottom:var(--space-2)}.badge,.form-label{text-transform:uppercase}.badge{align-items:center;background:var(--bg-elevated);border:var(--border);border-radius:var(--radius-pill);color:var(--text-soft);display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.12em;padding:3px 10px}.badge--violet{background:var(--accent-halo);border:var(--border-violet);color:var(--accent-soft)}.badge--teal{background:rgba(29,255,196,.08);border:var(--border-teal);color:var(--teal-soft)}.badge--pink{background:rgba(255,107,179,.08);border:var(--border-pink);color:var(--pink)}.badge--warn{background:rgba(251,191,36,.08);border:.5px solid rgba(251,191,36,.3);color:var(--warning)}.badge--danger{background:rgba(239,68,68,.08);border:.5px solid rgba(239,68,68,.3);color:var(--danger)}.chip{align-items:center;background:var(--glass-bg);border:var(--border);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:400;gap:6px;padding:5px 12px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.cursor-dot{background:var(--teal);border-radius:50%;box-shadow:0 0 15px var(--teal),0 0 30px rgba(29,255,196,.3);height:12px;mix-blend-mode:exclusion;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:transform .15s var(--ease-out),background .3s ease;width:12px;z-index:9999}.cursor-dot.active{background:var(--accent);box-shadow:0 0 20px var(--accent);transform:translate(-50%,-50%) scale(2.5)}.cursor-outline{border:1px solid hsla(0,0%,100%,.2);border-radius:50%;height:40px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:all .3s var(--ease-out);width:40px;z-index:9998}.cursor-outline.active{background:rgba(123,110,246,.05);border-color:var(--accent-soft);height:60px;width:60px}.chip.active,.chip:hover{background:var(--accent-halo);border:var(--border-violet);color:var(--accent-soft)}.divider{border:none;border-top:var(--border-subtle);height:0;margin:var(--space-5) 0}.title-xl{font-size:clamp(34px,5.5vw,54px);font-weight:200;letter-spacing:-.02em;line-height:1.1}.title-lg{font-size:clamp(26px,3.5vw,36px);font-weight:300;letter-spacing:-.015em;line-height:1.15}.title-md{font-size:20px;font-weight:400;letter-spacing:-.01em}.title-sm{font-size:16px;font-weight:500}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.accent-text{background:linear-gradient(135deg,var(--pink) 0,var(--accent) 50%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.banner{background:var(--bg-elevated);border:var(--border);border-radius:var(--radius-sm);color:var(--text-soft);display:none;font-size:13px;padding:10px 14px}.banner.visible{display:block}.banner--danger{background:rgba(239,68,68,.08);border:.5px solid rgba(239,68,68,.3);color:#fca5a5}.banner--warn{background:rgba(251,191,36,.08);border:.5px solid rgba(251,191,36,.3);color:var(--warning)}.banner--success{background:rgba(34,197,94,.08);border:.5px solid rgba(34,197,94,.3);color:#86efac}.container{margin:0 auto;max-width:var(--container-max);padding:0 var(--space-6)}.dark-scroll::-webkit-scrollbar{height:10px;width:10px}.dark-scroll::-webkit-scrollbar-track{background:transparent}.dark-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:var(--radius-pill)}.dark-scroll::-webkit-scrollbar-thumb:hover{background:rgba(123,110,246,.35)}@media (prefers-reduced-motion:reduce){:not(#__noMotion1):not(#__noMotion2),:not(#__noMotion1):not(#__noMotion2):after,:not(#__noMotion1):not(#__noMotion2):before{animation:none!important;animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}:focus-visible{border-radius:2px;outline:2px solid var(--accent);outline-offset:2px}