:root{--bg: #020617;--noir: #09090b;--dark: #020617;--accent: #8b5cf6;--panel: #0f172a;--text-dim: #64748b;--text-muted: #94a3b8;--text-light: #e2e8f0;--text-active: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:#f8fafc;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1 1 0%!important}.shrink-0{flex-shrink:0!important}@media (min-width: 768px){.md\:flex-row{flex-direction:row!important}}.grid{display:grid!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.bg-transparent{background-color:transparent!important}.bg-black{background-color:#000!important}.bg-white{background-color:#fff!important}.bg-dark{background-color:#020617!important}.bg-noir{background-color:#0c0c0c!important}.bg-white\/5{background-color:#ffffff0d!important}.bg-white\/10{background-color:#ffffff1a!important}.text-white{color:#fff!important}.text-black{color:#000!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-white\/20{color:#475569!important}.text-white\/30{color:#64748b!important}.text-white\/40{color:#94a3b8!important}.text-white\/50{color:#cbd5e1!important}.p-1{padding:.25rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.p-10{padding:2.5rem!important}.p-12{padding:3rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.pl-12{padding-left:3rem!important}.pl-14{padding-left:3.5rem!important}.pr-6{padding-right:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.py-16{padding-top:4rem!important;padding-bottom:4rem!important}.pb-20{padding-bottom:5rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-8{margin-bottom:2rem!important}.mb-12{margin-bottom:3rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.mt-auto{margin-top:auto!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.gap-12{gap:3rem!important}.w-full{width:100%!important}.h-8{height:2rem!important}.h-12{height:3rem!important}.h-16{height:4rem!important}.w-12{width:3rem!important}.md\:w-80{width:20rem!important}.max-w-7xl{max-width:1280px!important}.max-h-\[90vh\]{max-height:90vh!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.inset-0{top:0;left:0;right:0;bottom:0!important}.top-8{top:2rem!important}.right-8{right:2rem!important}.top-1\/2{top:50%!important;transform:translateY(-50%)!important}.left-4{left:1rem!important}.left-5{left:1.25rem!important}.z-50{z-index:50!important}.z-\[10000\]{z-index:10000!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-4xl{font-size:2.25rem!important}.text-5xl{font-size:3rem!important}.font-bold{font-weight:700!important}.font-black{font-weight:900!important}.uppercase{text-transform:uppercase!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-tighter{letter-spacing:-.05em!important}.tracking-widest{letter-spacing:.1em!important}.tracking-\[0\.2em\]{letter-spacing:.2em!important}.tracking-\[0\.4em\]{letter-spacing:.4em!important}.tracking-\[0\.5em\]{letter-spacing:.5em!important}.leading-none{line-height:1!important}.rounded-xl{border-radius:.75rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-\[32px\]{border-radius:32px!important}.border{border:1px solid transparent!important}.border-r{border-right:1px solid transparent!important}.border-b{border-bottom:1px solid transparent!important}.border-dashed{border-style:dashed!important}.border-white\/5{border-color:#ffffff0d!important}.border-white\/10{border-color:#ffffff1a!important}.border-white\/20{border-color:#fff3!important}.backdrop-blur-3xl{-webkit-backdrop-filter:blur(64px)!important;backdrop-filter:blur(64px)!important}.aspect-\[3\/4\]{aspect-ratio:3 / 4}.object-cover{object-fit:cover!important}.object-contain{object-fit:contain!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.text-primary-accent{color:#8b5cf6!important}.text-red-400{color:#f87171!important}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}select option{background-color:#0c0c0c!important;color:#fff!important}.glass{background:#0f172a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:24px!important;padding:2.5rem!important}.input-glass{width:100%!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:.75rem 1rem .75rem 3rem!important;color:#fff!important;font-size:.875rem!important}.btn-primary{width:100%!important;background:#fff!important;color:#000!important;font-weight:900!important;text-transform:uppercase!important;padding:1rem!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;cursor:pointer!important;border:none!important}.auth-shell{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(14,165,233,.14),transparent 35%),radial-gradient(circle at bottom right,rgba(59,130,246,.12),transparent 32%),linear-gradient(135deg,#020617,#020617 40%,#0f172a)}.auth-frame{width:100%;max-width:1180px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:1.5rem;align-items:stretch;position:relative;z-index:1}.auth-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2rem;padding:2.75rem;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f172aeb,#0f172abd);box-shadow:0 40px 80px #02061773}.auth-hero:before{content:"";position:absolute;left:48%;bottom:14%;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 72%);pointer-events:none}.auth-brand{display:flex;align-items:center;gap:1rem}.auth-brand-mark{width:3.5rem;height:3.5rem;border-radius:1.25rem;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#cbd5e1);color:#020617;box-shadow:0 18px 30px #ffffff1f}.auth-eyebrow{margin-bottom:.35rem;color:#94a3b8;font-size:.7rem;font-weight:800;letter-spacing:.32em;text-transform:uppercase}.auth-brand-title{color:#fff;font-size:clamp(2rem,3vw,3rem);font-weight:900;letter-spacing:-.06em;line-height:1}.auth-hero-copy{display:grid;gap:1rem;max-width:34rem}.auth-badge{width:fit-content;display:inline-flex;align-items:center;padding:.5rem .85rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.auth-hero-copy h2{color:#fff;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.95;letter-spacing:-.08em;max-width:12ch}.auth-hero-copy p{color:#cbd5e1;font-size:1rem;line-height:1.7;max-width:35rem}.auth-pill-row{display:flex;flex-wrap:wrap;gap:.75rem}.auth-pill{padding:.75rem 1rem;border-radius:999px;background:#02061757;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:.8rem;font-weight:700;letter-spacing:.06em}.auth-highlight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:auto}.auth-highlight-card{padding:1.25rem;border-radius:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-highlight-icon{width:2.5rem;height:2.5rem;margin-bottom:.9rem;border-radius:.9rem;display:grid;place-items:center;background:#ffffff14;color:#fff}.auth-highlight-card h3{color:#fff;font-size:.95rem;font-weight:800;margin-bottom:.55rem}.auth-highlight-card p{color:#94a3b8;font-size:.85rem;line-height:1.6}.auth-card{min-height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-card.glass{padding:2.25rem!important;background:linear-gradient(180deg,#0f172af5,#0f172ad6)!important;box-shadow:0 32px 80px #02061773}.auth-card-header{display:grid;gap:1.25rem;margin-bottom:1.75rem}.auth-card-brand{display:flex;align-items:center;gap:.85rem}.auth-card-icon{width:2.75rem;height:2.75rem;border-radius:1rem;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff}.auth-card-label{margin-bottom:.35rem;color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.auth-card-brand h3{color:#fff;font-size:1.85rem;line-height:1;letter-spacing:-.05em}.auth-card-subtitle{color:#cbd5e1;font-size:.95rem;line-height:1.6}.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.35rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.auth-mode-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:.9rem 1rem;border-radius:.75rem;color:#94a3b8;cursor:pointer;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,transform .2s ease}.auth-mode-button:hover{color:#fff}.auth-mode-button.is-active{background:#fff;color:#020617}.auth-form{display:grid;gap:1.2rem}.auth-field-group{display:grid;gap:.65rem}.auth-field-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-label{color:#94a3b8;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.auth-field{position:relative}.auth-field-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#64748b;pointer-events:none}.auth-input{width:100%;min-height:3.75rem;padding:1rem 1rem 1rem 3rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-size:.95rem;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.auth-input::placeholder{color:#64748b}.auth-input:hover{background:#ffffff0f}.auth-input:focus{outline:none;border-color:#ffffff3d;box-shadow:0 0 0 4px #94a3b824;background:#ffffff14}.auth-input-password{padding-right:3.5rem}.auth-password-toggle{position:absolute;top:50%;right:.9rem;transform:translateY(-50%);display:grid;place-items:center;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:color .2s ease}.auth-password-toggle:hover{color:#fff}.auth-inline-link{padding:0;border:none;background:transparent;color:#cbd5e1;cursor:pointer;font-size:.8rem;font-weight:700;transition:color .2s ease}.auth-inline-link:hover{color:#fff}.auth-inline-link-strong{margin-left:.4rem;color:#fff}.auth-helper-text{color:#94a3b8;font-size:.82rem;line-height:1.5}.auth-state{padding:.95rem 1rem;border-radius:1rem;border:1px solid transparent;font-size:.85rem;line-height:1.5}.auth-state-error{background:#ef44441a;border-color:#ef44442e;color:#fca5a5}.auth-state-success{background:#10b9811a;border-color:#10b9812e;color:#6ee7b7}.auth-submit.btn-primary{min-height:3.85rem;margin-top:.25rem;border-radius:1rem!important;font-size:.8rem;letter-spacing:.16em;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 18px 40px #ffffff1f}.auth-submit.btn-primary:hover{transform:translateY(-1px)}.auth-submit.btn-primary:disabled{cursor:not-allowed!important;opacity:.75;transform:none}.auth-form-footer{margin-top:.25rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.08)}.auth-footer-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;color:#94a3b8;font-size:.85rem;line-height:1.5;text-align:center}.auth-mode-button:focus-visible,.auth-inline-link:focus-visible,.auth-password-toggle:focus-visible,.auth-submit.btn-primary:focus-visible,.auth-input:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}@media (max-width: 1024px){.auth-frame{max-width:720px;grid-template-columns:1fr}.auth-highlight-list{grid-template-columns:1fr}.auth-hero-copy h2{max-width:none}}@media (max-width: 640px){.auth-shell{padding:1rem}.auth-hero,.auth-card.glass{padding:1.5rem!important;border-radius:24px!important}.auth-brand{align-items:flex-start}.auth-brand-title{font-size:2.2rem}.auth-mode-switch{grid-template-columns:1fr}.auth-field-heading{flex-direction:column;align-items:flex-start}.auth-card-brand h3{font-size:1.55rem}}.workspace-shell{min-height:100vh;width:100%;display:flex;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top left,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at top right,rgba(148,163,184,.08),transparent 24%),linear-gradient(180deg,#020617,#0f172a)}.workspace-frame{width:100%;max-width:1360px;display:flex;flex-direction:column;gap:1.25rem}.workspace-topbar,.workspace-hero,.workspace-view,.workspace-footer{border:1px solid rgba(255,255,255,.08);background:#0f172ac7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 30px 80px #0206174d}.workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.1rem;border-radius:28px}.workspace-brand{display:flex;align-items:center;gap:1rem}.workspace-brand-mark{width:3.5rem;height:3.5rem;border-radius:1.2rem;background:#fff;display:grid;place-items:center;box-shadow:0 18px 35px #ffffff1f}.workspace-brand-copy h1{color:#fff;font-size:1.8rem;line-height:1;letter-spacing:-.05em}.workspace-brand-eyebrow{display:block;margin-bottom:.35rem;color:#94a3b8;font-size:.66rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase}.workspace-nav{display:flex;align-items:center;gap:.5rem;padding:.35rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.workspace-nav-button{border:none;background:transparent;color:#94a3b8;padding:.9rem 1.1rem;border-radius:.85rem;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.workspace-nav-button:hover{color:#fff}.workspace-nav-button.is-active{background:#fff;color:#020617}.workspace-account{display:flex;align-items:center;gap:.9rem}.workspace-account-copy{display:grid;gap:.2rem;text-align:right}.workspace-account-copy span{color:#94a3b8;font-size:.66rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.workspace-account-copy strong{color:#fff;font-size:.92rem;font-weight:700}.workspace-signout{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e2e8f0;padding:.9rem 1rem;border-radius:1rem;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.workspace-signout:hover{background:#f8717114;border-color:#f8717129;color:#fca5a5}.workspace-main{display:flex;flex-direction:column;gap:1.25rem}.workspace-hero{padding:1.75rem;border-radius:32px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:1.25rem}.workspace-hero-copy{display:grid;gap:.8rem;max-width:50rem}.workspace-hero-eyebrow{color:#94a3b8;font-size:.7rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase}.workspace-hero-copy h2{color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:.95;letter-spacing:-.07em;max-width:14ch}.workspace-hero-copy p{color:#cbd5e1;font-size:1rem;line-height:1.7;max-width:40rem}.workspace-hero-rail{display:grid;gap:.9rem}.workspace-hero-card{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.workspace-hero-icon{width:2.75rem;height:2.75rem;border-radius:.95rem;display:grid;place-items:center;background:#ffffff14;color:#fff}.workspace-hero-label{display:block;color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.3rem}.workspace-hero-card strong{color:#fff;font-size:1rem}.workspace-view{border-radius:32px;padding:1.4rem}.workspace-footer{padding:1rem 1.25rem;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.workspace-footer-copy{color:#64748b;font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.workspace-footer-links{display:flex;flex-wrap:wrap;gap:1rem}.workspace-footer-link{color:#94a3b8;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.workspace-footer-link:hover{color:#fff}.library-shell{display:grid;gap:1.5rem}.library-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:1.25rem;padding:1.4rem;border-radius:28px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08)}.library-hero-copy{display:grid;gap:.8rem}.library-eyebrow{color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.library-hero-copy h1{color:#fff;font-size:clamp(1.9rem,4vw,3.4rem);line-height:.97;letter-spacing:-.06em;max-width:12ch}.library-hero-copy p{color:#cbd5e1;font-size:.98rem;line-height:1.7;max-width:38rem}.library-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.library-summary-card{padding:1rem;border-radius:1.1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:.45rem}.library-summary-card span{color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.library-summary-card strong{color:#fff;font-size:1.15rem}.library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.library-search{position:relative}.library-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b}.library-search-input{width:100%;min-height:3.75rem;padding:1rem 1rem 1rem 3rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-size:.95rem}.library-search-input:focus{outline:none;border-color:#ffffff3d;box-shadow:0 0 0 4px #94a3b81f}.library-filter-group{display:flex;flex-wrap:wrap;gap:.6rem}.library-filter-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#94a3b8;padding:.9rem 1rem;border-radius:999px;cursor:pointer;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.library-filter-chip.is-active{background:#fff;color:#020617}.library-results-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#94a3b8;font-size:.85rem}.library-results-meta strong{color:#fff}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.library-card{border:none;background:transparent;text-align:left;display:flex;flex-direction:column;gap:.85rem;cursor:pointer}.library-card-media{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:1.5rem;background:#020617;border:1px solid rgba(255,255,255,.08)}.library-card-image{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.library-card:hover .library-card-image{transform:scale(1.06);filter:saturate(1.05)}.library-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(2,6,23,.8) 100%)}.library-card-badges{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;display:flex;justify-content:space-between;gap:.5rem}.library-card-badges span{padding:.45rem .7rem;border-radius:999px;background:#020617a6;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.library-card-copy{display:grid;gap:.25rem;padding:0 .25rem}.library-card-copy p,.library-card-copy span{color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-card-copy h3{color:#fff;font-size:1rem;line-height:1.1;letter-spacing:-.03em}.library-loading,.library-empty{min-height:18rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center}.library-loading p,.library-empty p{color:#fff;font-size:1rem;font-weight:700}.library-empty span{color:#94a3b8;font-size:.9rem}.library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.library-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617eb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.library-overlay-panel{position:relative;width:100%;max-width:1280px;max-height:90vh;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr);overflow:hidden;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:#020617}.library-overlay-close{position:absolute;top:1rem;right:1rem;z-index:2;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#020617b3;color:#fff;display:grid;place-items:center;cursor:pointer}.library-overlay-media{padding:1.6rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.06)}.library-overlay-image{width:100%;height:100%;object-fit:contain}.library-overlay-content{min-height:0;display:flex;flex-direction:column;overflow:hidden}.library-overlay-scroll{flex:1;overflow-y:auto;padding:1.75rem}.library-overlay-header{display:grid;gap:1rem;margin-bottom:1.5rem}.library-overlay-badges{display:flex;flex-wrap:wrap;gap:.6rem}.library-overlay-badges span{padding:.45rem .7rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.library-overlay-header h2{color:#fff;font-size:clamp(2rem,4vw,3.2rem);line-height:.96;letter-spacing:-.06em}.library-overlay-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.library-overlay-meta-card,.library-detail-card,.library-score-card{padding:1rem;border-radius:1.1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.library-overlay-meta-card span,.library-detail-card span,.library-score-card span{display:block;color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.45rem}.library-overlay-meta-card strong,.library-detail-card strong,.library-score-card strong{color:#fff;font-size:1rem}.library-overlay-select select{width:100%;padding:.8rem .9rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.1);background:#020617cc;color:#fff;font-size:.9rem;text-transform:capitalize}.library-detail-sections,.library-score-section{display:grid;gap:1rem}.library-detail-section{display:grid;gap:.9rem}.library-detail-section-head{display:flex;align-items:center;gap:.6rem;color:#e2e8f0}.library-detail-section-head h4{color:#e2e8f0;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.library-detail-grid,.library-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.library-score-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.library-score-card strong{font-size:1.3rem}.chat-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:1rem}.chat-panel.glass,.chat-sidebar-card{background:linear-gradient(180deg,#0f172af0,#0f172acc)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 26px 70px #02061747}.chat-panel{display:flex;flex-direction:column;gap:1rem;min-height:44rem}.chat-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:1rem;align-items:start}.chat-eyebrow,.chat-sidebar-label{color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.chat-header h2,.chat-sidebar-card h3{color:#fff;font-size:1.55rem;line-height:1.05;letter-spacing:-.04em;margin-top:.5rem}.chat-header p,.chat-sidebar-text{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin-top:.75rem}.chat-status-card,.chat-sidebar-card{padding:1rem;border-radius:1.2rem;background:#ffffff0a}.chat-status-card{display:flex;align-items:center;gap:.75rem;color:#fff}.chat-status-card span{display:block;color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.3rem}.chat-starter-row{display:flex;flex-wrap:wrap;gap:.7rem}.chat-starter-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e8f0;padding:.8rem .95rem;border-radius:999px;cursor:pointer;font-size:.78rem;font-weight:700}.chat-starter-chip:hover{background:#ffffff14}.chat-message-stream{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.35rem .1rem}.chat-message-row{display:flex;gap:.75rem;align-items:flex-start}.chat-message-row.is-user{flex-direction:row-reverse}.chat-message-avatar{width:2.8rem;height:2.8rem;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;flex-shrink:0}.chat-message-avatar.is-user{background:#fff}.chat-message-bubble{max-width:min(42rem,78%);padding:1rem 1.1rem;border-radius:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.chat-message-bubble.is-user{background:#fffffff5;color:#020617}.chat-message-bubble.is-error{border-color:#f871712e;background:#7f1d1d38}.chat-message-role{display:block;margin-bottom:.45rem;color:#94a3b8;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.chat-message-bubble.is-user .chat-message-role{color:#334155}.chat-message-bubble p{color:inherit;font-size:.95rem;line-height:1.7}.chat-recommendation-block{display:grid;gap:.9rem;margin-top:1rem}.chat-recommendation-meta{display:flex;flex-wrap:wrap;gap:.5rem}.chat-recommendation-meta span,.chat-warning-list span,.chat-outfit-head span,.chat-outfit-confidence,.chat-outfit-items span,.chat-outfit-items em{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.chat-recommendation-meta span,.chat-warning-list span{padding:.4rem .55rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#cbd5e1}.chat-warning-list{display:flex;flex-wrap:wrap;gap:.45rem}.chat-warning-list span{color:#fde68a;border-color:#facc1529;background:#713f1238}.chat-outfit-card{display:grid;gap:.85rem;padding:1rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.chat-outfit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.chat-outfit-head strong{display:block;color:#fff;font-size:1.05rem;margin-top:.35rem}.chat-outfit-confidence{color:#cbd5e1}.chat-outfit-reason{color:#e2e8f0;font-size:.92rem;line-height:1.7}.chat-outfit-items{display:flex;flex-wrap:wrap;gap:.45rem}.chat-outfit-items span{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .65rem;border-radius:999px;background:#02061773;border:1px solid rgba(255,255,255,.08);color:#fff}.chat-outfit-items em{color:#94a3b8;font-style:normal}.chat-outfit-tips{display:grid;gap:.45rem}.chat-outfit-tips li{color:#cbd5e1;font-size:.86rem;line-height:1.6}.chat-feedback-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.chat-feedback-button{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e8f0;padding:.55rem .8rem;border-radius:999px;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.chat-feedback-button:disabled{opacity:.45;cursor:not-allowed}.chat-feedback-status{color:#6ee7b7;font-size:.72rem;font-weight:700}.chat-feedback-status.is-error{color:#fca5a5}.chat-typing{display:flex;align-items:center;gap:.35rem;padding:1rem;border-radius:999px;background:#ffffff0a}.chat-typing-dot{width:.45rem;height:.45rem;border-radius:999px;background:#ffffff73}.chat-compose{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.chat-compose-form{position:relative}.chat-compose-input{width:100%;min-height:3.95rem;padding:1rem 4.4rem 1rem 1rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.1);background:#0206178c;color:#fff;font-size:.95rem}.chat-compose-input:focus{outline:none;border-color:#ffffff38}.chat-send-button{position:absolute;top:.5rem;right:.5rem;width:2.95rem;height:2.95rem;border:none;border-radius:.9rem;background:#fff;color:#020617;display:grid;place-items:center;cursor:pointer}.chat-send-button:disabled{opacity:.45;cursor:not-allowed}.chat-compose-note{margin-top:.7rem;color:#94a3b8;font-size:.82rem}.chat-sidebar{display:grid;gap:1rem;align-content:start}.chat-sidebar-list{margin-top:.8rem;display:grid;gap:.65rem}.chat-sidebar-list li{color:#cbd5e1;font-size:.92rem;line-height:1.6}.reset-card{width:100%;max-width:32rem;position:relative;z-index:1}.reset-card-header{display:grid;gap:.8rem;margin-bottom:1.5rem;text-align:center}.reset-icon-wrap{width:3.4rem;height:3.4rem;margin:0 auto;border-radius:1.1rem;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.reset-eyebrow{color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.reset-card-header h2{color:#fff;font-size:2rem;line-height:1;letter-spacing:-.05em}.reset-card-header p{color:#cbd5e1;font-size:.95rem;line-height:1.7}.reset-form{display:grid;gap:1rem}.preferences-shell{display:grid}.preferences-panel{display:grid;gap:1.75rem;padding:1.75rem;border-radius:28px}.preferences-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.preferences-eyebrow{display:inline-block;margin-bottom:.5rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#fff4e6ad}.preferences-header h2{margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.preferences-header p{margin:.75rem 0 0;max-width:60ch;color:#fff4e6c7}.preferences-save{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1.15rem;border:none;border-radius:999px;background:linear-gradient(135deg,#f5f1e8,#d5baa2);color:#171311;font-weight:700;cursor:pointer}.preferences-save:disabled{opacity:.65;cursor:wait}.preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.preferences-card{display:grid;gap:1rem;padding:1.25rem;border-radius:24px;background:#0f0c0a8f;border:1px solid rgba(255,240,220,.08)}.preferences-card-head{display:flex;align-items:center;gap:.8rem}.preferences-card-head h3{margin:0;font-size:1rem}.preferences-card-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#ddb2802e;color:#f4d3af}.preferences-card-body{display:grid;gap:.9rem}.preferences-field{display:grid;gap:.45rem}.preferences-field span{font-size:.8rem;color:#fff4e6bd}.preferences-input{width:100%;padding:.85rem .95rem;border-radius:16px;border:1px solid rgba(255,241,226,.1);background:#ffffff0a;color:#fff7ef}.preferences-input:focus{outline:none;border-color:#f4d3af80;box-shadow:0 0 0 3px #f4d3af24}.preferences-textarea{resize:vertical;min-height:5.5rem}.preferences-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.preferences-toggle{display:flex;align-items:center;gap:.65rem;font-size:.92rem;color:#fff7efe0}.preferences-status{padding:.95rem 1rem;border-radius:16px;font-weight:600}.preferences-status.is-success{background:#3a7c5e38;color:#b6f0cb}.preferences-status.is-error{background:#8a2b2b38;color:#ffb9b9}.preferences-loading{padding:2rem;border-radius:24px;background:#110d0b99;color:#fff7efe0}@media (max-width: 1200px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.workspace-topbar,.workspace-hero,.library-hero,.chat-shell,.chat-header,.library-overlay-panel{grid-template-columns:1fr}.workspace-topbar{flex-direction:column;align-items:stretch}.workspace-account{justify-content:space-between}.workspace-hero-copy h2,.library-hero-copy h1{max-width:none}.library-summary-grid,.library-overlay-meta,.library-detail-grid,.library-score-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preferences-grid{grid-template-columns:1fr}.preferences-header{flex-direction:column}}@media (max-width: 720px){.workspace-shell,.auth-shell{padding:1rem}.workspace-topbar,.workspace-hero,.workspace-view,.workspace-footer,.library-hero,.chat-panel.glass,.chat-sidebar-card{border-radius:24px}.workspace-nav{width:100%;justify-content:space-between}.workspace-nav-button{flex:1;justify-content:center}.workspace-account{flex-direction:column;align-items:stretch}.workspace-account-copy{text-align:left}.workspace-footer{flex-direction:column;align-items:flex-start}.library-toolbar,.library-grid{grid-template-columns:1fr}.library-card-badges{flex-direction:column;align-items:flex-start}.chat-message-bubble{max-width:100%}.preferences-toggle-grid{grid-template-columns:1fr}}