:root{--tru-bg:#07090a;--tru-surface:#111719;--tru-surface-raised:#182023;--tru-cream:#f6eadc;--tru-muted:#b9afa4;--tru-coral:#ff6f61;--tru-peach:#ffb38a;--tru-ember:#d59b54;--tru-sage:#88c7a2;--tru-border:#f6eadc24;--tru-danger:#ff7d7d;--tru-success:#86d7a5;--tru-focus:#ffb38acc;--tru-radius:8px;--tru-shadow:0 18px 60px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--tru-cream);background:radial-gradient(circle at 52% -10%,#ff6f611f,#0000 28rem),linear-gradient(135deg,#07090a 0%,#0b1416 52%,#07090a 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--tru-peach)}button,.button-link{border-radius:var(--tru-radius);background:linear-gradient(135deg, var(--tru-coral), var(--tru-peach));color:#180d0b;cursor:pointer;border:0;justify-content:center;padding:.85rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}input,select{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:var(--tru-radius);color:var(--tru-cream);min-height:44px;padding:.75rem .9rem}textarea{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:var(--tru-radius);color:var(--tru-cream);resize:vertical;min-height:8rem;padding:.75rem .9rem}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--tru-focus);outline-offset:3px}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.app-frame{width:100%;max-width:1480px;margin:0 auto;padding:1.35rem}.sidebar{border-right:1px solid var(--tru-border);background:linear-gradient(#0d1417fa,#080d0ffa);flex-direction:column;gap:1.25rem;width:280px;min-height:100vh;padding:2rem 1rem;display:flex;position:sticky;top:0}.sidebar-nav{gap:.35rem;display:grid}.nav-item,.mobile-tab{border-radius:var(--tru-radius);color:var(--tru-cream);align-items:center;gap:.75rem;min-height:48px;padding:.85rem 1rem;text-decoration:none;display:flex}.nav-item.active,.nav-item:hover{color:var(--tru-peach);background:#ffb38a1f}.nav-item span,.mobile-tab span{color:var(--tru-peach);width:1.25rem;font-weight:900}.wordmark{background:linear-gradient(135deg, var(--tru-coral), var(--tru-peach));color:#0000;letter-spacing:0;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;text-decoration:none}.beta-card,.profile-mini{border:1px solid var(--tru-border);border-radius:var(--tru-radius);background:#f6eadc0a;padding:1rem}.beta-card{margin-top:auto}.beta-card h2,.beta-card p,.profile-mini strong,.profile-mini span{margin:0}.profile-mini{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.profile-mini div:last-child{gap:.25rem;display:grid}.mini-avatar{aspect-ratio:1;background:linear-gradient(135deg,#ffb38a59,#ff6f6140);border:1px solid #ffb38a73;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex}.link-button{color:var(--tru-peach);background:0 0;justify-content:flex-start;padding:0}.ghost-button,.ghost-link{border:1px solid var(--tru-border);color:var(--tru-cream);background:0 0}.auth-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:2rem;min-height:70vh;display:grid}.auth-grid h1,.page-heading h1,.status-block h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.eyebrow{color:var(--tru-peach);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.panel,.status-block,.summary-grid>section{border:1px solid var(--tru-border);border-radius:var(--tru-radius);box-shadow:var(--tru-shadow);background:#111719e0;padding:1.25rem}.narrow{max-width:560px;margin:10vh auto}.status-block{max-width:680px;margin:12vh auto}.page-heading{margin-bottom:1.5rem}.home-hero{gap:1rem;max-width:780px;margin:1rem 0 1.5rem;display:grid}.my-space-grid{grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem;display:grid}.my-space-main{gap:1rem;min-width:0;display:grid}.product-hero{grid-template-columns:minmax(0,1fr) minmax(240px,420px);align-items:stretch;gap:1rem;min-height:180px;display:grid}.product-hero h1{margin:0 0 1rem;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.96}.product-hero p{color:var(--tru-muted);max-width:620px;margin:0;font-size:1.05rem}.hero-photo,.cafe-card{border:1px solid var(--tru-border);border-radius:var(--tru-radius);background:linear-gradient(90deg,#07090a1a,#07090acc),radial-gradient(circle at 60%,#ffb38a3d,#0000 8rem),linear-gradient(135deg,#1a201b,#4c2f20 50%,#0d1517);min-height:170px}.my-space-card,.evaluation-card{gap:1rem;display:grid}.section-title-row{justify-content:space-between;align-items:start;gap:1rem;display:flex}.section-title-row h2,.section-title-row p{margin:0}.progress-bar{background:#f6eadc1f;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg, var(--tru-coral), var(--tru-peach));border-radius:inherit;height:100%;display:block}.progress-ring{--progress:0deg;aspect-ratio:1;background:conic-gradient(var(--tru-peach) var(--progress), #f6eadc24 0);border-radius:50%;flex:0 0 86px;place-items:center;padding:8px;font-size:1.35rem;font-weight:900;display:grid}.progress-ring span{background:var(--tru-surface);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tru-stepper{border:1px solid var(--tru-border);border-radius:var(--tru-radius);background:#111719c7;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:.75rem;margin:0;padding:.9rem;list-style:none;display:grid}.tru-stepper li{color:var(--tru-muted);align-items:center;gap:.55rem;min-width:0;display:flex}.tru-stepper span{border:1px solid var(--tru-border);border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:flex}.tru-stepper .is-active{color:var(--tru-cream)}.tru-stepper .is-active span{border-color:var(--tru-coral);color:var(--tru-peach);background:#ff6f6129}.profile-quick-form{grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:.85rem;display:grid}.profile-quick-form label{color:var(--tru-muted);gap:.35rem;font-weight:800;display:grid}.single-question{border:0;margin:0;padding:0}.single-question legend{color:var(--tru-cream);margin-bottom:1rem;padding:0;font-size:1.45rem;font-weight:800}.option-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.option-card{border:1px solid var(--tru-border);border-radius:var(--tru-radius);cursor:pointer;text-align:center;background:#f6eadc0a;align-items:center;gap:.45rem;min-height:126px;padding:1rem;display:grid}.option-card input{opacity:0;width:1px;height:1px;position:absolute}.option-card strong{color:var(--tru-peach);font-size:1.25rem}.option-card.is-selected{color:#190f0d;background:linear-gradient(135deg,#ff6f61e0,#ffb38ae0)}.option-card.is-selected strong{color:#190f0d}.privacy-note{color:var(--tru-muted);text-align:center;margin:0}.split-actions{justify-content:space-between}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.right-rail{grid-auto-rows:max-content;gap:1rem;display:grid}.rail-card{gap:.85rem;display:grid}.rail-progress{align-items:center;gap:1rem;display:flex}.verification-item{border-top:1px solid var(--tru-border);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.verification-item strong{color:var(--tru-success)}.mobile-tabbar{display:none}.home-hero h1{margin:0;font-size:clamp(2rem,8vw,4.5rem);line-height:.95}.home-hero p{color:var(--tru-muted);margin:0;font-size:1.05rem}.home-status{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.state-pill{border:1px solid var(--tru-border);color:var(--tru-cream);border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:800}.state-compatibility_available,.state-ready{color:var(--tru-success);border-color:#86d7a573}.state-error,.state-restricted{color:var(--tru-danger);border-color:#ff7d7d73}.state-panel{margin-bottom:1rem}.state-panel h2,.compatibility-detail h2,.compatibility-card h2{margin:0 0 .75rem}.inline-action{width:fit-content;margin-top:.9rem}.compatibility-detail,.compatibility-card{background:var(--tru-surface);border:1px solid var(--tru-border);border-radius:var(--tru-radius);padding:1rem}.compatibility-layout{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.compatibility-list{gap:.85rem;display:grid}.compatibility-card{grid-template-columns:56px minmax(0,1fr);gap:1rem;display:grid}.compatibility-card.is-selected{border-color:#ffb38a8c}.compatibility-avatar{aspect-ratio:1;background:linear-gradient(135deg, var(--tru-coral), var(--tru-peach));color:#180d0b;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.compatibility-card-body{gap:.75rem;min-width:0;display:grid}.compatibility-detail{align-self:start}.detail-list{gap:.75rem;display:grid}.detail-list div{border-top:1px solid var(--tru-border);padding-top:.75rem}.detail-list dt{color:var(--tru-muted);text-transform:uppercase;font-size:.8rem;font-weight:800}.detail-list dd{margin:.25rem 0 0}.action-row,.inline-form{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem;display:flex}.inline-form label{color:var(--tru-muted);gap:.35rem;min-width:min(100%,14rem);font-size:.85rem;font-weight:800;display:grid}.table-like{gap:.5rem;display:grid}.table-like-row{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:var(--tru-radius);color:var(--tru-cream);text-align:left;grid-template-columns:minmax(0,1fr) minmax(8rem,auto) minmax(5rem,auto);justify-content:stretch;align-items:center;gap:.75rem;width:100%;padding:.75rem;display:grid}.table-like-row span{overflow-wrap:anywhere;min-width:0}.inline-card{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:var(--tru-radius);gap:.75rem;margin-top:.75rem;padding:1rem;display:grid}.inline-card h3,.inline-card p{margin:0}.error-panel,.success-panel{margin-bottom:1rem}.error-panel{color:var(--tru-danger)}.success-panel{color:var(--tru-success)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.form-panel{gap:1rem;display:grid}.form-panel fieldset{border:1px solid var(--tru-border);border-radius:var(--tru-radius);gap:.85rem;margin:0;padding:1rem;display:grid}.form-panel legend{color:var(--tru-peach);padding:0 .35rem;font-weight:800}.field-row,.window-row{gap:.5rem;display:grid}.window-list,.card-list{gap:1rem;display:grid}.window-row{border-top:1px solid var(--tru-border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;padding-top:.85rem}.window-row label,.field-row label{color:var(--tru-muted);gap:.35rem;font-size:.85rem;font-weight:800;display:grid}.checkbox-row{align-items:center;gap:.65rem;display:flex}.checkbox-row input{min-height:auto}.compact-card h2,.compact-card h3{margin:0 0 .75rem}.form-error{color:var(--tru-danger);font-weight:700}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:999px;padding:.35rem .7rem}.muted,.hint{color:var(--tru-muted)}.success{color:var(--tru-success)}.dialog-backdrop{z-index:20;background:#0a0a12b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog-panel{background:var(--tru-surface);border:1px solid var(--tru-border);border-radius:var(--tru-radius);gap:1rem;width:min(100%,640px);max-width:640px;max-height:calc(100vh - 2rem);padding:1.25rem;display:grid;overflow:auto;box-shadow:0 20px 60px #00000059}.dialog-panel h3,.dialog-panel p{margin:0}.checkin-panel,.photo-panel{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:var(--tru-radius);gap:.85rem;padding:1rem;display:grid}.checkin-panel h3,.photo-panel h3{margin:0}.photo-placeholder{aspect-ratio:16/9;background:var(--tru-surface);border:1px dashed var(--tru-border);border-radius:var(--tru-radius);color:var(--tru-muted);justify-content:center;align-items:center;min-height:160px;font-weight:800;display:flex}.revealed-photo{border-radius:var(--tru-radius);object-fit:cover;width:100%;max-width:100%;max-height:460px;display:block}.profile-photo-panel{gap:.85rem;margin-bottom:1rem;display:grid}.profile-photo-panel h2,.profile-photo-panel p{margin:0}.file-upload-control{gap:.45rem;width:min(100%,22rem);display:inline-grid}.file-upload-control span{font-weight:800}.file-upload-control input{width:100%}.upload-received{color:var(--tru-success)}.upload-error{color:var(--tru-danger)}.photo-report-actions{flex-wrap:wrap;gap:.65rem;display:flex}.photo-report-actions .ghost-button{font-size:.9rem}.consent-list{gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}@media (width<=760px){body{padding-bottom:74px}.shell{display:block}.sidebar{display:none}.app-frame{padding:1rem}.auth-grid,.my-space-grid,.product-hero,.profile-quick-form,.insight-grid{grid-template-columns:1fr}.right-rail{display:none}.tru-stepper,.option-grid{grid-template-columns:1fr}.mobile-tabbar{border-top:1px solid var(--tru-border);z-index:30;background:#080d0ff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tab{text-align:center;border-radius:0;flex-direction:column;gap:.2rem;min-height:64px;padding:.55rem .25rem;font-size:.72rem}}@media (width<=1180px){.my-space-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=860px){.compatibility-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}}.form-stack{gap:1rem;display:grid}label,fieldset{border:0;gap:.4rem;margin:0;padding:0;display:grid}legend{margin-bottom:.5rem;font-weight:700}input{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:var(--tru-radius);color:var(--tru-cream);min-height:2.7rem;padding:.7rem .8rem}input[aria-invalid=true]{border-color:var(--tru-danger)}.field-error,.form-error{color:var(--tru-danger)}.form-error{border-radius:var(--tru-radius);background:#ff7d7d14;border:1px solid #ff7d7d3d;padding:.75rem}.availability-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.check-row{align-items:center;gap:.55rem;display:flex}.check-row input{min-height:auto}.question{background:var(--tru-surface-raised);border:1px solid var(--tru-border);border-radius:var(--tru-radius);padding:1rem}.scale-row{flex-wrap:wrap;gap:.75rem;display:flex}
