@font-face{font-family:STALPH;src:url(/assets/fonts/STALPH.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--pink: #f177ae;--med-pink: #f494be;--light-pink: #f0cbd9;--yellow: #fad448;--blue: #6581b8;--light-blue: #9baad1;--blackish: #231f20;--muted: rgba(255, 255, 255, .45);--pink-dark: #f177ae;--pink-med: #f494be;--pink-light: #b47eff;--pink-text: #c9a8ff;--black: #e8d8ff;--white: #ffffff;--off-white: #fefefe;--surface: rgba(20, 10, 40, .6);--surface-hover: rgba(60, 20, 120, .35);--surface-muted: rgba(16, 6, 38, .55);--success: #2ecc71;--warning: #e09a2b;--danger: #e63946;--info: #6581b8;--glass: rgba(255, 255, 255, .12);--glass-mid: rgba(255, 255, 255, .22);--glass-hi: rgba(255, 255, 255, .55);--blur: blur(28px) saturate(1.9);--glass-edge: linear-gradient(135deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .16) 100%);--glass-shimmer: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .08) 48%, rgba(255, 255, 255, .18) 50%, rgba(255, 255, 255, .08) 52%, transparent 70%);--glass-inner: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .06);--metal-edge: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .08) 40%, rgba(255, 255, 255, .02) 60%, rgba(255, 255, 255, .22) 100%);--metal-shine: 0 0 20px rgba(255, 255, 255, .04), 0 1px 0 rgba(255, 255, 255, .1);--metal-bevel: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .08);--liquid-ripple: repeating-conic-gradient(rgba(255, 255, 255, .02) 0%, transparent 8%, rgba(255, 255, 255, .015) 16%, transparent 24%);--liquid-dew: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .1) 0%, transparent 60%);--vibe-bg: #1a0a2e;--vibe-hue: rgba(40, 8, 90, .98);--vibe-mid: rgba(28, 6, 72, .96);--vibe-soft: rgba(60, 20, 120, .9);--vibe-text: #e8d8ff;--vibe-sub: rgba(200, 170, 255, .72);--vibe-ph: rgba(160, 120, 240, .45);--vibe-accent: #f177ae;--vibe-dot: #b47eff;--vibe-primary: linear-gradient(135deg, #3a106e, #b47eff);--vibe-primary-text: #f0e6ff;--vibe-hl-current: #2a1652;--vibe-glow: rgba(180, 126, 255, .55);--dsl-orb-1: rgba(180, 126, 255, .28);--dsl-orb-2: rgba(58, 16, 110, .22);--dsl-orb-3: rgba(241, 119, 174, .12);--dsl-orb-4: rgba(130, 80, 220, .14);--dsl-orb-5: rgba(180, 126, 255, .08);--glass-bg: rgba(28, 6, 72, .55);--glass-bg-strong: rgba(60, 20, 120, .6);--glass-border: rgba(180, 126, 255, .25);--glass-border-strong: rgba(180, 126, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .45);--glass-blur: blur(28px) saturate(1.9);--gradient-pink: var(--vibe-primary);--gradient-pink-yellow: linear-gradient(135deg, #3a106e, #b47eff);--gradient-blue: linear-gradient(135deg, #2a1652, #6581b8);--font-display: "STALPH", "Space Mono", monospace;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-glacial: .6s;--max-width: 1200px;--navbar-height: 64px}body.vibe-pink{--vibe-hue: rgba(210, 90, 140, .48);--vibe-mid: rgba(190, 80, 130, .3);--vibe-soft: rgba(180, 160, 175, .2);--vibe-text: #ffffff;--vibe-sub: rgba(255, 235, 240, .72);--vibe-ph: rgba(241, 119, 174, .5);--vibe-accent: #ffd166;--vibe-bg: #ffffff;--vibe-primary: #f177ae;--vibe-primary-text: #231f20;--vibe-dot: #f177ae;--vibe-glow: rgba(241, 119, 174, .4)}body.vibe-yellow{--vibe-hue: rgba(160, 130, 20, .52);--vibe-mid: rgba(180, 145, 18, .34);--vibe-soft: rgba(250, 212, 72, .16);--vibe-text: #1a1814;--vibe-sub: rgba(35, 31, 28, .55);--vibe-ph: rgba(140, 110, 15, .45);--vibe-accent: #f177ae;--vibe-bg: #ffffff;--vibe-primary: #fad448;--vibe-primary-text: #1a1814;--vibe-dot: #fad448;--vibe-glow: rgba(250, 212, 72, .4)}body.vibe-blue{--vibe-hue: rgba(101, 129, 184, .44);--vibe-mid: rgba(101, 129, 184, .28);--vibe-soft: rgba(155, 170, 209, .22);--vibe-text: #ffffff;--vibe-sub: rgba(255, 255, 255, .7);--vibe-ph: rgba(155, 170, 209, .55);--vibe-accent: #fad448;--vibe-bg: #ffffff;--vibe-primary: #6581b8;--vibe-primary-text: #ffffff;--vibe-dot: #6581b8;--vibe-glow: rgba(101, 129, 184, .4)}body.vibe-spectrum{--vibe-hue: rgba(210, 100, 160, .32);--vibe-mid: rgba(140, 160, 210, .26);--vibe-soft: rgba(250, 212, 72, .1);--vibe-text: #1a1818;--vibe-sub: rgba(30, 28, 28, .52);--vibe-ph: rgba(101, 129, 184, .4);--vibe-accent: #f177ae;--vibe-bg: #ffffff;--vibe-primary: linear-gradient(135deg, #f177ae, #9baad1, #fad448);--vibe-primary-text: #ffffff;--vibe-dot: #f177ae;--vibe-glow: rgba(241, 119, 174, .35)}body.vibe-sunset{--vibe-hue: rgba(170, 60, 80, .48);--vibe-mid: rgba(190, 80, 70, .3);--vibe-soft: rgba(220, 120, 100, .18);--vibe-text: #fff5f0;--vibe-sub: rgba(255, 210, 190, .7);--vibe-ph: rgba(210, 100, 80, .5);--vibe-accent: #ffc857;--vibe-bg: #fff5f0;--vibe-primary: linear-gradient(135deg, #e07060, #f177ae);--vibe-primary-text: #ffffff;--vibe-dot: #f177ae;--vibe-glow: rgba(225, 112, 96, .4)}body.vibe-alien{--vibe-hue: rgba(0, 22, 0, .97);--vibe-mid: rgba(0, 16, 0, .96);--vibe-soft: rgba(0, 10, 0, .92);--vibe-text: #00ff41;--vibe-sub: rgba(0, 255, 65, .6);--vibe-ph: rgba(0, 200, 50, .38);--vibe-accent: #00ff41;--vibe-bg: #0a0a0a;--vibe-primary: #00cc00;--vibe-primary-text: #0a0a0a;--vibe-dot: #00ff41;--vibe-glow: rgba(0, 255, 65, .35)}body.vibe-cosmic{--vibe-hue: rgba(40, 8, 90, .98);--vibe-mid: rgba(28, 6, 72, .96);--vibe-soft: rgba(60, 20, 120, .9);--vibe-text: #e8d8ff;--vibe-sub: rgba(200, 170, 255, .72);--vibe-ph: rgba(160, 120, 240, .45);--vibe-accent: #f177ae;--vibe-dot: #b47eff;--vibe-bg: #1a0a2e;--vibe-primary: linear-gradient(135deg, #3a106e, #b47eff);--vibe-glow: rgba(180, 126, 255, .55);--dsl-orb-1: rgba(180, 126, 255, .28);--dsl-orb-2: rgba(58, 16, 110, .22);--dsl-orb-3: rgba(241, 119, 174, .12);--dsl-orb-4: rgba(130, 80, 220, .14);--dsl-orb-5: rgba(180, 126, 255, .08)}*,*: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-body);color:var(--vibe-text);background:var(--vibe-bg, #1a0a2e);background-image:radial-gradient(1200px 800px at 80% -10%,var(--dsl-orb-1) 0%,transparent 60%),radial-gradient(1000px 700px at -10% 110%,var(--dsl-orb-2) 0%,transparent 55%),radial-gradient(900px 600px at 110% 90%,var(--dsl-orb-3) 0%,transparent 60%),radial-gradient(700px 700px at 20% 20%,var(--dsl-orb-4) 0%,transparent 60%),radial-gradient(1400px 900px at 50% 50%,var(--dsl-orb-5) 0%,transparent 65%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden;transition:background var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);mix-blend-mode:screen}body:before{top:-20%;right:-10%;width:55vw;height:55vw;background:var(--dsl-orb-1);animation:nebulaDrift 26s ease-in-out infinite alternate}body:after{bottom:-25%;left:-12%;width:50vw;height:50vw;background:var(--dsl-orb-2);animation:nebulaDrift 32s ease-in-out infinite alternate-reverse}#app{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:.01em;color:var(--vibe-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md);color:var(--vibe-sub)}a{color:var(--vibe-accent);text-decoration:none;transition:color var(--duration-fast) var(--spring)}a:hover{color:var(--vibe-dot)}:focus-visible{outline:2px solid var(--vibe-dot);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:0 0 12px var(--vibe-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b47eff4d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#b47eff80}::selection{background:#b47eff4d;color:var(--vibe-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes btnBounce{0%{transform:scale(1)}30%{transform:scale(1.06)}50%{transform:scale(.96)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes metalShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes liquidBreathe{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(1.04) contrast(1.02)}}@keyframes lensGlow{0%{box-shadow:0 0 #fff0,inset 0 0 #fff0}50%{box-shadow:0 0 20px var(--vibe-glow),inset 0 0 20px #ffffff05}to{box-shadow:0 0 12px var(--vibe-glow),inset 0 0 8px #ffffff03}}@keyframes vibeDotBounce{0%{scale:.8}50%{scale:1.18}to{scale:1.08}}@keyframes toastEnter{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nebulaDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(3vw,-2vh) scale(1.08)}to{transform:translate(-2vw,2vh) scale(.95)}}@keyframes statusDotPulse{0%,to{box-shadow:0 0 4px var(--vibe-glow)}50%{box-shadow:0 0 12px var(--vibe-glow)}}.glass-card,.glass-card-static{background-image:var(--glass-shimmer),var(--liquid-dew),var(--vibe-hue);background-size:400% 100%,100% 100%,100% 100%;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-hi);border-radius:var(--radius-lg);box-shadow:var(--metal-shine),var(--glass-inner),0 8px 32px #0000004d;padding:var(--space-xl);transition:all var(--duration-base) var(--ease-out)}.glass-card:hover{background-position:50% 0;border-color:var(--vibe-dot);box-shadow:var(--metal-shine),var(--glass-inner),0 16px 48px #00000073,0 0 20px var(--vibe-glow);transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background-image:var(--glass-shimmer),var(--liquid-dew),var(--vibe-mid);background-size:400% 100%,100% 100%,100% 100%;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-hi);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);z-index:100;animation:metalShimmer 12s linear infinite,liquidBreathe 8s ease-in-out infinite}.navbar-brand{font-family:var(--font-display);font-size:var(--font-size-xl);letter-spacing:.05em;cursor:pointer;user-select:none;background:none;border:none;padding:0;appearance:none;color:var(--vibe-accent);text-shadow:0 0 16px var(--vibe-glow);transition:color var(--duration-fast) var(--ease-out)}.navbar-brand:hover{color:var(--vibe-dot)}.navbar-end{display:flex;align-items:center;gap:var(--space-md)}.navbar-user{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out);background:none;border:none;font:inherit;appearance:none}@media(max-width:480px){.navbar{padding:0 var(--space-md)}.navbar-end{gap:var(--space-sm)}.navbar-username{display:none}.navbar-end .btn-sm{padding:var(--space-xs) var(--space-sm);font-size:11px}}.navbar-user:hover{background:var(--glass)}.navbar-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--vibe-dot);box-shadow:0 0 12px var(--vibe-glow)}.navbar-username{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;color:var(--vibe-text)}.vibe-switcher{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);background:var(--glass);border:1px solid var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.vibe-dot{width:16px;height:16px;border-radius:var(--radius-full);border:1px solid var(--glass-hi);cursor:pointer;padding:0;transition:transform .2s var(--spring),box-shadow .2s var(--ease-out)}.vibe-dot:hover{transform:scale(1.12)}.vibe-dot.active{transform:scale(1.08);box-shadow:0 0 14px #ffffff40,0 0 8px var(--vibe-glow);animation:vibeDotBounce .4s cubic-bezier(.34,1.56,.64,1)}@media(max-width:480px){.vibe-switcher{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:1px solid var(--glass-hi);cursor:pointer;transition:all var(--duration-fast) var(--spring);text-decoration:none;line-height:1;white-space:nowrap;background-image:var(--glass-shimmer);background-size:400% 100%;color:var(--vibe-text)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:not(:disabled):hover{background-position:50% 0;animation:metalShimmer 6s linear infinite}.btn:not(:disabled):active{animation:btnBounce .35s cubic-bezier(.34,1.56,.64,1);transform:scale(.97)}.btn-primary{background:var(--vibe-primary);background-size:400% 100%;color:var(--vibe-primary-text);border-color:transparent;box-shadow:0 4px 16px var(--vibe-glow)}.btn-primary:not(:disabled):hover{box-shadow:0 6px 24px var(--vibe-glow),0 0 20px var(--vibe-glow);transform:translateY(-1px)}.btn-secondary{background:var(--glass);color:var(--vibe-text);border-color:var(--glass-hi)}.btn-secondary:not(:disabled):hover{background:var(--glass-mid);border-color:var(--vibe-dot)}.btn-ghost{background:transparent;color:var(--vibe-sub);border-color:transparent}.btn-ghost:not(:disabled):hover{background:var(--glass);color:var(--vibe-text)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md)}.btn-lg{font-size:var(--font-size-base);padding:var(--space-md) var(--space-xl)}.link-btn{background:none;border:none;padding:0;margin:0;font:inherit;font-size:inherit;color:var(--vibe-accent);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--spring)}.link-btn:hover:not(:disabled){text-decoration:underline;color:var(--vibe-dot)}.link-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.input-group{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.input-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;color:var(--vibe-sub);text-transform:uppercase;letter-spacing:.08em}.input{font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--glass-hi);background:var(--glass);color:var(--vibe-text);transition:border-color .2s,box-shadow .3s,background var(--duration-fast) var(--ease-out);width:100%}.input:focus{outline:none;border-color:var(--vibe-accent);box-shadow:0 0 12px var(--vibe-glow);background:var(--glass-mid)}.input::placeholder{color:var(--vibe-ph)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 12px #e6394666}.input-hint{font-size:var(--font-size-xs);color:var(--vibe-sub)}.input-hint-error{color:var(--danger)}.input-hint-success{color:var(--success)}.form-card{background-image:var(--glass-shimmer),var(--liquid-dew),var(--vibe-hue);background-size:400% 100%,100% 100%,100% 100%;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-hi);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--metal-shine),var(--glass-inner),0 16px 48px #00000059;max-width:480px;width:100%;margin:0 auto}.form-card h2{text-align:center;margin-bottom:var(--space-xs);color:var(--vibe-text);text-shadow:0 0 24px var(--vibe-glow)}.form-card p.subtitle{text-align:center;color:var(--vibe-sub);margin-bottom:var(--space-xl)}.form-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.form-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--vibe-sub)}.steps-indicator{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.step-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--vibe-ph);transition:all var(--duration-base) var(--spring)}.step-dot.active{background:var(--vibe-accent);width:28px;border-radius:5px;box-shadow:0 0 10px var(--vibe-glow)}.step-dot.completed{background:var(--vibe-dot)}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.profile-avatar{width:96px;height:96px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--vibe-dot);box-shadow:0 4px 16px var(--vibe-glow)}.profile-avatar-placeholder{width:96px;height:96px;border-radius:var(--radius-full);background:var(--vibe-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--vibe-primary-text);border:3px solid var(--vibe-dot);box-shadow:0 4px 16px var(--vibe-glow)}.profile-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--vibe-text)}.profile-handle{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--vibe-sub)}.profile-bio{font-size:var(--font-size-sm);color:var(--vibe-sub);max-width:320px;line-height:1.5}.profile-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.profile-tag{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--glass);color:var(--vibe-accent);border:1px solid var(--glass-hi)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.app-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--glass);border:1px solid var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);transition:all var(--duration-base) var(--ease-out);text-align:center}.app-card--action{cursor:pointer}.app-card--action:hover{border-color:var(--vibe-dot);box-shadow:var(--glass-shadow);transform:translateY(-2px)}.app-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--vibe-primary);color:var(--vibe-primary-text);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px var(--vibe-glow)}.app-card-name{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:700;color:var(--vibe-text)}.app-card-version{font-size:var(--font-size-xs);color:var(--vibe-sub)}.app-card-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:var(--yellow);color:var(--blackish)}.downloads-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.downloads-header{text-align:center;margin-bottom:var(--space-2xl)}.downloads-header h2{text-shadow:0 0 24px var(--vibe-glow)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.catalog-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center}.catalog-card-name{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--vibe-text)}.catalog-card-tagline{font-size:var(--font-size-sm);color:var(--vibe-accent);font-weight:500}.catalog-card-description{font-size:var(--font-size-sm);color:var(--vibe-sub)}.catalog-card-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm)}.toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);left:var(--space-xl);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);pointer-events:none}.toast{pointer-events:auto}@media(max-width:480px){.toast-container{left:var(--space-md);right:var(--space-md);bottom:var(--space-md);align-items:stretch}}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--metal-shine),0 4px 20px #0000004d;animation:toastEnter .4s cubic-bezier(.34,1.56,.64,1) both;max-width:400px;display:flex;align-items:center;gap:var(--space-sm);background:var(--glass-mid);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid var(--glass-hi);color:var(--vibe-text)}.toast-success{border-color:#2ecc7199;box-shadow:0 4px 20px #2ecc714d}.toast-error{border-color:#e6394699;box-shadow:0 4px 20px #e639464d}.toast-info{border-color:var(--glass-hi);box-shadow:0 4px 20px var(--vibe-glow)}.loading-spinner{width:24px;height:24px;border:2.5px solid var(--vibe-ph);border-top-color:var(--vibe-dot);border-radius:var(--radius-full);animation:spin .6s linear infinite}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:var(--space-md)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h3{font-size:var(--font-size-xl)}.devices-list{display:flex;flex-direction:column;gap:var(--space-sm)}.device-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);transition:background var(--duration-fast) var(--ease-out)}.device-item:hover{background:var(--glass-mid)}.device-info{display:flex;align-items:center;gap:var(--space-md)}.device-label{font-weight:600;font-size:var(--font-size-sm);color:var(--vibe-text)}.device-meta{font-size:var(--font-size-xs);color:var(--vibe-sub)}.pill-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pill{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--glass-hi);background:var(--glass);color:var(--vibe-sub);cursor:pointer;transition:all var(--duration-fast) var(--spring)}.pill:hover{border-color:var(--vibe-dot);color:var(--vibe-text);transform:scale(1.04)}.pill.selected{background:var(--vibe-primary);border-color:transparent;color:var(--vibe-primary-text);box-shadow:0 4px 12px var(--vibe-glow)}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.avatar-upload-preview{position:relative;cursor:pointer}.avatar-upload-overlay{position:absolute;inset:0;border-radius:var(--radius-full);background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);color:#fff;font-size:var(--font-size-sm);font-weight:600}.avatar-upload-preview:hover .avatar-upload-overlay{opacity:1}.dashboard{padding-top:calc(var(--navbar-height) + var(--space-xl));min-height:100vh}.dashboard-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-xl);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);padding-bottom:var(--space-2xl)}.dashboard-panel{display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);padding-top:calc(var(--navbar-height) + var(--space-xl))}.auth-logo{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--vibe-accent);margin-bottom:var(--space-lg);letter-spacing:.05em;text-shadow:0 0 24px var(--vibe-glow)}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center}.error-page h1{font-size:4rem;color:var(--vibe-accent);text-shadow:0 0 24px var(--vibe-glow)}