body,html{margin:0;padding:0}body{background:#f1f3f6}button{font-family:inherit}.dashboard-root{background:var(--page);display:flex;flex-direction:column;height:100vh}.dashboard-topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;height:60px;justify-content:space-between;padding:0 20px;z-index:100}.dashboard-topbar,.topbar-left{align-items:center;display:flex;gap:20px}.topbar-left{flex:1 1;max-width:600px;min-width:0}.brandLock{align-items:center;display:inline-flex;gap:8px}.brandMark{color:var(--accent);display:inline-flex}.brandWord{color:var(--ink);font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1}.topbar-left .logo{background:none;border:none;cursor:pointer;flex-shrink:0;padding:0}.search-bar,.topbar-left .logo{align-items:center;display:flex}.search-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);flex:1 1;gap:9px;height:36px;min-width:0;padding:0 14px;transition:border-color .15s ease,background .15s ease}.search-bar:focus-within{background:var(--surface);border-color:var(--accent)}.search-bar svg{color:var(--faint);flex-shrink:0}.search-bar input{background:#0000;border:none;color:var(--ink);flex:1 1;font-size:14px;min-width:0;outline:none;padding:0}.search-bar input:focus{border:none;box-shadow:none}.search-bar input::placeholder,.search-kbd{color:var(--faint)}.search-kbd{align-items:center;background:var(--surface-3);border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;height:18px;justify-content:center;min-width:18px;padding:0 5px}.topbar-actions{flex-shrink:0;gap:10px}.topbar-actions,.upgrade-btn{align-items:center;display:flex}.upgrade-btn{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;font-family:var(--body);font-size:13.5px;font-weight:600;gap:7px;padding:8px 16px;transition:background .15s ease}.upgrade-btn:hover{background:var(--surface-2)}.upgrade-btn svg{color:var(--accent);height:15px;width:15px}.user-menu{position:relative}.user-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--r-pill);color:var(--ink);cursor:pointer;display:flex;font-family:var(--body);font-size:14px;font-weight:500;gap:8px;padding:4px 10px 4px 4px;transition:background .15s ease}.user-btn:hover{background:var(--surface-2)}.user-btn svg{color:var(--faint)}.user-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--lift-hi);overflow:hidden;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:1000}.user-dropdown-header{padding:10px 12px 12px}.user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.user-name-large{font-size:15px;font-weight:600}.user-email{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{background:var(--line);height:1px;margin:4px 0}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-family:var(--body);font-size:14px;gap:11px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item svg{color:var(--muted);flex-shrink:0;height:18px;width:18px}.dashboard-body{background:var(--page);display:flex;flex:1 1;min-height:0}.dashboard-sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:212px;padding:18px 12px;width:212px}.dashboard-sidebar nav{display:flex;flex-direction:column;gap:2px}.dashboard-sidebar .action-btn{margin-bottom:16px;width:100%}.sidebar-rule{background:var(--line);height:1px;margin:0 4px 12px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-family:var(--body);font-size:14px;font-weight:500;gap:11px;padding:10px 12px;text-align:left;transition:background .15s ease}.nav-btn svg{color:var(--muted);flex-shrink:0;height:19px;width:19px}.nav-btn:hover{background:var(--surface-2)}.nav-btn.active{background:var(--accent-wash);font-weight:600}.nav-btn.active,.nav-btn.active svg{color:var(--accent)}.sidebar-foot{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px;margin-top:auto;padding:12px 12px 2px}.sidebar-foot .eyebrow{font-size:12px}.sidebar-foot p{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis}.dashboard-content{background:var(--page);flex:1 1;overflow-y:auto;padding:32px 36px 72px}.dashboard-content::-webkit-scrollbar{width:10px}.dashboard-content::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--page);border-radius:var(--r-pill)}.dashboard-content.full{padding:0}.hamburger-btn{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:10px;z-index:1001}.hamburger-btn span{background:var(--ink);border-radius:2px;display:block;height:1.5px;width:17px}.mobile-menu-overlay{display:none}@media (max-width:860px){.dashboard-content{padding:24px 18px 64px}.search-bar{display:none}}@media (max-width:768px){.hamburger-btn{display:flex;left:14px;position:fixed;top:70px}.mobile-menu-overlay{background:#16181d59;display:block;inset:0;position:fixed;z-index:999}.dashboard-sidebar{height:100vh;left:-100%;padding-top:22px;position:fixed;top:0;transition:left .25s ease;width:256px;z-index:1000}.dashboard-sidebar.mobile-open{left:0}.dashboard-content{margin-top:42px}.user-btn svg,.user-name{display:none}.upgrade-btn{padding:8px 12px}}@media (max-width:480px){.dashboard-topbar{padding:0 14px}.dashboard-content{padding:20px 14px 60px}.upgrade-btn span{display:none}}.loginPage{align-items:center;background:var(--page);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.loginGlow{display:none}.loginForm{align-items:center;display:flex;flex-direction:column;gap:18px;max-width:400px;text-align:center;width:100%}.loginBrand{align-items:center;color:var(--accent);display:inline-flex;gap:9px}.loginWord{color:var(--ink);font-size:24px;font-weight:700;letter-spacing:-.028em;line-height:1}.loginTitle{color:var(--muted);font-size:21px;font-weight:600;line-height:1.3;margin:0;max-width:22ch}.loginContainer{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:8px;width:100%}.termsContainer{color:var(--faint);font-size:12.5px;line-height:1.5;max-width:360px}hanko-auth{--color:#16181d;--color-shade-1:#6e7891;--color-shade-2:#e3e6ec;--brand-color:#0095e0;--brand-color-shade-1:#007cbe;--brand-contrast-color:#fff;--background-color:#0000;--error-color:#dc2b4a;--link-color:#0095e0;--font-family:"Instrument Sans",system-ui,sans-serif;--border-radius:10px;--item-height:44px}hanko-auth::part(container){background-color:initial;padding:14px}hanko-auth::part(headline1){color:#16181d;font-weight:600}hanko-auth::part(input){background-color:#fff;border:1px solid #d3d8e0;border-radius:10px;color:#16181d}hanko-auth::part(input):focus{border-color:#0095e0}hanko-auth::part(button){border:none;border-radius:999px;font-weight:600}hanko-auth::part(secondary-button){background-color:#fff;border:1px solid #d3d8e0;border-radius:999px;color:#16181d}hanko-auth::part(link){color:#0095e0}hanko-auth::part(paragraph){color:#6e7891}.landing{background:var(--page);color:var(--ink);height:100vh;overflow-y:auto}.landing main{padding:0 24px}.landing main,.lp-nav{margin:0 auto;max-width:960px}.lp-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--page);background:color-mix(in srgb,var(--page) 85%,#0000);display:flex;gap:16px;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.lp-logo,.lp-nav{align-items:center}.lp-logo{color:var(--accent);display:inline-flex;font-weight:700;gap:8px;letter-spacing:-.02em}.lp-logo span{color:var(--ink);font-size:17px}.lp-nav-actions{align-items:center;display:flex;gap:14px}.lp-link{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.lp-link:hover{color:var(--ink)}.lp-hero{align-items:center;display:flex;flex-direction:column;gap:16px;padding:64px 0 56px;text-align:center}.lp-hero h1{font-size:clamp(30px,5vw,48px);max-width:16ch}.lp-hero .lede{font-size:16px;max-width:56ch}.lp-cta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.lp-cta{font-size:15px;padding:12px 24px}.lp-note{color:var(--faint);font-size:12.5px}.lp-section{border-top:1px solid var(--line);padding:48px 0}.lp-section-head{display:flex;flex-direction:column;gap:8px;margin-bottom:28px;max-width:60ch}.lp-section-head h2{font-size:clamp(22px,3vw,28px)}.lp-pipeline{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.lp-pipeline li{display:flex;gap:12px}.lp-pipeline-num{align-items:center;background:var(--accent-wash);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.lp-pipeline h3{font-size:15px;margin-bottom:3px}.lp-styles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.lp-style{align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);display:flex;gap:12px;padding:16px}.lp-style-icon{align-items:center;background:var(--surface-3);border-radius:var(--r-inner);color:var(--muted);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.lp-style-icon[data-heat=safe]{background:var(--safe-wash);color:var(--safe)}.lp-style-icon[data-heat=warm]{background:var(--warm-wash);color:var(--warm)}.lp-style-icon[data-heat=hot]{background:var(--hot-wash);color:var(--hot)}.lp-style-body{display:flex;flex-direction:column;gap:3px;min-width:0}.lp-style-body strong{font-size:14.5px;font-weight:600}.lp-style-body .secondary-text{font-size:13px;line-height:1.4}.lp-style-len{color:var(--faint);font-size:12px;margin-left:auto;white-space:nowrap}.lp-heat{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.lp-heat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);display:flex;flex-direction:column;gap:10px;padding:16px}.lp-heat-card .secondary-text{font-size:13px;line-height:1.45}.lp-final{align-items:center;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:18px;padding:64px 0;text-align:center}.lp-final h2{font-size:clamp(22px,3.5vw,30px);max-width:20ch}.lp-foot{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:960px;padding:32px 24px 48px}.lp-foot-terms{line-height:1.5;max-width:60ch}.lp-foot-copy,.lp-foot-terms{color:var(--faint);font-size:12.5px}@media (max-width:640px){.lp-hero{padding:40px 0 36px}.lp-final,.lp-section{padding:36px 0}}.toast-container{bottom:20px;display:flex;flex-direction:column-reverse;gap:10px;max-width:380px;position:fixed;right:20px;z-index:9999}.toast{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--lift-hi);color:var(--ink);display:flex;font-size:14px;gap:12px;justify-content:space-between;line-height:1.4;padding:12px 14px}.toast:before{background:var(--muted);border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.toast-success:before{background:var(--safe)}.toast-error:before{background:var(--danger)}.toast-info:before{background:var(--accent)}.toast-warning:before{background:var(--warm)}.toast-message{flex:1 1}.toast-close{background:none;border:none;color:var(--faint);cursor:pointer;font-size:20px;line-height:1;padding:0 2px;transition:color .15s ease}.toast-close:hover{color:var(--ink)}@media (max-width:600px){.toast-container{bottom:12px;left:12px;max-width:none;right:12px}}.settingsLayout{display:flex;flex-direction:column;gap:16px}.settingsContent{display:flex;flex:1 1;flex-direction:column;gap:16px}.profileCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px}.profile-form{gap:16px}.profile-form label{font-size:14px;font-weight:600;gap:6px}.profile-form .error{color:var(--danger);font-size:13px;font-weight:400;margin-top:4px}.save-btn{align-self:flex-start;background:var(--accent);border:none;border-radius:var(--r-pill);color:#fff;cursor:pointer;font-family:var(--body);font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s ease}.save-btn:hover{background:var(--accent-press)}.save-btn:disabled{background:var(--surface-3);color:var(--faint);cursor:not-allowed}.dangerZone,.securityBlock{margin-top:8px}.dangerZone{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px}.deleteAccountBtn{background:var(--surface);border:1px solid var(--danger);border-radius:var(--r-pill);color:var(--danger);cursor:pointer;font-family:var(--body);font-size:14px;font-weight:600;padding:10px 18px;transition:background .15s ease,color .15s ease}.deleteAccountBtn:hover{background:var(--danger);color:#fff}.modalBackdrop{align-items:center;background:#16181d66;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.deleteModal{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--lift-hi);color:var(--ink);max-width:100%;padding:28px;text-align:center;width:420px}.modalActions{display:flex;gap:10px;justify-content:center;margin-top:22px}.cancelBtn,.confirmDeleteBtn{border:1px solid #0000;border-radius:var(--r-pill);cursor:pointer;font-family:var(--body);font-size:14px;font-weight:600;padding:10px 18px}.cancelBtn{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.cancelBtn:hover{background:var(--surface-2)}.confirmDeleteBtn{background:var(--danger);color:#fff}.confirmDeleteBtn:hover{background:#c0243f}.cancelBtn:disabled,.confirmDeleteBtn:disabled{cursor:not-allowed;opacity:.5}.profileCard hanko-profile::part(container){background-color:initial;padding:0}hanko-profile{--background-color:#0000;--color:#16181d;--color-shade-1:#6e7891;--color-shade-2:#e3e6ec;--brand-color:#0095e0;--brand-color-shade-1:#007cbe;--brand-contrast-color:#fff;--link-color:#0095e0;--error-color:#dc2b4a;--font-family:"Instrument Sans",system-ui,sans-serif;--border-radius:10px}@media (max-width:640px){.dangerZone,.profileCard{padding:16px}}.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:36px 32px 40px}.empty-compact{padding:28px 24px 32px}.empty-glow{display:none}.empty-body{display:flex;flex-direction:column;gap:8px;max-width:680px}.empty-body h2{font-size:22px;max-width:22ch}.empty-body .lede{font-size:15px}.empty-body .btn{align-self:flex-start;margin-top:6px}.pipeline{grid-gap:0 28px;border-top:1px solid var(--line);display:grid;gap:0 28px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:20px 0 8px;padding:0}.pipeline li{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:15px 0}.pipeline-num{font-feature-settings:"tnum";align-items:center;background:var(--accent-wash);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.pipeline h4{font-size:14.5px;font-weight:600;margin:0 0 2px}.pipeline p{font-size:13.5px;line-height:1.45}@media (max-width:640px){.empty{padding:24px 18px 28px}}:root{--page:#f1f3f6;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#edeff3;--line:#e3e6ec;--line-strong:#d3d8e0;--ink:#16181d;--muted:#6e7891;--faint:#9aa3b5;--accent:#0095e0;--accent-press:#007cbe;--accent-wash:#e8f5fd;--safe:#12a150;--safe-wash:#e7f6ed;--warm:#c77700;--warm-wash:#fdf3e3;--hot:#e0246b;--hot-wash:#fdebf2;--danger:#dc2b4a;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--r-card:12px;--r-inner:10px;--r-pill:999px;--lift:0 2px 8px #16181d12;--lift-hi:0 6px 18px #16181d1c;--primary-color:var(--accent);--secondary-color:var(--accent-press);--accent-color:var(--accent);--background-color:var(--page);--secondary-background-color:var(--page);--sidebar-background:var(--surface);--border-color:var(--line);--tile-color:var(--surface)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f3f6;background-color:var(--page);font-size:15px;line-height:1.5;min-height:100vh;overflow:hidden;width:100vw}body,h1,h2,h3,h4{color:#16181d;color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--body);margin:0}h1,h2,h3,h4{text-wrap:balance;font-weight:600;letter-spacing:-.018em;line-height:1.2}h1{font-size:clamp(24px,3vw,30px)}h2{font-size:21px}h3{font-size:18px}h4{font-size:15px;letter-spacing:-.01em}p{margin:0}a{color:#0095e0;color:var(--accent)}::selection{background:#e8f5fd;background:var(--accent-wash)}:focus-visible{border-radius:4px;outline:2px solid #0095e0;outline:2px solid var(--accent);outline-offset:2px}.secondary-text{color:#6e7891;color:var(--muted)}.eyebrow{color:#9aa3b5;color:var(--faint);font-size:13px;font-weight:600;margin:0}.figure{font-feature-settings:"tnum","tnum";font-variant-numeric:tabular-nums}.lede{color:#6e7891;color:var(--muted);max-width:62ch}.flex-hor{display:flex;flex-direction:row;gap:10px}.grid-hor{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.band{margin-top:32px}.band-head{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:14px}.band-head .band-title{display:flex;flex-direction:column;gap:2px}.band-head h3{font-size:17px}.page-head{display:flex;flex-direction:column;gap:4px}.action-btn,.btn{align-items:center;background:#0095e0;background:var(--accent);border:1px solid #0000;border-radius:999px;border-radius:var(--r-pill);color:#fff;cursor:pointer;display:inline-flex;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--body);font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:10px 20px;transition:background .15s ease}.action-btn:hover,.btn:hover{background:#007cbe;background:var(--accent-press)}.action-btn:disabled,.btn:disabled{background:#edeff3;background:var(--surface-3);color:#9aa3b5;color:var(--faint);cursor:not-allowed}.btn-quiet{background:#fff;background:var(--surface);border-color:#d3d8e0;border-color:var(--line-strong);color:#16181d;color:var(--ink)}.btn-quiet:disabled,.btn-quiet:hover{background:#f7f8fa;background:var(--surface-2)}.btn-quiet:disabled{border-color:#e3e6ec;border-color:var(--line)}.btn-bare,.ghost-btn{background:none;border:none;color:#0095e0;color:var(--accent);cursor:pointer;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--body);font-size:14px;font-weight:600;padding:10px 4px}.btn-bare:hover,.ghost-btn:hover{color:#007cbe;color:var(--accent-press)}.backBtn{align-items:center;background:none;border:none;color:#6e7891;color:var(--muted);cursor:pointer;display:inline-flex;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--body);gap:8px;margin-block:10px}.card{background:#fff;background:var(--surface);border:1px solid #e3e6ec;border:1px solid var(--line);border-radius:12px;border-radius:var(--r-card)}form{gap:18px}.newProject label,form,form label{display:flex;flex-direction:column}input,select,textarea{background:#fff;background:var(--surface);border:1px solid #d3d8e0;border:1px solid var(--line-strong);border-radius:10px;border-radius:var(--r-inner);color:#16181d;color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--body);font-size:15px;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:#9aa3b5;color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:#0095e0;border-color:var(--accent);box-shadow:0 0 0 3px #e8f5fd;box-shadow:0 0 0 3px var(--accent-wash);outline:none}.errorText{color:#dc2b4a;color:var(--danger);font-size:14px}.heat{align-items:center;display:flex;gap:8px}.heat-scale{display:flex;flex-shrink:0;gap:3px}.heat-seg{background:#edeff3;background:var(--surface-3);border-radius:999px;border-radius:var(--r-pill);height:4px;width:14px}.heat[data-heat=safe] .heat-seg:nth-child(-n+1){background:#12a150;background:var(--safe)}.heat[data-heat=warm] .heat-seg:nth-child(-n+2){background:#c77700;background:var(--warm)}.heat[data-heat=hot] .heat-seg:nth-child(-n+3){background:#e0246b;background:var(--hot)}.heat-label{font-size:12px;font-weight:600}.heat[data-heat=safe] .heat-label{color:#12a150;color:var(--safe)}.heat[data-heat=warm] .heat-label{color:#c77700;color:var(--warm)}.heat[data-heat=hot] .heat-label{color:#e0246b;color:var(--hot)}.plats{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.plats li{background:#edeff3;background:var(--surface-3);border-radius:999px;border-radius:var(--r-pill);color:#9aa3b5;color:var(--faint);font-size:11.5px;font-weight:500;padding:2px 8px;white-space:nowrap}.plats li[data-state=ok]{background:#e7f6ed;background:var(--safe-wash);color:#12a150;color:var(--safe)}.plats li[data-state=risky]{background:#fdf3e3;background:var(--warm-wash);color:#c77700;color:var(--warm)}.plats li[data-state=no]{text-decoration:line-through;text-decoration-thickness:1px}.modal-backdrop{align-items:center;background:#16181d66;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--r-card);box-shadow:0 6px 18px #16181d1c;box-shadow:var(--lift-hi);max-width:100%;padding:24px;width:380px}.modal-content h3{margin-bottom:6px}.modal-content p{color:#6e7891;color:var(--muted);font-size:14px;margin-bottom:20px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions button{background:#fff;background:var(--surface);border:1px solid #d3d8e0;border:1px solid var(--line-strong);border-radius:999px;border-radius:var(--r-pill);color:#16181d;color:var(--ink);cursor:pointer;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--body);font-size:14px;font-weight:600;padding:9px 18px;transition:background .15s ease}.modal-actions button:hover{background:#f7f8fa;background:var(--surface-2)}.modal-actions button.danger{background:#dc2b4a;background:var(--danger);border-color:#dc2b4a;border-color:var(--danger);color:#fff}.modal-actions button.danger:hover{background:#c0243f}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:720px){.band{margin-top:26px}.band-head{flex-wrap:wrap;gap:8px}}.sets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(204px,1fr))}.set-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;padding:8px 8px 12px;text-align:left;transition:box-shadow .15s ease,border-color .15s ease}.set-card:focus-visible,.set-card:hover{border-color:var(--line-strong);box-shadow:var(--lift)}.set-poster{align-items:center;aspect-ratio:9/16;background:var(--surface-3);border-radius:var(--r-inner);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.set-poster img,.set-poster video{display:block;height:100%;object-fit:cover;width:100%}.set-poster-empty{align-items:center;background:radial-gradient(120% 80% at 50% 0,#ffffff80,#0000 70%),var(--surface-3);color:var(--muted);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:14px;text-align:center;width:100%}.set-poster-empty[data-heat=safe]{background:linear-gradient(180deg,#eef6ef,var(--surface-3))}.set-poster-empty[data-heat=warm]{background:linear-gradient(180deg,#fdf1e7,var(--surface-3))}.set-poster-empty[data-heat=hot]{background:linear-gradient(180deg,#fbe9ec,var(--surface-3))}.set-poster-icon{align-items:center;background:#ffffffbf;border-radius:50%;color:var(--ink);display:inline-flex;height:46px;justify-content:center;width:46px}.set-poster-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.set-poster-style{color:var(--muted);font-size:11.5px}.set-count{align-items:baseline;background:#fffffff0;border-radius:var(--r-pill);bottom:8px;display:inline-flex;gap:4px;left:8px;padding:3px 9px;position:absolute}.set-count b{font-feature-settings:"tnum";color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.set-count span{color:var(--muted);font-size:11.5px}.set-meta{display:flex;flex-direction:column;gap:7px;padding:0 4px}.set-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);display:-webkit-box;font-size:15px;font-weight:600;letter-spacing:-.012em;line-height:1.3;margin:0;overflow:hidden}.set-sub{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12.5px;gap:5px}.set-sub .dot:before{color:var(--faint);content:"·"}.set-actions{display:flex;gap:6px;margin-top:3px}.set-actions button{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;flex:1 1;font-family:var(--body);font-size:13px;font-weight:600;padding:7px 10px;transition:background .15s ease}.set-actions button:hover{background:var(--surface-2)}.set-actions button.danger{align-items:center;color:var(--muted);display:inline-flex;flex:0 0 auto;justify-content:center;padding:7px 10px}.set-actions button.danger svg{height:15px;width:15px}.set-actions button.danger:hover{background:var(--surface);border-color:var(--danger);color:var(--danger)}.resume{grid-gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:inherit;cursor:pointer;display:grid;font:inherit;gap:22px;grid-template-columns:132px 1fr;padding:16px;text-align:left;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.resume:focus-visible,.resume:hover{border-color:var(--line-strong);box-shadow:var(--lift)}.resume .set-poster{aspect-ratio:9/16}.resume-body{align-self:center;display:flex;flex-direction:column;gap:10px;min-width:0}.resume-body h2{font-size:22px}.resume-lines{display:flex;flex-direction:column;gap:9px;max-width:420px}.resume-lines p{font-size:13.5px}.resume-cta{align-items:center;color:var(--accent);display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:2px}@media (max-width:640px){.sets-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.resume{gap:14px;grid-template-columns:104px 1fr;padding:12px}.resume-body h2{font-size:19px}}.page-head h1{max-width:24ch}.band-first{margin-top:20px}.style-board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.style-tile{align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);cursor:pointer;display:flex;font-family:var(--body);gap:13px;padding:14px 16px;text-align:left;transition:box-shadow .15s ease,border-color .15s ease}.style-tile:hover{border-color:var(--line-strong);box-shadow:var(--lift)}.style-tile-icon{height:36px;width:36px}.style-tile-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.style-tile-body strong{font-size:14.5px;font-weight:600}.style-tile-body span{font-size:13px;line-height:1.45}.style-tile-len{color:var(--faint);flex-shrink:0;font-size:12px;padding-top:2px}@media (max-width:640px){.page-head h1{max-width:none}.style-board{grid-template-columns:1fr}}.sets-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:20px 0 22px}.sets-toolbar .search-bar{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);display:flex;flex:1 1;gap:9px;height:36px;max-width:320px;min-width:200px;padding:0 14px;transition:border-color .15s ease}.sets-toolbar .search-bar:focus-within{border-color:var(--accent)}.sets-toolbar .search-bar svg{color:var(--faint);flex-shrink:0}.sets-toolbar .search-bar input{background:#0000;border:none;color:var(--ink);flex:1 1;font-size:14px;min-width:0;outline:none;padding:0}.sets-toolbar .search-bar input:focus{box-shadow:none}.heat-filter{display:flex;gap:6px}.heat-filter button{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;font-family:var(--body);font-size:13.5px;font-weight:600;padding:7px 15px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.heat-filter button:hover{background:var(--surface-2)}.heat-filter button.on{background:var(--ink);border-color:var(--ink);color:#fff}.heat-filter button.on[data-heat=safe]{background:var(--safe);border-color:var(--safe)}.heat-filter button.on[data-heat=warm]{background:var(--warm);border-color:var(--warm)}.heat-filter button.on[data-heat=hot]{background:var(--hot);border-color:var(--hot)}.no-match{padding:48px 0;text-align:center}@media (max-width:640px){.sets-toolbar{align-items:stretch;flex-direction:column;gap:10px}.sets-toolbar .search-bar{max-width:none}.heat-filter{overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.heat-filter::-webkit-scrollbar{display:none}}.create{margin:0 auto;max-width:720px}.create form{gap:20px}.stepper{gap:24px;list-style:none;margin:20px 0 4px;padding:0}.stepper,.stepper-item{align-items:center;display:flex}.stepper-item{gap:9px}.stepper-circle{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:50%;color:var(--faint);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.stepper-item.active .stepper-circle{background:var(--accent);border-color:var(--accent);color:#fff}.stepper-label{color:var(--faint);font-size:13.5px}.stepper-item.active .stepper-label{color:var(--ink);font-weight:600}.create-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);display:flex;flex-direction:column;gap:14px;padding:22px}.create-panel label{gap:3px}.field-label{color:var(--ink);font-size:14px;font-weight:600}.field-help{color:var(--muted);font-size:13.5px;line-height:1.45}.create-panel label input{margin-top:10px}.panel-intro{margin-bottom:2px}.notice{background:var(--warm-wash);border-radius:var(--r-inner);color:var(--warm);font-size:13.5px;line-height:1.45;padding:11px 13px}.style-stage{align-items:center;background:radial-gradient(120% 90% at 50% 0,#ffffff8c,#0000 70%),var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:190px;padding:30px 22px;text-align:center}.style-stage[data-heat=safe]{background:linear-gradient(180deg,var(--safe-wash),var(--surface-2))}.style-stage[data-heat=warm]{background:linear-gradient(180deg,var(--warm-wash),var(--surface-2))}.style-stage[data-heat=hot]{background:linear-gradient(180deg,var(--hot-wash),var(--surface-2))}.style-stage-icon{align-items:center;background:#fffc;border-radius:50%;color:var(--ink);display:inline-flex;height:68px;justify-content:center;margin-bottom:4px;width:68px}.style-stage-name{color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.01em}.style-stage-tagline{color:var(--muted);font-size:13px;font-weight:600}.style-stage-looks{color:var(--muted);font-size:13.5px;line-height:1.45;max-width:420px}.style-stage-len{color:var(--faint);font-size:12px;margin-top:6px}.style-stage-empty{color:var(--faint);font-size:14px}.mini-timeline{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);display:flex;gap:12px;padding:10px 12px}.mini-timeline-label{color:var(--faint);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mini-timeline-track{align-items:center;background:repeating-linear-gradient(90deg,var(--surface-3) 0 1px,#0000 1px 24px);border-radius:var(--r-inner);display:flex;flex:1 1;gap:6px;min-height:34px;padding:4px}.mini-timeline-clip{align-items:center;background:var(--accent-wash);border:1px solid var(--accent);border-radius:var(--r-pill);color:var(--ink);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 10px}.mini-timeline-clip[data-heat=safe]{background:var(--safe-wash);border-color:var(--safe)}.mini-timeline-clip[data-heat=warm]{background:var(--warm-wash);border-color:var(--warm)}.mini-timeline-clip[data-heat=hot]{background:var(--hot-wash);border-color:var(--hot)}.mini-timeline-clip em{color:var(--muted);font-style:normal;font-weight:500}.mini-timeline-empty{color:var(--faint);font-size:12.5px;padding-left:6px}.style-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(206px,1fr))}.style-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;font-family:var(--body);gap:5px;padding:14px;text-align:left;transition:border-color .15s ease,background .15s ease}.style-card:hover{background:var(--surface-2)}.style-card.selected{background:var(--accent-wash);border-color:var(--accent)}.style-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.style-card-top .figure{color:var(--faint);font-size:12px}.style-tile-icon{align-items:center;background:var(--surface-3);border-radius:var(--r-inner);color:var(--muted);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.style-tile-icon[data-heat=safe]{background:var(--safe-wash);color:var(--safe)}.style-tile-icon[data-heat=warm]{background:var(--warm-wash);color:var(--warm)}.style-tile-icon[data-heat=hot]{background:var(--hot-wash);color:var(--hot)}.style-card strong{font-size:14.5px;font-weight:600}.style-card .secondary-text{font-size:13px;line-height:1.4}.heat-preview{background:var(--surface-2);border-radius:var(--r-card);display:flex;flex-direction:column;gap:9px;padding:15px}.heat-preview-head{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.heat-preview p{font-size:13.5px}.upload-box{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-card);padding:40px 24px;position:relative;text-align:center;transition:border-color .15s ease,background .15s ease}.upload-box:focus-within,.upload-box:hover{background:var(--accent-wash);border-color:var(--accent)}.upload-input{cursor:pointer;inset:0;opacity:0;position:absolute}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:9px;pointer-events:none}.upload-placeholder p{color:var(--ink);font-size:15px;font-weight:600;word-break:break-all}.upload-icon{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--accent);display:flex;height:44px;justify-content:center;width:44px}.uploadProgress{display:flex;flex-direction:column;gap:7px}.progressHeader{align-items:center;color:var(--ink);display:flex;font-size:13.5px;font-weight:600;gap:10px;justify-content:space-between}.progressHeader .timeRemaining{color:var(--muted);font-size:12.5px;font-weight:500;white-space:nowrap}.progressBar{background:var(--surface-3);border-radius:var(--r-pill);height:6px;overflow:hidden;width:100%}.progressBarFill{background:var(--accent);border-radius:var(--r-pill);height:100%;transition:width .25s ease;width:0}.stage-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.stage-actions .ghost-btn{align-items:center;color:var(--muted);display:inline-flex;gap:6px}.stage-actions .ghost-btn:hover{color:var(--ink)}@media (max-width:640px){.stepper{gap:14px}.stepper-label{display:none}.stepper-item.active .stepper-label{display:inline}.create-panel{padding:16px}.style-grid{grid-template-columns:1fr}.upload-box{padding:30px 16px}}.billing-container{color:var(--ink);font-family:var(--body)}.billing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.billing-container h1{color:var(--ink)}.billing-header-actions{display:flex;flex-direction:row;gap:20px}.billing-container button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px}.cancel-btn{background:var(--surface-2);border:1px solid var(--line-strong)!important;color:var(--ink);font-weight:600}.billing-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);margin-bottom:16px;padding:22px}.billing-section .subscription-section{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-width:300px}.billing-container .flex-hor{flex-wrap:wrap;gap:20px}.flex-hor .billing-section{flex:1 1}.billing-section .usage{width:100%}.users-label{font-size:15px;font-weight:500}.users-bar{background:var(--surface-3);height:8px;margin:10px 0;width:100%}.users-bar,.users-bar-fill{border-radius:var(--r-pill)}.users-bar-fill{background:var(--accent);height:100%}.hint{color:var(--muted);font-size:13px}.active-until{font-weight:600}.plan-name{font-size:24px;font-weight:400}.active-until-sub,.price-sub{color:var(--muted);font-size:14px}.price{font-size:18px;font-weight:600;margin-top:10px}.warning-box{align-items:center;background:var(--warm-wash);border-radius:var(--r-inner);color:var(--warm);display:flex;font-size:14px;gap:10px;margin-top:18px;padding:14px}.warning-icon{font-size:18px}.methods-section h3{font-size:18px;margin-bottom:14px}.methods-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.method-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);flex:1 1;padding:16px}.method-header{display:flex;justify-content:space-between;margin-bottom:8px}.active-tag{background:var(--safe-wash);border-radius:var(--r-pill);color:var(--safe);font-size:12px;font-weight:600;padding:3px 9px}.method-email,.method-number{font-size:15px;font-weight:500;margin-bottom:6px}.method-exp{color:var(--muted);font-size:13px;margin-bottom:10px}.method-icon span{font-weight:600;opacity:.7}.invoice-section h3{font-size:18px;margin-bottom:14px}.invoice-table{border-collapse:collapse;margin-top:10px;width:100%}.invoice-table td,.invoice-table th{border-bottom:1px solid var(--line);font-size:14px;padding:12px 10px;text-align:left}.invoice-table th{background:var(--surface-2);color:var(--muted);font-weight:600}.download-link{color:var(--accent);cursor:pointer;font-weight:500}.cancel-modal{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cancel-modal-content{animation:grow .3s forwards;background:var(--surface);border-radius:var(--r-card);color:var(--ink);max-width:90%;padding:24px;text-align:center;transform:scale(0);width:400px}.modal-buttons{display:flex;justify-content:space-around;margin-top:16px}@keyframes grow{to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paymentMethodContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-top:20px}.pm-header{align-items:center;display:flex;justify-content:space-between}.add-pm-btn{background:var(--accent);border:none;border-radius:var(--r-pill);color:#fff;cursor:pointer;font-weight:600;padding:9px 16px}.add-pm-btn:hover{background:var(--accent-press)}.pm-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.pm-modal{animation:pmPopIn .18s ease-out forwards;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);max-width:90%;padding:20px;transform:scale(.95);width:420px}@keyframes pmPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pm-card-element .StripeElement{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-inner);margin:12px 0;padding:12px}.pm-actions{display:flex;gap:10px;justify-content:flex-end}.pm-btn{border:1px solid #0000;border-radius:var(--r-pill);cursor:pointer;font-weight:600;padding:9px 16px}.pm-btn-primary{background:var(--accent);color:#fff}.pm-btn-primary:hover{background:var(--accent-press)}.pm-btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.pm-btn-secondary:hover{background:var(--surface-2)}.pm-error{color:var(--danger);font-size:12px;margin-bottom:8px}@media only screen and (max-width:800px){.billing-section .subscription-section{min-width:100px;width:auto}}@media (max-width:768px){.billing-header{align-items:flex-start;flex-direction:column;gap:16px}.billing-header-actions{flex-direction:column;gap:10px;width:100%}.billing-header-actions button{padding:10px 16px;width:100%}.billing-section{border-radius:10px;padding:16px}.flex-hor{flex-direction:column}.flex-hor .billing-section{flex:1 1;width:100%}.pm-card-element .StripeElement{margin:10px 0;padding:10px}.pm-actions{flex-direction:column;gap:8px}.pm-btn{padding:10px 14px;width:100%}}@media (max-width:480px){.billing-container h1{font-size:18px}.billing-section{margin-bottom:12px;padding:12px}.billing-section .subscription-section{min-width:100%}.users-label{font-size:13px}.hint{font-size:12px}.billing-container button{font-size:12px;padding:8px 12px}.pm-card-element .StripeElement{padding:8px}.pm-btn{font-size:12px;padding:8px 10px}}.subscription-plans .page-head h1{max-width:26ch}.plans-container{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:26px}.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);display:flex;flex-direction:column;gap:14px;padding:22px 20px 20px;position:relative}.plan-card.featured{border-color:var(--accent)}.plan-flag{background:var(--accent);border-radius:var(--r-pill);color:#fff;font-size:11.5px;font-weight:600;left:20px;padding:2px 10px;position:absolute;top:-9px}.plan-card h3{font-size:17px}.plan-card .price{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:7px;padding-bottom:16px}.plan-card .price .figure{color:var(--ink);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1}.plan-card .price .per{color:var(--muted);font-size:13px}.plan-features{display:flex;flex:1 1;flex-direction:column;gap:9px;list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:var(--ink);display:flex;font-size:14px;gap:9px;line-height:1.4}.plan-features li svg{color:var(--safe);flex-shrink:0;margin-top:2px}.plan-features li.muted{color:var(--faint)}.plan-card .btn{margin-top:2px;width:100%}.promo-code-section{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;margin-top:32px;max-width:440px;padding-top:22px}.promo-row{display:flex;gap:8px}.promo-row input{flex:1 1;min-width:0}.promo-row .btn{flex-shrink:0}.promo-success{color:var(--safe);font-size:14px}@media (max-width:560px){.promo-row{flex-direction:column}.promo-row .btn{width:100%}}