:root{color-scheme:light;--bg: #fff8ef;--surface: #fffdf8;--surface-2: #f7eadb;--surface-3: #efe0cc;--ink: #14110d;--muted: #756756;--line: #ead8c0;--line-strong: #c49a54;--gold: #b88635;--gold-2: #d5ad63;--rose: #bd765f;--sage: #7d8764;--shadow: rgba(91, 61, 25, .12);--radius: 8px;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(213,173,99,.16),transparent 30%),linear-gradient(180deg,#fff8ef,#f4e6d4);color:var(--ink);font-size:15px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}img,video{display:block;max-width:100%}.shell{display:grid;min-height:100vh}.sidebar{display:none}.app-frame{min-width:0;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(234,216,192,.88);background:#fffdf8f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.brand-compact{border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;padding:0;text-align:left}.brand-lockup img,.brand-compact img{width:42px;height:42px;border-radius:var(--radius);object-fit:cover;border:1px solid var(--line)}.brand-lockup strong,.brand-compact strong{display:block;font-size:18px;line-height:20px;font-weight:900;letter-spacing:0}.brand-lockup small,.brand-compact small{display:block;color:var(--muted);font-size:12px;line-height:16px;margin-top:2px}.top-search{display:none;align-items:center;gap:8px;flex:1;border:1px solid var(--line);background:#fffaf3;border-radius:var(--radius);padding:9px 12px;min-width:0}.top-search span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.top-search input{border:0;outline:0;background:transparent;color:var(--ink);min-width:0;width:100%}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.content{min-width:0;width:100%;max-width:1120px;margin:0 auto;padding:14px 14px 92px}.bottom-nav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;border-top:1px solid var(--line);background:#fffdf8f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button,.desktop-nav button{border:0;border-radius:var(--radius);background:transparent;color:var(--muted);min-height:44px;font-size:11px;font-weight:900;display:grid;place-items:center;gap:2px}.bottom-nav button.active,.desktop-nav button.active{background:var(--ink);color:var(--bg)}.shell[data-auth=guest] .bottom-nav,.shell[data-auth=guest] .desktop-nav,.shell[data-auth=guest] .top-search{display:none}.shell[data-auth=guest] .content{padding-bottom:28px}.nav-icon{font-size:16px;line-height:1}.stack{display:grid;gap:14px}.page-head{display:grid;gap:7px;margin-bottom:14px;max-width:820px;margin-left:auto;margin-right:auto;text-align:center}h1,h2,h3,p{margin:0}h1{font-family:var(--font-display);font-size:clamp(34px,8vw,64px);line-height:1.02;letter-spacing:0;font-weight:900}h2{font-family:var(--font-display);font-size:clamp(24px,5vw,36px);line-height:1.08;letter-spacing:0;font-weight:900}h3{font-family:var(--font-display);font-size:18px;line-height:24px;font-weight:850}.eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.muted,.meta{color:var(--muted)}.muted{line-height:1.6}.meta{font-size:12.5px;line-height:18px}.card,.panel,.tile,.feed-card,.profile-card,.booking-card,.metric-card,.message-card,.product-card,.admin-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 30px #5b3d1912}button.card,button.metric-card,.analytics-bar-row{width:100%;color:inherit;text-align:left;font:inherit}button.card:hover,button.metric-card:hover,.analytics-bar-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.card,.panel,.tile,.profile-card,.booking-card,.metric-card,.message-card,.product-card,.admin-row{padding:14px}.action-card{align-content:start;justify-items:start}.button,.icon-button,.chip,.filter-chip,.tab,.text-button{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf3;color:var(--ink);font-weight:900}.button{min-height:46px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:14px;line-height:18px}.footer-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.footer-links .text-button{min-height:34px;padding:0 10px}.ai-camera{border-color:#b886356b;background:linear-gradient(180deg,#fffdf8f0,#fff4e3e6),var(--surface)}.ai-camera .button,.ai-camera .chip,.post-upload,.calendar-day{min-height:54px}.ai-mobile-page,.ai-mobile-studio,.ai-desktop-gate{width:100%}.ai-mobile-studio{border-color:#b8863557;background:linear-gradient(180deg,#fffdf8fa,#fff6e8f0),var(--surface)}.ai-mobile-studio .button{min-height:52px}.ai-source-card,.category-grid .selected,.card.selected,.tile.selected{border-color:var(--gold);box-shadow:0 16px 36px #b8863529}.camera-shell{position:relative;min-height:420px;overflow:hidden;border:1px solid rgba(184,134,53,.28);border-radius:var(--radius);background:#14110d}.camera-shell video{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.scan-reticle{pointer-events:none;position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:2px solid rgba(255,250,243,.72);border-radius:999px;box-shadow:0 0 0 999px #14110d42}.scan-reticle span{position:absolute;left:50%;top:10%;width:2px;height:80%;background:#b88635b3}.qr-placeholder{width:min(220px,58vw);aspect-ratio:1;border:1px dashed rgba(184,134,53,.55);border-radius:8px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(20,17,13,.08) 12px,transparent 12px) 0 0 / 32px 32px,linear-gradient(rgba(20,17,13,.08) 12px,transparent 12px) 0 0 / 32px 32px,#fffaf3;color:var(--ink);font-weight:900}.ai-phone-card{align-items:center;text-align:center}.analytics-tabs{justify-content:center}.analytics-bar-row{display:grid;gap:8px;padding:10px;border:1px solid transparent;border-radius:var(--radius);background:#fffaf3}.ai-history-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fffaf3}.preview-frame.small{min-height:88px;aspect-ratio:1}.before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slider-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.slider-track span{display:block;height:100%;width:var(--value);background:var(--gold)}.hero-progress{height:14px}.post-upload{cursor:pointer}.post-upload input{display:none}.button.primary,.button:not(.secondary):not(.ghost):not(.danger){background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:0 10px 24px #14110d24}.button.gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}.button.secondary,.button.ghost{background:#fffaf3;color:var(--ink)}.button.danger{background:#fff1ef;border-color:#bd765f52;color:#943c31}.button.compact{min-height:40px;padding-inline:12px}.button.full{width:100%}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:#fffaf3}.dm-button{font-size:12px;font-weight:950;letter-spacing:0}.back-button{font-size:26px;line-height:1}.shell[data-route=landing] .back-button{display:none}.badge-wrap{position:relative}.nav-badge{min-width:18px;height:18px;border-radius:999px;padding:0 5px;display:inline-grid;place-items:center;background:var(--rose);color:#fffaf3;font-size:10px;line-height:18px;font-weight:900}.bottom-nav .nav-badge,.desktop-nav .nav-badge,.badge-wrap .nav-badge{position:absolute;top:3px;right:5px}.text-button{background:transparent;border:0;min-height:34px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.chip,.filter-chip,.tab{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.chip.active,.filter-chip.active,.tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.row,.row-between,.actions{display:flex;align-items:center;gap:10px}.row-between{justify-content:space-between}.actions{flex-wrap:wrap}.grid,.card-grid,.category-grid,.metrics-grid,.two-col,.three-col{display:grid;gap:12px}.card-grid,.category-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scroll-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.scroll-row>*{flex:0 0 auto;scroll-snap-align:start}.landing-hero{min-height:min(700px,calc(100vh - 84px));display:grid;align-items:end;padding:22px;border-radius:var(--radius);overflow:hidden;position:relative;color:#fffaf3;background:linear-gradient(180deg,#14110d2e,#14110dd6),url(/assets/book-my-look-logo-CRn65DNG.png) center 12% / min(760px,128%) no-repeat,#f4e6d4;box-shadow:0 18px 48px #5b3d191f}.landing-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(20,17,13,.34),transparent 58%);pointer-events:none}.landing-hero-content{display:grid;gap:14px;max-width:760px;position:relative;z-index:1;text-align:left}.landing-hero .muted{color:#fff8efd1;max-width:680px}.hero-phone-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mini-reel{min-height:176px;border:1px solid rgba(255,248,239,.28);border-radius:var(--radius);overflow:hidden;position:relative;background:#17130f}.mini-reel img,.visual img{width:100%;height:100%;object-fit:cover}.mini-reel span,.visual-label{position:absolute;left:10px;right:10px;bottom:10px;padding:8px;border-radius:var(--radius);background:#14110db8;color:#fffaf3;font-size:12px;font-weight:900}.visual{min-height:220px;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);position:relative}.feed-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.feed-stack{display:grid;gap:16px}.feed-card{overflow:hidden;padding:0;background:#17130f;color:#fff8ef}.feed-media{min-height:560px;position:relative;display:grid;align-items:end;background:#17130f}.feed-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.feed-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14110d0a,#14110dd1)}.feed-info{position:relative;z-index:1;display:grid;gap:10px;padding:16px}.feed-info .muted,.feed-info .meta{color:#fff8efc7}.action-rail{position:absolute;z-index:2;right:12px;bottom:132px;display:grid;gap:8px}.rail-button{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,248,239,.35);background:#14110dad;color:#fff8ef;font-weight:900}.rail-button.active{background:var(--gold);color:var(--ink)}.provider-mini{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-weight:900;border:1px solid var(--line-strong)}.avatar.large{width:74px;height:74px;font-size:22px}.search-panel{display:grid;gap:12px}.style-stage-panel,.location-panel{border-color:#b8863557;background:linear-gradient(180deg,#fffdf8fa,#fff6e8f0),var(--surface)}.search-box{min-height:52px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0 14px;outline:0}.filter-wrap{display:flex;gap:8px;overflow-x:auto}.location-row{align-items:stretch}.location-row .search-box{flex:1 1 220px;min-width:0}.inline-field{display:flex;align-items:center;gap:8px;margin:0}.inline-field span{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase}.inline-field select{min-height:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0 10px}.discovery-card{align-content:start}.card-actions .button{flex:1 1 122px}.compact-grid{align-items:start}.look-detail-media{min-height:430px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-frame{min-height:240px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface-2);position:relative;display:grid;place-items:center}.preview-frame img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.step{height:6px;border-radius:999px;background:var(--surface-3)}.step.active{background:var(--ink)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-day{min-height:66px;border:1px solid var(--line);border-radius:var(--radius);padding:8px;background:#fffaf3;font-size:12px}.calendar-day.busy{border-color:var(--line-strong);background:#fff2d7}.profile-hero{display:grid;gap:14px;padding:16px}.cover{min-height:150px;border-radius:var(--radius);background:linear-gradient(135deg,#14110db8,#b8863552),url(/assets/book-my-look-logo-CRn65DNG.png) center / cover}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.portfolio-grid .visual{min-height:120px}.message-layout{display:grid;gap:12px}.thread{display:grid;gap:10px}.bubble{max-width:82%;border:1px solid var(--line);border-radius:var(--radius);padding:10px;background:#fffaf3}.bubble.me{justify-self:end;background:#fff1d6;border-color:#b886355c}.form-grid{display:grid;gap:10px}.field{display:grid;gap:6px}.field label{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fffaf3;color:var(--ink);padding:12px;outline:0}.field textarea{min-height:96px;resize:vertical}.username-status{border:1px solid rgba(184,134,53,.26);border-radius:var(--radius);background:#fffaf3;padding:12px;display:grid;gap:8px}.username-status.valid{border-color:#2d7c5859;background:#f4fff7}.username-status.invalid{border-color:#bd765f59;background:#fff6f2}.metric-card strong{display:block;font-size:28px;line-height:32px}.bar-list{display:grid;gap:10px}.bar{height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar span{display:block;height:100%;width:var(--value);background:var(--ink)}.settings-list{display:grid;gap:10px}.settings-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#fffaf3}.settings-row>span:first-child{min-width:0}.toggle{width:48px;height:28px;border-radius:999px;border:1px solid var(--line);background:var(--surface-3);position:relative}.toggle:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;left:2px;top:2px;background:#fff;box-shadow:0 2px 8px #14110d29}.toggle.on{background:var(--ink)}.toggle.on:after{left:22px}.pricing-card{display:grid;gap:10px;border-top:4px solid var(--gold)}.pricing-card.selected{border-color:var(--line-strong);background:#fff4df;box-shadow:0 14px 38px #b886352e}.price{font-size:32px;line-height:36px;font-weight:900}.toast{position:fixed;left:14px;right:14px;bottom:84px;z-index:40;transform:translateY(24px);opacity:0;pointer-events:none;transition:.18s ease;border:1px solid rgba(184,134,53,.34);background:#fff4df;color:var(--ink);border-radius:var(--radius);padding:12px 14px;box-shadow:0 14px 40px var(--shadow)}.toast.show{transform:translateY(0);opacity:1}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;align-items:end;background:#14110d6b;padding:12px}.overlay-panel{width:min(100%,720px);max-height:min(84vh,760px);overflow:auto;border:1px solid var(--line);border-radius:14px 14px var(--radius) var(--radius);background:var(--surface);box-shadow:0 24px 80px #14110d38;padding:14px;display:grid;gap:14px}.overlay-panel.sheet{margin:0 auto}.overlay-panel.drawer{justify-self:end;align-self:stretch;width:min(100%,430px);border-radius:var(--radius)}.overlay-panel .two-col{grid-template-columns:1fr}.empty{min-height:160px;display:grid;place-items:center;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fffaf3;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 720px){.content{padding:24px}.top-search{display:flex}.two-col{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.three-col,.card-grid,.category-grid,.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1040px){.shell{grid-template-columns:292px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:22px;border-right:1px solid var(--line);background:#fffdf8db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-nav{display:grid;gap:6px;align-content:start}.desktop-nav button{grid-template-columns:28px 1fr;justify-items:start;padding:0 12px;font-size:14px}.sidebar-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px;display:grid;gap:10px;box-shadow:0 12px 30px #5b3d1912}.bottom-nav{display:none}.topbar{padding:14px 24px}.content{padding-bottom:40px}.three-col{grid-template-columns:repeat(4,minmax(0,1fr))}.feed-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.message-layout{grid-template-columns:320px 1fr}.overlay-backdrop{align-items:stretch;justify-items:end}.overlay-panel.sheet{align-self:end;justify-self:center}.overlay-panel .two-col{grid-template-columns:1fr 1fr}.landing-hero{min-height:680px;padding:48px}}@media (max-width: 420px){.topbar{gap:9px;padding:10px 12px}.brand-compact img{width:36px;height:36px}.brand-compact strong{font-size:16px}.brand-compact small{font-size:11px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions .button{display:none}.landing-hero{min-height:calc(100vh - 92px);padding:20px;background:linear-gradient(180deg,#14110d1a,#14110ddb),url(/assets/book-my-look-logo-CRn65DNG.png) center 8% / 138% no-repeat,#f4e6d4}.landing-hero h1{font-size:42px}.landing-hero .actions{align-items:stretch}.landing-hero .button{flex:1 1 150px}.feed-media{min-height:520px}.card-grid,.category-grid,.metrics-grid{grid-template-columns:1fr}}