@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-graphite-950:#07111c;--color-graphite-900:#0d1726;--color-graphite-800:#152339;--color-graphite-700:#203452;--color-steel-600:#91b4d4;--color-steel-500:#dee8f2;--color-slate-400:#8ea3b9;--color-slate-300:#b8c9d8;--color-brass-500:#8d7453;--color-brass-400:#c8ae89;--color-brass-300:#e7dac7;--color-stone-200:#dbe3ea;--color-stone-100:#eef3f6;--color-paper-50:#fff;--color-paper-0:#f7f8f6;--color-success-600:#3f6f5a;--color-danger-500:#dc2626;--color-graphite-950-rgb:7 17 28;--color-graphite-900-rgb:13 23 38;--color-graphite-800-rgb:21 35 57;--color-graphite-700-rgb:32 52 82;--color-steel-600-rgb:145 180 212;--color-steel-500-rgb:222 232 242;--color-slate-400-rgb:142 163 185;--color-slate-300-rgb:184 201 216;--color-brass-500-rgb:141 116 83;--color-brass-400-rgb:200 174 137;--color-brass-300-rgb:231 218 199;--color-stone-200-rgb:219 227 234;--color-stone-100-rgb:238 243 246;--color-paper-50-rgb:255 255 255;--color-paper-0-rgb:247 248 246;--color-success-600-rgb:63 111 90;--color-danger-500-rgb:220 38 38;--color-bg-deep:var(--color-graphite-950);--color-bg-base:var(--color-paper-0);--color-bg-raised:var(--color-stone-100);--color-bg-overlay:var(--color-paper-50);--color-bg-light:var(--color-stone-100);--color-bg-paper:var(--color-paper-50);--color-bg-deep-rgb:var(--color-graphite-950-rgb);--color-bg-base-rgb:var(--color-paper-0-rgb);--color-bg-raised-rgb:var(--color-stone-100-rgb);--color-text-primary:var(--color-paper-50);--color-text-secondary:var(--color-stone-200);--color-text-tertiary:var(--color-slate-300);--color-text-dark:var(--color-graphite-900);--color-text-mid:var(--color-slate-400);--color-text-primary-rgb:var(--color-paper-50-rgb);--color-text-secondary-rgb:var(--color-stone-200-rgb);--color-accent:var(--color-brass-400);--color-accent-strong:var(--color-brass-500);--color-accent-subtle:var(--color-brass-300);--color-accent-rgb:var(--color-brass-400-rgb);--color-accent-strong-rgb:var(--color-brass-500-rgb);--color-studio-bg-start:var(--color-graphite-950);--color-studio-bg-end:var(--color-graphite-900);--color-studio-surface:rgb(var(--color-graphite-900-rgb) / .82);--color-studio-surface-soft:rgb(var(--color-graphite-800-rgb) / .76);--color-studio-surface-strong:rgb(var(--color-graphite-700-rgb) / .9);--color-studio-border:rgb(var(--color-steel-500-rgb) / .14);--color-studio-border-strong:rgb(var(--color-steel-500-rgb) / .24);--color-studio-text:var(--color-paper-50);--color-studio-muted:rgb(var(--color-steel-500-rgb) / .86);--color-studio-soft:var(--color-steel-500);--color-studio-glow:var(--color-steel-600);--color-studio-glow-rgb:var(--color-steel-600-rgb);--color-studio-warm:var(--color-brass-300);--color-studio-warm-strong:var(--color-brass-400);--color-studio-warm-rgb:var(--color-brass-400-rgb);--color-border:rgb(var(--color-graphite-900-rgb) / .08);--color-border-mid:rgb(var(--color-graphite-900-rgb) / .12);--color-border-strong:rgb(var(--color-graphite-900-rgb) / .22);--color-border-light:rgb(var(--color-paper-50-rgb) / .18);--color-primary-slate:var(--color-graphite-900);--color-primary-slate-rgb:var(--color-graphite-900-rgb);--color-secondary-arctic:var(--color-paper-50);--color-secondary-arctic-rgb:var(--color-paper-50-rgb);--color-action-emerald:var(--color-success-600);--color-action-emerald-rgb:var(--color-success-600-rgb);--color-camel-400:var(--color-brass-400);--color-camel-400-rgb:var(--color-brass-400-rgb);--color-wine-900:var(--color-graphite-800);--color-wine-900-rgb:var(--color-graphite-800-rgb);--color-chocolate-700:var(--color-graphite-700);--color-chocolate-700-rgb:var(--color-graphite-700-rgb);--color-coffee-900:var(--color-graphite-950);--color-coffee-900-rgb:var(--color-graphite-950-rgb);--color-apricot-100:var(--color-paper-50);--color-apricot-100-rgb:var(--color-paper-50-rgb);--color-accent-soft:var(--color-steel-500);--color-accent-soft-rgb:var(--color-steel-500-rgb);--color-limestone-100:var(--color-stone-100);--color-limestone-200:var(--color-stone-200);--color-stone-300:var(--color-stone-200);--color-stone-300-rgb:var(--color-stone-200-rgb);--color-slate-500:var(--color-slate-400);--color-ink-900:var(--color-graphite-950);--color-ink-900-rgb:var(--color-graphite-950-rgb);--color-brand-400:var(--color-brass-300);--color-brand-500:var(--color-brass-400);--color-brand-600:var(--color-graphite-900);--color-brand-700:var(--color-graphite-950);--color-primary-200:var(--color-paper-50);--color-primary-300:var(--color-stone-200);--color-primary-400:var(--color-brass-400);--color-primary-500:var(--color-steel-600);--color-primary-600:var(--color-graphite-800);--color-primary-700:var(--color-graphite-900);--color-bg-950:var(--color-paper-0);--color-surface-900:var(--color-paper-50);--color-surface-850:var(--color-stone-200);--color-border-700:rgb(var(--color-graphite-900-rgb) / .24);--color-text-100:var(--color-graphite-900);--color-text-200:var(--color-graphite-900);--color-text-300:var(--color-slate-400);--color-text-400:var(--color-slate-300);--color-text-50:var(--color-paper-50);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;--font-serif:var(--font-display);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.95313rem;--text-3xl:2.44141rem;--text-display:clamp(2.8rem, 6vw, 5.5rem);--text-display-sm:clamp(2rem, 4vw, 3.5rem);--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--shadow-layer-1:0 12px 24px -20px rgb(var(--color-graphite-950-rgb) / .18);--shadow-layer-2:0 20px 44px -28px rgb(var(--color-graphite-950-rgb) / .2);--shadow-layer-3:0 26px 58px -34px rgb(var(--color-graphite-950-rgb) / .26);--shadow-layer-4:0 40px 84px -48px rgb(var(--color-graphite-950-rgb) / .3);--shadow-elevated:var(--shadow-layer-1), var(--shadow-layer-2), var(--shadow-layer-3);--shadow-glass-atmosphere:0 1px 0 #ffffff9e inset, 0 -1px 0 rgb(var(--color-graphite-950-rgb) / .06) inset, 0 26px 54px -38px rgb(var(--color-graphite-950-rgb) / .28), 0 8px 18px -16px rgb(var(--color-graphite-950-rgb) / .18);--focus-ring:0 0 0 3px rgb(var(--color-brass-400-rgb) / .26);--focus-ring-strong:0 0 0 4px rgb(var(--color-brass-400-rgb) / .34);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-12:64px;--radius-sm:5px;--radius-md:10px;--radius-lg:18px;--motion-fast:.18s;--motion-mid:.32s;--motion-slow:.56s;--motion-drift:14s;--motion-float:7s;--ease-standard:cubic-bezier(.22, 1, .36, 1);--ease-display:cubic-bezier(.16, 1, .3, 1);--atmo-a:#ffffffd9;--atmo-b:rgb(var(--color-stone-100-rgb) / .7);--atmo-c:rgb(var(--color-brass-300-rgb) / .15);--atmo-strength:1;--grain-strength:.035}body{background-color:var(--color-graphite-950);position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at 20% 15%, var(--atmo-a), transparent 52%), radial-gradient(ellipse at 80% 72%, var(--atmo-b), transparent 56%), radial-gradient(ellipse at 58% 10%, var(--atmo-c), transparent 60%);filter:blur(28px)saturate(1.1);opacity:var(--atmo-strength);pointer-events:none;z-index:0;animation:22s ease-in-out infinite alternate atmoDrift;position:fixed;inset:-30%;transform:translate(0,0)rotate(-6deg)}body:after{content:"";opacity:var(--grain-strength);pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#00000004 0 1px,#0000 1px 5px);animation:9s steps(12,end) infinite grainShift;position:fixed;inset:0}#root{z-index:1;position:relative}@keyframes atmoDrift{0%{transform:translate(-1.2%,-1%)rotate(-6deg)scale(1)}to{transform:translate(1%,1.2%)rotate(-4deg)scale(1.025)}}@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-1.5%)}75%{transform:translate(2%,2%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}}.skeleton-card{pointer-events:none;border:1px solid #ffffff0d;flex-direction:column;gap:1rem;min-height:200px;padding:1.5rem;display:flex;position:relative;overflow:hidden;background:#ffffff05!important}.skeleton{border-radius:var(--radius-sm);background:#ffffff0f;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}.skeleton-text-lg{width:60%;height:32px;margin-bottom:.5rem}.skeleton-text{width:80%;height:16px}.skeleton-text-sm{width:40%;height:12px}.skeleton-img{border-radius:8px;width:100%;height:100px;margin-bottom:1rem}.skeleton-btn{border-radius:8px;width:120px;height:36px;margin-top:auto}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}[data-tilt]{position:relative}@media (hover:hover) and (pointer:fine){[data-tilt]{transition:transform .14s,box-shadow .22s,border-color .22s}[data-tilt].is-tilting{transform-style:preserve-3d;will-change:transform;transform:perspective(900px) rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg)) translateY(-2px)}[data-tilt]:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--tilt-mx,50%) var(--tilt-my,50%), #ffffff38, transparent 58%);opacity:0;mix-blend-mode:overlay;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}[data-tilt].is-tilting:after{opacity:1}}@media (prefers-reduced-motion:reduce){[data-tilt]{transition:none!important}}:root{--primary:var(--color-graphite-950);--primary-hover:var(--color-graphite-800);--secondary:var(--color-slate-400);--secondary-light:var(--color-brass-300);--danger:var(--color-danger-500);--background:var(--color-bg-base);--card-bg:var(--color-paper-50);--text:var(--color-text-dark);--text-secondary:var(--color-text-mid);--border:rgb(var(--color-graphite-900-rgb) / .1);--glass-bg:rgb(var(--color-paper-50-rgb) / .72);--glass-blur:blur(20px);--glass-border:1px solid rgb(var(--color-graphite-900-rgb) / .08);--glass-shadow:var(--shadow-glass-atmosphere);--page-haze-warm:#f6d8c2b8;--page-haze-cool:#dbe7f3d6;--page-haze-sand:#ece3cfa8;--page-haze-ink:rgb(var(--color-graphite-950-rgb) / .06)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;background-color:#1a1714;min-height:100%;overflow-y:scroll}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--background);background-image:radial-gradient(circle at 12% 18%, var(--page-haze-warm) 0%, transparent 34%), radial-gradient(circle at 86% 14%, var(--page-haze-cool) 0%, transparent 38%), radial-gradient(circle at 52% 108%, var(--page-haze-sand) 0%, transparent 42%), radial-gradient(circle at 48% -8%, var(--page-haze-ink) 0%, transparent 44%), linear-gradient(180deg, rgb(var(--color-paper-50-rgb) / .96) 0%, var(--color-paper-0) 62%, var(--color-stone-100) 100%);animation:page-atmosphere var(--motion-drift) var(--ease-display) infinite alternate;color:var(--text);line-height:var(--leading-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-position:0 0,100% 0,50% 100%,50% 0,0 0;background-repeat:no-repeat;background-size:148% 148%,152% 152%,136% 136%,120% 120%,100% 100%;min-height:100vh;overflow-x:hidden}body[data-scene=login],body[data-scene=dashboard],body[data-scene=workspace],body[data-scene=project],body[data-scene=about],body[data-scene=notfound]{background-color:#1a1714;background-image:none;animation:none}@keyframes page-atmosphere{0%{background-position:0 0,100% 0,50% 100%,50% 0,0 0}to{background-position:8% 4%,94% 10%,48% 96%,52% 6%,0 0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-graphite-900);letter-spacing:-.025em;line-height:var(--leading-tight)}h1{font-size:var(--text-display);font-weight:400}h2{font-size:var(--text-display-sm);font-weight:400}h3{font-size:var(--text-2xl);font-weight:400}h4{font-size:var(--text-xl);font-weight:500}p{line-height:var(--leading-relaxed)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-morphism{box-shadow:var(--glass-shadow);background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important}.glass-depth{-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb, var(--color-paper-50) 78%, transparent);border:1px solid rgb(var(--color-graphite-900-rgb) / .08);box-shadow:var(--shadow-elevated)}#root{min-height:100vh}img,svg,video,canvas{max-width:100%;display:block}::selection{background:rgb(var(--color-accent-soft-rgb) / .35);color:var(--color-primary-slate)}a{color:var(--primary);transition:color var(--motion-fast) ease;text-decoration:none}a:hover{color:var(--primary-hover)}button,input,select,textarea{font:inherit}button{background-color:var(--primary);color:var(--color-paper-50);border:1px solid rgb(var(--color-graphite-950-rgb) / .08);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:transform var(--motion-mid) var(--ease-standard), box-shadow var(--motion-mid) var(--ease-standard), background-color var(--motion-mid) ease, border-color var(--motion-mid) ease, color var(--motion-mid) ease;box-shadow:var(--shadow-layer-1);padding:.75rem 1.5rem;font-weight:600}button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-layer-2);transform:translateY(-1px)}button[data-magnetic-button]{transition:transform .22s var(--ease-standard);will-change:transform;position:relative}button:active:not(:disabled){transform:translateY(0)}button:disabled{background-color:var(--color-primary-300);color:var(--text-secondary);border-color:rgb(var(--color-graphite-900-rgb) / .08);cursor:not-allowed;box-shadow:none;opacity:1}button:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:rgb(var(--color-paper-50-rgb) / .82);width:100%;color:var(--text);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background-color var(--motion-fast) ease;margin-bottom:1rem;padding:.75rem;font-size:1rem;box-shadow:inset 0 1px #fff6}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:rgb(var(--color-graphite-900-rgb) / .2);box-shadow:var(--focus-ring);background:var(--color-paper-50);outline:none}.auth-container{background:radial-gradient(circle at 12% 22%, #f0a06f24 0%, transparent 32%), radial-gradient(circle at 88% 16%, rgb(var(--color-steel-500-rgb) / .48) 0%, transparent 38%), linear-gradient(180deg, rgb(var(--color-paper-50-rgb) / .84), rgb(var(--color-paper-0-rgb) / .92));justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border:var(--glass-border);width:100%;max-width:400px;padding:2.5rem}.auth-card h1{text-align:center;color:var(--primary);font-family:var(--font-serif);letter-spacing:-.05em;margin-bottom:1rem;font-size:2.5rem}.auth-card h2{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;font-weight:500}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--color-primary-600);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.auth-card button[type=submit]{width:100%;margin-top:1rem;padding:.875rem}.toggle-auth{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.toggle-auth button{color:var(--primary);box-shadow:none;background:0 0;margin-left:.5rem;padding:0;font-size:.9rem}.toggle-auth button:hover{box-shadow:none;text-decoration:underline;transform:none}.error-message{color:#b91c1c;border-radius:var(--radius-sm);text-align:center;background-color:#fee2e2;border:1px solid #fecaca;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.loading{text-align:center;color:var(--text-secondary);padding:2rem;font-size:1.05rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.spotlight-engine{pointer-events:none;z-index:9980;background:radial-gradient(600px circle at var(--cursor-x,50vw) var(--cursor-y,50vh), #ffffff08, transparent 40%);transition:background .4s;position:fixed;inset:0}body:has(.search-gallery-card:hover,.style-preview-card:hover,.recent-project-card:hover,.service-card:hover) .spotlight-engine{background:radial-gradient(800px circle at var(--cursor-x,50vw) var(--cursor-y,50vh), #ffffff0f, rgb(var(--color-primary-slate-rgb) / .25) 75%)}:root{--layout-shell-max:clamp(320px, 96vw, 1720px);--layout-edge-gap:clamp(.65rem, 1.8vw, 1.5rem);--layout-shell-pad-x:clamp(.75rem, 2.2vw, 2rem);--layout-shell-pad-y:clamp(1rem, 2.8vw, 2rem)}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}@layer base{h1,h2,h3,h4,h5,h6{font-family:var(--font-display,serif);line-height:var(--leading-snug)}h1{font-size:var(--text-3xl);letter-spacing:-.03em;font-weight:650}h2{font-size:var(--text-2xl);letter-spacing:-.015em;font-weight:600}p,li{font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:65ch}button,[role=button]{padding:calc(var(--space-4) * .75) var(--space-5);border-radius:calc(var(--radius-md) + 2px)}.page-shell{padding:var(--layout-shell-pad-y) var(--layout-shell-pad-x);max-width:var(--layout-shell-max);margin:0 auto}}@layer utilities;.app-layout{flex-direction:column;gap:0;width:100%;min-height:100vh;display:flex}.app-main-content{flex:auto;min-height:0;padding-left:0;padding-right:0;position:relative;overflow:visible}.app-main-content--with-nav{padding-top:0}.app-main-content--standalone{padding-left:0;padding-right:0}.page-shell{width:100%;max-width:var(--layout-shell-max);padding:var(--layout-shell-pad-y) var(--layout-shell-pad-x);margin:0 auto}.page-motion{width:100%;min-height:100%}.studio-btn{border:1px solid var(--color-studio-border);background:rgb(var(--color-paper-50-rgb) / .05);min-height:44px;color:var(--color-studio-text);box-shadow:none;letter-spacing:.04em;white-space:nowrap;transition:transform var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, filter var(--motion-fast) ease;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.82rem 1.05rem;font-size:.78rem;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.studio-btn svg{flex-shrink:0}.studio-btn:hover:not(:disabled){transform:translateY(-1px)}.studio-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.studio-btn--compact{border-radius:12px;min-height:38px;padding:.58rem .82rem;font-size:.74rem}.studio-btn--primary{background:linear-gradient(135deg, rgb(var(--color-studio-glow-rgb) / .98), rgb(var(--color-studio-warm-rgb) / .82));color:var(--color-graphite-950);box-shadow:0 18px 34px -24px rgb(var(--color-studio-glow-rgb) / .34);border-color:#0000}.studio-btn--secondary{background:rgb(var(--color-paper-50-rgb) / .05);border-color:var(--color-studio-border);color:var(--color-studio-text)}.studio-btn--ghost{background:rgb(var(--color-paper-50-rgb) / .04);border-color:var(--color-studio-border);color:var(--color-studio-muted)}.studio-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.studio-hero-card{border:1px solid var(--color-studio-border);background:linear-gradient(180deg, rgb(var(--color-paper-50-rgb) / .05), rgb(var(--color-paper-50-rgb) / .02));box-shadow:inset 0 1px 0 rgb(var(--color-paper-50-rgb) / .04);border-radius:20px;gap:.35rem;padding:.95rem 1rem;display:grid}.studio-hero-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-studio-muted);font-size:.68rem;font-weight:600}.studio-hero-value{color:var(--color-studio-text);font-size:.98rem;font-weight:600}.studio-chip-row{flex-wrap:wrap;gap:.55rem;display:flex}.studio-chip{border:1px solid var(--color-studio-border);background:rgb(var(--color-paper-50-rgb) / .05);color:var(--color-studio-text);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .68rem;font-size:.75rem;font-weight:600;display:inline-flex}.studio-section-intro{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex;position:relative}.studio-section-intro:after{content:"";background:var(--color-studio-border);height:1px;position:absolute;bottom:0;left:0;right:0}.studio-section-title{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-studio-muted);margin:0;font-size:.78rem;font-weight:700}.studio-section-copy{color:var(--color-studio-muted);margin:0;font-size:.78rem;line-height:1.5}.route-loading-state{place-content:center;justify-items:center;gap:var(--space-3);min-height:56vh;color:var(--text-dim);text-align:center;display:grid}.route-loading-state p{margin:0}.route-loading-state__dot{background:var(--color-action-emerald);width:.9rem;height:.9rem;box-shadow:0 0 0 0 rgb(var(--color-action-emerald-rgb,141 153 174) / .4);border-radius:999px;animation:1.2s ease-in-out infinite route-loading-pulse}@keyframes route-loading-pulse{0%,to{opacity:.7;transform:scale(.88)}50%{opacity:1;transform:scale(1.16)}}@media (prefers-reduced-motion:reduce){.page-motion,.route-loading-state__dot{animation:none}}@media (width<=1024px){.app-main-content--standalone{padding-left:0;padding-right:0}}@media (width<=900px){.studio-hero-metrics{grid-template-columns:1fr}}.auth-split-layout{--auth-deep:#201c18;--auth-surface:#2a241ff5;--auth-glass:#312b26db;--auth-border:#ffffff1f;--auth-border-mid:#ffffff2e;--auth-text:#f2eeea;--auth-muted:#a79d95;--auth-accent:#ece6e1;--auth-accent-strong:#f2eeea;--auth-accent-subtle:#c2b7ae;background:radial-gradient(circle at 16% 14%, #55483e2e, transparent 30%), radial-gradient(circle at 84% 20%, #78665914, transparent 28%), linear-gradient(180deg, #2a241f 0%, var(--auth-deep) 42%, #181411 100%);width:100%;min-height:100dvh;font-family:var(--font-sans);display:flex;position:relative;overflow:hidden}.auth-split-layout:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-hero{color:var(--auth-text);z-index:1;flex-direction:column;flex:55%;justify-content:space-between;padding:clamp(2.5rem,5vw,5rem);display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";background:radial-gradient(circle at 18% 18%, rgb(var(--color-studio-glow-rgb) / .28), transparent 28%), radial-gradient(circle at 82% 24%, rgb(var(--color-studio-warm-rgb) / .08), transparent 24%), linear-gradient(170deg, #060c16cc 0%, #08111f52 38%, #070e18ad 100%), url(https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&q=90&w=2400) center / cover no-repeat;z-index:0;transition:transform 18s ease-out;position:absolute;inset:0}.auth-hero:hover:before{transform:scale(1.025)}.auth-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--auth-accent), transparent);opacity:.55;z-index:1;pointer-events:none;width:2px;height:40%;position:absolute;top:50%;left:clamp(2.5rem,5vw,5rem);transform:translateY(-50%)}.auth-hero-content{z-index:2;position:relative}.auth-logo{font-family:var(--font-sans);letter-spacing:.2em;color:var(--auth-text);text-transform:uppercase;opacity:.85;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;display:inline-flex}.auth-logo svg{color:var(--auth-accent);flex-shrink:0}.auth-quote{max-width:700px;padding-left:0}.auth-quote h2{font-family:var(--font-display);letter-spacing:-.04em;color:var(--auth-text);margin-bottom:2.5rem;font-size:clamp(4.5rem,10vw,11rem);font-weight:300;line-height:.92}.auth-quote h2 em{color:var(--auth-accent);font-style:italic;display:block}.auth-quote p{display:none}@media (width<=900px){.auth-quote p{color:var(--auth-muted);font-size:clamp(.9rem,1.2vw,1.05rem);line-height:var(--leading-relaxed);letter-spacing:.01em;max-width:40ch;font-weight:300;display:block}}.auth-hero-footer{z-index:2;align-items:center;gap:1rem;display:flex;position:relative}.auth-hero-footer-line{background:var(--auth-accent);opacity:.5;width:24px;height:1px}.auth-hero-footer-text{letter-spacing:.24em;text-transform:uppercase;color:var(--auth-muted);opacity:1;font-size:.65rem}.auth-form-container{background:var(--auth-surface);z-index:2;border-left:1px solid var(--auth-border);flex-direction:column;flex:0 0 clamp(320px,32vw,420px);justify-content:center;padding:clamp(2.5rem,5vw,4rem) clamp(2rem,3.5vw,3.5rem);display:flex;position:relative;box-shadow:-28px 0 56px #14100d61}.auth-form-container:before{content:"";background:linear-gradient(90deg, transparent, var(--auth-accent), transparent);opacity:.25;height:1px;position:absolute;top:0;left:10%;right:10%}.auth-form-header{margin-bottom:2.5rem}.auth-form-header h3{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--auth-text);margin-bottom:.5rem;font-size:clamp(1.6rem,2.4vw,2rem);font-weight:400;line-height:1.15}.auth-form-header p{color:var(--auth-muted);font-size:.875rem;font-weight:300;line-height:1.55}.modern-form{flex-direction:column;gap:1.25rem;display:flex}.input-floating{cursor:text;width:100%;display:block;position:relative}.input-floating input{border:1px solid var(--auth-border);width:100%;min-height:64px;color:var(--auth-text);font-size:.95rem;font-family:var(--font-sans);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease;letter-spacing:.01em;appearance:none;z-index:0;background:#2f2924d6;border-radius:0;padding:1.15rem 1rem .55rem;font-weight:400;position:relative}.input-floating input:focus{border-color:var(--auth-accent);background:#352e28f0;outline:none;box-shadow:0 0 0 3px #ece6e11f}.input-floating-label{color:var(--auth-muted);transition:all var(--motion-fast) ease;letter-spacing:.02em;pointer-events:auto;z-index:1;font-size:.875rem;font-weight:300;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-floating input:focus~.input-floating-label,.input-floating input:not(:placeholder-shown)~.input-floating-label{letter-spacing:.1em;text-transform:uppercase;color:var(--auth-accent-subtle);font-size:.67rem;top:.42rem;transform:translateY(0)}.btn-cinematic{background:var(--auth-accent);color:#1f1a17;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:100%;min-height:54px;transition:background var(--motion-fast) ease, transform var(--motion-fast) ease, box-shadow var(--motion-mid) ease;touch-action:manipulation;z-index:1;border:none;border-radius:0;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.95rem 1rem;font-size:.875rem;font-weight:700;display:flex;position:relative;box-shadow:0 12px 26px -14px #ece6e133}.btn-cinematic:hover:not(:disabled){background:#f4efeb;transform:translateY(-1px);box-shadow:0 16px 34px -18px #ece6e13d}.btn-cinematic:active:not(:disabled){transform:translateY(0)}.btn-cinematic:disabled{opacity:.55;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.auth-switch{text-align:center;color:var(--auth-muted);margin-top:1.75rem;font-size:.82rem;font-weight:300}.auth-switch button{color:var(--auth-accent);font-weight:600;font-size:inherit;cursor:pointer;transition:color var(--motion-fast) ease;letter-spacing:.02em;background:0 0;border:none;margin-left:.4rem;padding:0}.auth-switch button:hover{color:var(--auth-accent-subtle);text-underline-offset:3px;text-decoration:underline}.auth-exploration{text-align:center;margin-top:1.25rem}.auth-exploration button{color:var(--auth-muted);letter-spacing:.04em;cursor:pointer;transition:color var(--motion-fast) ease;background:0 0;border:none;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.auth-exploration button:hover{color:var(--auth-text)}.error-message{color:#f1c0c0;background:#7a2a2a2e;border:1px solid #c1626242;border-radius:0;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.83rem;line-height:1.5}.auth-divider{background:var(--auth-border);height:1px;margin:1.5rem 0}@media (width<=900px){.auth-split-layout{flex-direction:column}.auth-hero{flex:none;min-height:46dvh;padding:2.5rem 2rem}.auth-hero:after{display:none}.auth-quote{padding-left:0}.auth-quote h2{font-size:clamp(2.2rem,7vw,3rem)}.auth-quote p{display:none}.auth-form-container{border-left:none;border-top:1px solid var(--auth-border);max-width:100%;box-shadow:0 -24px 48px rgb(var(--color-graphite-950-rgb) / .45);flex:1}}@media (width<=480px){.auth-hero{min-height:36dvh;padding:1.75rem 1.5rem}.auth-quote h2{font-size:clamp(1.8rem,9vw,2.4rem)}.auth-form-container{padding:2rem 1.5rem}}.nf-page{--nf-text:var(--color-studio-text);--nf-muted:var(--color-studio-muted);--nf-accent:var(--color-studio-glow);--nf-accent-rgb:var(--color-studio-glow-rgb);--nf-border:var(--color-studio-border-strong);--nf-surface:var(--color-studio-surface-soft);min-height:100vh;padding:var(--space-6);background:radial-gradient(ellipse at 20% 50%, rgb(var(--nf-accent-rgb) / .18), transparent 55%), radial-gradient(ellipse at 82% 18%, rgb(var(--color-studio-warm-rgb) / .08), transparent 52%), linear-gradient(180deg, var(--color-studio-bg-end) 0%, var(--color-studio-bg-start) 42%, rgb(var(--color-graphite-950-rgb) / 1) 100%);color:rgb(var(--color-paper-50-rgb) / .9);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nf-shapes-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.nf-shape{border:1px solid var(--nf-border);background:linear-gradient(135deg, rgb(var(--color-paper-50-rgb) / .06), rgb(var(--nf-accent-rgb) / .08));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:24px;position:absolute}.nf-grain{pointer-events:none;z-index:1;opacity:.035;background-image:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 4px);animation:6s steps(8,end) infinite nf-grain-drift;position:absolute;inset:0}@keyframes nf-grain-drift{0%{transform:translate(0,0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(2%,1%)}to{transform:translate(0,0)}}.nf-content{z-index:2;text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;max-width:680px;display:flex;position:relative}.nf-pretitle{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:rgb(var(--nf-accent-rgb) / .9);margin:0 0 var(--space-2) 0;font-weight:600}.nf-hero-number{font-family:var(--font-serif);letter-spacing:-.04em;color:var(--nf-text);text-shadow:0 0 60px rgb(var(--nf-accent-rgb) / .38), 0 0 120px rgb(var(--nf-accent-rgb) / .18), 0 4px 8px rgb(var(--color-coffee-900-rgb) / .5);margin:0;font-size:clamp(6rem,18vw,14rem);font-weight:700;line-height:.9;position:relative}.nf-glitch{display:inline-block;position:relative}.nf-glitch.active{animation:.2s nf-glitch-shift}.nf-glitch.active:before,.nf-glitch.active:after{content:attr(data-text);width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;position:absolute;top:0;left:0}.nf-glitch.active:before{background:linear-gradient(135deg, rgb(var(--nf-accent-rgb) / .8), rgb(var(--color-paper-50-rgb) / .42));-webkit-text-fill-color:transparent;clip-path:inset(10% 0 60%);-webkit-background-clip:text;background-clip:text;transform:translate(-3px,-1px)}.nf-glitch.active:after{background:linear-gradient(135deg, rgb(var(--color-graphite-700-rgb) / .72), rgb(var(--nf-accent-rgb) / .42));-webkit-text-fill-color:transparent;clip-path:inset(50% 0 10%);-webkit-background-clip:text;background-clip:text;transform:translate(3px,1px)}@keyframes nf-glitch-shift{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}.nf-subtitle{font-family:var(--font-sans);font-size:clamp(var(--text-lg), 3vw, var(--text-2xl));color:rgb(var(--color-paper-50-rgb) / .78);letter-spacing:-.01em;font-weight:300;line-height:var(--leading-tight);margin:0}.nf-dot{color:var(--nf-accent);font-weight:700}.nf-body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--nf-muted);max-width:460px;margin:var(--space-2) 0 var(--space-4) 0}.nf-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.nf-btn-primary{align-items:center;gap:var(--space-2);background:linear-gradient(135deg, rgb(var(--nf-accent-rgb) / .98), rgb(var(--color-steel-500-rgb) / .92));color:var(--color-graphite-950);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--motion-fast) cubic-bezier(.22, 1, .36, 1);box-shadow:0 1px 2px rgb(var(--color-coffee-900-rgb) / .35), 0 8px 24px rgb(var(--nf-accent-rgb) / .28), inset 0 1px 0 rgb(var(--color-paper-50-rgb) / .18);border:none;border-radius:12px;padding:.875rem 1.75rem;font-weight:600;display:inline-flex}.nf-btn-primary:hover{box-shadow:0 2px 4px rgb(var(--color-coffee-900-rgb) / .35), 0 12px 30px rgb(var(--nf-accent-rgb) / .36), inset 0 1px 0 rgb(var(--color-paper-50-rgb) / .24)}.nf-btn-ghost{align-items:center;gap:var(--space-2);background:var(--nf-surface);color:rgb(var(--color-paper-50-rgb) / .78);border:1px solid var(--nf-border);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--motion-fast) cubic-bezier(.22, 1, .36, 1);box-shadow:0 1px 2px rgb(var(--color-coffee-900-rgb) / .3);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:.875rem 1.75rem;font-weight:500;display:inline-flex}.nf-btn-ghost:hover{border-color:rgb(var(--nf-accent-rgb) / .34);color:#fff;box-shadow:0 6px 16px rgb(var(--color-coffee-900-rgb) / .35);background:#101c30d1}.nf-divider{align-items:center;gap:var(--space-4);width:100%;max-width:320px;margin-top:var(--space-8);display:flex}.nf-divider-line{background:linear-gradient(90deg, transparent, rgb(var(--nf-accent-rgb) / .28), transparent);flex:1;height:1px}.nf-divider-label{font-family:var(--font-serif);font-size:var(--text-xs);color:rgb(var(--nf-accent-rgb) / .52);letter-spacing:.1em;white-space:nowrap}@media (width<=640px){.nf-page{padding:var(--space-4)}.nf-actions{flex-direction:column;width:100%}.nf-btn-primary,.nf-btn-ghost{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.nf-shape,.nf-grain{animation:none!important}.nf-glitch.active,.nf-glitch.active:before,.nf-glitch.active:after{animation:none!important;transform:none!important}}.error-boundary{min-height:100vh;padding:var(--space-8) var(--space-4);background:radial-gradient(ellipse 100% 80% at 50% -20%, color-mix(in srgb, var(--color-camel-400) 35%, #1a0f0c 65%) 0%, color-mix(in srgb, var(--color-wine-900) 45%, #140c0a 55%) 45%, var(--color-coffee-900) 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.error-boundary__glow{background:radial-gradient(circle at 30% 40%, rgb(var(--color-wine-900-rgb) / .18) 0%, transparent 45%), radial-gradient(circle at 70% 60%, rgb(var(--color-camel-400-rgb) / .16) 0%, transparent 42%);pointer-events:none;position:absolute;inset:-30%}.error-boundary__card{z-index:1;width:100%;max-width:480px;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);text-align:center;position:relative}.error-boundary__icon-wrap{width:64px;height:64px;margin-bottom:var(--space-5);background:linear-gradient(145deg, rgb(var(--color-wine-900-rgb) / .3), rgb(var(--color-wine-900-rgb) / .08));border:1px solid rgb(var(--color-wine-900-rgb) / .5);box-shadow:0 1px 0 rgb(var(--color-apricot-100-rgb) / .12) inset, 0 12px 32px rgb(var(--color-wine-900-rgb) / .2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.error-boundary__icon{width:32px;height:32px;color:var(--color-apricot-100)}.error-boundary__eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-camel-400-rgb) / .85);margin:0 0 var(--space-2);font-weight:600}.error-boundary__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-apricot-100);margin:0 0 var(--space-4);letter-spacing:-.02em;font-weight:700}.error-boundary__body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:rgb(var(--color-apricot-100-rgb) / .75);margin:0 0 var(--space-6)}.error-boundary__actions{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex}@media (width>=480px){.error-boundary__actions{flex-direction:row;justify-content:center}}.error-boundary__btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background .2s ease;border:1px solid #0000;border-radius:999px;font-weight:600;display:inline-flex}.error-boundary__btn--primary{background:linear-gradient(180deg, var(--color-wine-900) 0%, var(--color-chocolate-700) 100%);color:#fff;border-color:rgb(var(--color-apricot-100-rgb) / .28);box-shadow:var(--shadow-layer-1), 0 8px 24px rgb(var(--color-wine-900-rgb) / .35)}.error-boundary__btn--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.error-boundary__btn--ghost{background:rgb(var(--color-coffee-900-rgb) / .3);color:rgb(var(--color-apricot-100-rgb) / .82);border-color:rgb(var(--color-camel-400-rgb) / .28)}.error-boundary__btn--ghost:hover{background:rgb(var(--color-coffee-900-rgb) / .42)}.error-boundary__details{margin-top:var(--space-6);text-align:left;font-family:ui-monospace,monospace;font-size:var(--text-xs);color:rgb(var(--color-apricot-100-rgb) / .65)}.error-boundary__details summary{cursor:pointer;margin-bottom:var(--space-2)}.error-boundary__details pre{padding:var(--space-3);border-radius:var(--radius-sm);background:rgb(var(--color-coffee-900-rgb) / .6);white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.navbar{z-index:1000;height:62px;transition:height var(--motion-mid) var(--ease-standard), background-color var(--motion-mid) ease, border-color var(--motion-mid) ease, box-shadow var(--motion-mid) var(--ease-standard);align-items:center;padding:0 clamp(1rem,2vw,2rem);display:flex;position:sticky;-webkit-backdrop-filter:blur(22px)!important;width:100%!important;max-width:none!important;box-shadow:none!important;background:#2f2924f5!important;border:0!important;border-bottom:1px solid #ffffff1f!important;border-radius:0!important;margin:0!important;top:0!important;left:auto!important;transform:none!important}.navbar.shrunk{height:58px;-webkit-backdrop-filter:blur(26px)!important;backdrop-filter:blur(26px)!important;box-shadow:none!important;background:#2f2924fa!important}.navbar-container{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin:0 auto;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-stack{align-items:center;gap:10px;display:flex;position:relative}.brand-glow{display:none}.brand-icon{width:30px;height:30px;color:var(--color-paper-50);box-shadow:none;background:#3a332d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-paper-50);font-size:1.25rem;font-weight:500}.navbar-desktop{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:rgb(var(--color-paper-50-rgb) / .82);transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:999px;align-items:center;gap:6px;padding:.5rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--color-paper-50);background:rgb(var(--color-paper-50-rgb) / .07)}.nav-item.active{color:var(--color-paper-50);background:rgb(var(--color-paper-50-rgb) / .13);box-shadow:inset 0 0 0 1px rgb(var(--color-paper-50-rgb) / .1)}.nav-icon-container{display:none}.nav-text{white-space:nowrap}.nav-glow{display:none}.nav-divider{background:var(--color-studio-border);flex-shrink:0;width:1px;height:12px;margin:0 .5rem}.user-menu-container{position:relative}.user-menu-trigger{cursor:pointer;color:var(--color-paper-50);transition:color var(--motion-fast) ease;box-shadow:none;background:0 0;border:none;align-items:center;gap:8px;padding:.35rem 0;font-size:.85rem;font-weight:500;display:flex}.user-menu-trigger:hover{color:var(--color-paper-50)}.user-avatar{background:rgb(var(--color-paper-50-rgb) / .08);width:28px;height:28px;color:var(--color-paper-50);border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.user-name{color:rgb(var(--color-paper-50-rgb) / .86);font-size:.7rem}.chevron{color:rgb(var(--color-paper-50-rgb) / .58);transition:transform var(--motion-fast) ease}.rotate-180{transform:rotate(180deg)}.user-menu-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform-origin:100% 0;width:220px;box-shadow:none;background:#2f2924fa;border:1px solid #ffffff1f;border-radius:18px;margin:0;padding:.5rem 0;list-style:none;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.user-menu-item{width:100%;color:rgb(var(--color-paper-50-rgb) / .82);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:left;box-shadow:none;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.7rem;display:flex}.user-menu-item:hover{background:rgb(var(--color-paper-50-rgb) / .06);color:var(--color-paper-50)}.user-menu-item svg{color:var(--color-studio-warm-strong)}.user-menu-item.logout{border-top:1px solid var(--color-studio-border);color:var(--color-danger-500)}.user-menu-item.logout:hover{background:rgb(var(--color-danger-500-rgb) / .1)}.user-menu-item.logout svg{color:inherit}.mobile-toggle{color:var(--color-paper-50);cursor:pointer;box-shadow:none;background:0 0;border:none;padding:.5rem;display:none}@media (width<=768px){.navbar-desktop,.user-menu-container{display:none}.mobile-toggle{display:block}}.navbar-mobile-overlay{background:rgb(var(--color-graphite-950-rgb) / .48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;inset:0}.navbar-mobile{background:rgb(var(--color-graphite-900-rgb) / .94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--color-studio-border);box-shadow:0 30px 60px -36px rgb(var(--color-graphite-950-rgb) / .48), inset 0 1px 0 rgb(var(--color-paper-50-rgb) / .08);border-radius:28px;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:absolute;top:80px;left:1rem;right:1rem}.mobile-nav-links{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mobile-nav-link{width:100%;color:rgb(var(--color-paper-50-rgb) / .78);box-shadow:none;transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:.75rem;padding:.9rem 1rem;text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-paper-50);background:rgb(var(--color-paper-50-rgb) / .08);border-color:rgb(var(--color-paper-50-rgb) / .08)}.mobile-divider{background:var(--color-studio-border);height:1px;margin:.25rem 0}.mobile-nav-link.logout{color:var(--color-danger-500)}.mobile-nav-link.logout:hover{background:rgb(var(--color-danger-500-rgb) / .08)}.api-status-banner{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:10001;max-width:min(560px,100%);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-primary-slate) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid #fbbf2466;margin:0 auto;position:fixed;box-shadow:inset 0 1px #ffffff0f,0 8px 32px #00000059,0 2px 8px #0003}.api-status-banner__inner{max-width:var(--layout-shell-max,1720px);align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.api-status-banner__dot{background:#fbbf24;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite api-pulse;box-shadow:0 0 12px #fbbf24cc}@keyframes api-pulse{50%{opacity:.65;transform:scale(.92)}}.api-status-banner__text{min-width:200px;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:#fef3c7;flex:1;margin:0}.api-status-banner__text strong{color:#fff;font-weight:600}.api-status-banner__retry{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm);color:#fff;cursor:pointer;box-shadow:none;background:#fbbf2426;border:1px solid #fbbf2466;flex-shrink:0}.api-status-banner__retry:hover:not(:disabled){background:#fbbf2447;transform:none}@media (prefers-reduced-motion:reduce){.api-status-banner__dot{animation:none}}.session-gate{z-index:10040;padding:var(--space-6);background:radial-gradient(circle at 18% 20%, #f6d8c26b 0%, transparent 34%), radial-gradient(circle at 82% 14%, rgb(var(--color-steel-500-rgb) / .52) 0%, transparent 40%), radial-gradient(circle at 50% 100%, rgb(var(--color-brass-300-rgb) / .46) 0%, transparent 42%), linear-gradient(180deg, rgb(var(--color-paper-50-rgb) / .94) 0%, rgb(var(--color-paper-0-rgb) / .98) 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.session-gate__aurora{background:radial-gradient(ellipse at 24% 32%, #f0a06f33 0%, transparent 42%), radial-gradient(ellipse at 78% 26%, rgb(var(--color-steel-600-rgb) / .18) 0%, transparent 44%), radial-gradient(ellipse at 52% 100%, rgb(var(--color-brass-300-rgb) / .22) 0%, transparent 48%);pointer-events:none;animation:session-aurora-drift var(--motion-drift) ease-in-out infinite alternate;position:absolute;inset:-20%}.session-gate__grid{background-image:linear-gradient(rgb(var(--color-graphite-900-rgb) / .03) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--color-graphite-900-rgb) / .03) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 75%);mask-image:radial-gradient(#000 0%,#0000 75%)}.session-gate__orb{filter:blur(40px);pointer-events:none;animation:session-orb-float var(--motion-float) ease-in-out infinite;border-radius:50%;position:absolute}.session-gate__orb--1{animation-duration:8.5s;animation-delay:-2s}.session-gate__orb--2{animation-duration:6s;animation-delay:-4s}@keyframes session-orb-float{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.52;transform:translateY(-12px)scale(1.04)}}.session-gate__orb--0{background:#f0a06f42;width:min(60vw,420px);height:min(60vw,420px);top:10%;left:-10%}.session-gate__orb--1{background:rgb(var(--color-steel-600-rgb) / .24);width:min(50vw,360px);height:min(50vw,360px);bottom:5%;right:-5%}.session-gate__orb--2{background:rgb(var(--color-brass-300-rgb) / .3);width:min(40vw,280px);height:min(40vw,280px);top:40%;right:20%}.session-gate__card{width:100%;max-width:420px;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:rgb(var(--color-paper-50-rgb) / .76);-webkit-backdrop-filter:blur(22px);border:1px solid rgb(var(--color-graphite-900-rgb) / .08);box-shadow:0 1px 0 #ffffffb8 inset, 0 -1px 0 rgb(var(--color-graphite-950-rgb) / .04) inset, 0 24px 54px -36px rgb(var(--color-graphite-950-rgb) / .28);text-align:center;position:relative}.session-gate__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:inline-flex}.session-gate__logo{color:var(--color-brass-500);filter:drop-shadow(0 10px 18px rgb(var(--color-brass-400-rgb) / .18));display:flex}.session-gate__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.03em;color:var(--color-graphite-900);font-weight:700}.session-gate__shimmer{height:2px;margin-bottom:var(--space-6);background:rgb(var(--color-graphite-900-rgb) / .06);border-radius:999px;overflow:hidden}.session-gate__shimmer-bar{border-radius:inherit;background:linear-gradient(90deg, transparent, rgb(var(--color-steel-600-rgb) / .82), rgb(var(--color-brass-400-rgb) / .9), transparent);width:40%;height:100%;animation:2.8s ease-in-out infinite session-shimmer}@keyframes session-shimmer{0%{transform:translate(-120%)}to{transform:translate(320%)}}.session-gate__kicker{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-slate-400-rgb) / .92);margin:0 0 var(--space-2);font-weight:600}.session-gate__headline{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-graphite-900);margin:0 0 var(--space-3);letter-spacing:-.02em}.session-gate__sub{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:rgb(var(--color-slate-400-rgb) / .9);margin:0 0 var(--space-6)}.session-gate__footer{align-items:center;gap:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:rgb(var(--color-slate-400-rgb) / .9);display:inline-flex}.session-gate__spin{animation:.9s linear infinite session-spin}@keyframes session-spin{to{transform:rotate(360deg)}}@keyframes session-aurora-drift{0%{opacity:.92;transform:translate(-2%)scale(1)}to{opacity:1;transform:translate(2%,1%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.session-gate__aurora,.session-gate__orb,.session-gate__shimmer-bar,.session-gate__spin{animation:none}}