:root{--page:#e8e8ed;--app:#f3f3f6;--surface:#fbfaf8;--surface-strong:#ffffff;--ink:#18171d;--muted:#77747f;--muted-light:#aaa7b0;--line:rgba(29,27,35,0.09);--accent:#ff553c;--accent-deep:#f43f2a;--accent-warm:#ff9b32;--accent-soft:#fff0e9;--shadow:0 24px 60px rgba(30,28,40,0.11)}*{box-sizing:border-box}html{background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.82),transparent 24rem),var(--page)}a,button{font:inherit}a,button{color:inherit}a{text-decoration:none}.mobile-app,.site-canvas{min-height:100svh}.mobile-app{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,480px);margin:0 auto;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(255,235,221,.9),transparent 18rem),var(--app);box-shadow:var(--shadow)}.app-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:calc(16px + env(safe-area-inset-top)) 20px 13px;border-bottom:1px solid var(--line);background:rgba(243,243,246,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:inline-flex;align-items:center;border-radius:12px}.brand-name{font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:-1.25px}.glass-button,.icon-button{display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.74);box-shadow:0 8px 22px rgba(36,32,43,.08)}.icon-button{width:46px;height:46px}.glass-button{width:36px;height:36px;padding:0;cursor:pointer}.app-main{min-height:0;padding:14px 15px 12px}.discover-page{height:100%;min-height:calc(100svh - 188px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.camera-card{position:relative;isolation:isolate;height:100%;min-height:inherit;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,240,239,.95)),var(--surface);box-shadow:0 22px 48px rgba(39,34,45,.12)}.camera-card:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.74),transparent 42%),radial-gradient(circle at 50% 47%,rgba(255,195,166,.18),transparent 38%);content:""}.camera-card.is-live{background:#0d0c10;border-color:rgba(255,255,255,.12)}.camera-card.is-live:before{display:none}.camera-host{position:absolute;inset:0;z-index:1;overflow:hidden;background:#0d0c10;opacity:0;pointer-events:none}.camera-host.is-visible{opacity:1;pointer-events:auto}.camera-host-remote{z-index:2}.camera-host-remote.is-visible{pointer-events:auto}.camera-host :is(video,canvas){width:100%;height:100%;object-fit:cover;background:#0d0c10}.camera-video{width:100%;height:100%;object-fit:cover;background:#0d0c10;transform:scaleX(-1)}.camera-host-local.is-visible .camera-video{opacity:1}.camera-toolbar-actions{display:inline-flex;align-items:center;gap:8px}.camera-live-error{right:16px;bottom:calc(96px + env(safe-area-inset-bottom));left:16px;padding:10px 12px;border-radius:14px;color:#7a1f1f;background:rgba(255,236,236,.92);box-shadow:0 10px 24px rgba(48,28,28,.12);line-height:1.4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.camera-live-error,.camera-overlay-status{position:absolute;z-index:11;font-size:12px;font-weight:650}.camera-overlay-status{top:50%;left:50%;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:rgba(18,18,22,.55);box-shadow:0 12px 28px rgba(0,0,0,.22);transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.discover-bottom-overlay{position:absolute;z-index:12;right:0;bottom:0;left:0;padding:28px 8px 10px;background:linear-gradient(180deg,rgba(12,11,15,0),rgba(12,11,15,.22) 40%,rgba(12,11,15,.62));pointer-events:none}.discover-bottom-overlay>*{pointer-events:auto}.clothing-rail{display:grid}.clothing-rail-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:56px;grid-gap:6px;gap:6px;overflow-x:auto;padding:0 2px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.clothing-rail-scroller::-webkit-scrollbar{display:none}.clothing-card{position:relative;display:block;width:56px;height:72px;padding:0;overflow:hidden;border:1.5px solid rgba(255,255,255,.62);border-radius:14px;background:rgba(255,255,255,.12);box-shadow:0 8px 18px rgba(8,7,12,.2);scroll-snap-align:start;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.clothing-card:disabled{cursor:not-allowed;opacity:.55}.clothing-card[data-selected=true]{border-color:rgba(255,85,60,.9);box-shadow:0 0 0 2px rgba(255,85,60,.28),0 10px 20px rgba(249,76,49,.22);transform:translateY(-1px)}.clothing-card-image{display:block;width:100%;height:100%;object-fit:cover}.clothing-card-badge{position:absolute;top:5px;right:5px;width:8px;height:8px;padding:0;border-radius:999px;color:transparent;background:rgba(24,23,29,.72);font-size:0}.clothing-card-badge.is-selected{background:linear-gradient(135deg,var(--accent-warm),var(--accent))}.clothing-card[data-applying=true] .clothing-card-badge{width:auto;height:auto;padding:2px 5px;color:#fff;font-size:9px;font-weight:750;line-height:1}.stop-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:rgba(214,48,49,.92);box-shadow:0 8px 20px rgba(160,24,28,.28);font-size:12px;font-weight:750;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stop-button:disabled{opacity:.6;cursor:wait}.camera-toolbar{position:absolute;z-index:8;top:16px;right:16px;left:16px;display:flex;align-items:center;justify-content:space-between}.camera-status{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.76);border-radius:999px;color:#5f5b65;background:rgba(255,255,255,.68);box-shadow:0 7px 18px rgba(38,33,44,.06);font-size:12px;font-weight:650;letter-spacing:.15px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-dot{width:7px;height:7px;border-radius:50%;background:#b6b3bb;box-shadow:0 0 0 4px rgba(174,171,181,.16)}.camera-status.is-live{color:#1f6b43;background:rgba(232,255,240,.88)}.camera-status.is-live .status-dot{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.camera-card.is-live .camera-status{color:#edf7f0;background:rgba(18,18,22,.48);border-color:rgba(255,255,255,.14)}.camera-card.is-live .camera-status.is-live .status-dot{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.22)}.camera-card.is-live .glass-button{color:#f5f5f7;background:rgba(18,18,22,.42);border-color:rgba(255,255,255,.16)}.fitting-stage{position:absolute;top:62px;right:0;left:0;height:49%}.stage-glow{position:absolute;top:12%;width:160px;height:160px;border-radius:50%;filter:blur(28px);opacity:.42}.stage-glow-left{left:-60px;background:rgba(255,132,89,.34)}.stage-glow-right{right:-58px;background:rgba(126,105,255,.2)}.fit-guide{top:6%;width:136px;height:242px;opacity:.54}.fit-guide,.fit-guide-head{position:absolute;left:50%;transform:translateX(-50%)}.fit-guide-head{top:0;width:50px;height:59px;border:1.5px dashed rgba(111,106,118,.58);border-radius:48% 48% 44% 44%}.fit-guide-body{position:absolute;top:68px;right:0;left:0;height:168px;border:1.5px dashed rgba(111,106,118,.58);border-radius:46% 46% 28% 28%/24% 24% 40% 40%}.podium-base,.podium-shadow,.podium-top{position:absolute;left:50%;border-radius:50%;transform:translateX(-50%)}.podium-shadow{bottom:-2px;width:80%;height:74px;background:rgba(35,30,39,.15);filter:blur(20px)}.podium-base{bottom:0;width:76%;height:82px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(180deg,#d7d4d7,#bdb9bf 92%);box-shadow:inset 0 -13px 25px rgba(91,84,96,.14)}.podium-top{bottom:32px;width:76%;height:85px;background:radial-gradient(circle at 50% 30%,#ffffff 0,#eceaec 57%,#d8d4d9 100%);box-shadow:inset 0 8px 15px rgba(255,255,255,.82),0 14px 26px rgba(62,56,68,.13)}.camera-prompt,.podium-top{border:1px solid rgba(255,255,255,.9)}.camera-prompt{position:absolute;z-index:7;right:22px;bottom:calc(96px + env(safe-area-inset-bottom));left:22px;display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:16px 18px;border-radius:28px;text-align:center;background:rgba(255,255,255,.83);box-shadow:0 15px 35px rgba(47,40,52,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.camera-error{margin:0;font-size:12px;font-weight:650;line-height:1.4}.camera-error,.eyebrow{color:var(--accent-deep)}.eyebrow{margin:0 0 7px;font-size:10px;font-weight:800;letter-spacing:1.6px;line-height:1.2;text-transform:uppercase}.camera-prompt h1,.centered-page h1,.page-heading h1,.profile-intro h1{margin:0;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:clamp(29px,8.2vw,37px);font-weight:700;line-height:1.02;letter-spacing:-1.25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent-warm),var(--accent) 58%,#ef3e54);box-shadow:0 13px 26px rgba(249,76,49,.25);font-size:14px;font-weight:750;cursor:pointer}.primary-button:disabled{opacity:.72;cursor:wait}.bottom-navigation{position:relative;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);min-height:90px;padding:9px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(249,249,251,.9);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.nav-item{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;min-width:0;border-radius:18px;color:#aaa7af;font-size:11px;font-weight:620;transition:color .16s ease,transform .16s ease}.nav-icon{display:grid;place-items:center;width:38px;height:32px;border-radius:999px;transition:background .16s ease,transform .16s ease}.nav-item[data-active=true]{color:var(--accent-deep)}.nav-item[data-active=true] .nav-icon{background:var(--accent-soft);transform:translateY(-1px)}.secondary-page{min-height:calc(100svh - 202px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px 4px 20px}.page-heading{padding:9px 8px 24px}.centered-page>p,.page-heading>p:last-child{max-width:330px;margin:11px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.empty-state-card,.profile-card,.settings-list{border:1px solid rgba(255,255,255,.86);border-radius:30px;background:rgba(255,255,255,.78);box-shadow:0 18px 38px rgba(42,37,48,.08)}.empty-state-card{display:grid;justify-items:center;padding:40px 26px 34px;text-align:center}.collection-stack{position:relative;width:140px;height:135px;margin-bottom:22px}.collection-card{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:88px;height:112px;border:1px solid rgba(255,255,255,.74);border-radius:25px;box-shadow:0 13px 30px rgba(49,42,55,.12)}.card-back{color:#7a66d8;background:#ddd6ff;transform:translate(-82%,-50%) rotate(-15deg)}.card-middle{color:#e87436;background:#ffe1c3;transform:translate(-18%,-54%) rotate(11deg)}.card-front{color:var(--accent-deep);background:#fff8f3;transform:translate(-50%,-48%) rotate(-1deg)}.empty-state-card h2{max-width:280px;margin:0;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:25px;line-height:1.06;letter-spacing:-.6px}.empty-state-card p{max-width:290px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.profile-page{display:flex;flex-direction:column;gap:16px}.profile-intro{display:flex;align-items:center;gap:15px;padding:8px 8px 12px}.avatar-placeholder{display:grid;flex:0 0 auto;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.9);border-radius:23px;color:var(--accent-deep);background:linear-gradient(145deg,#fff7f2,#ffe1d5);box-shadow:0 13px 28px rgba(69,56,63,.11)}.profile-card{padding:24px}.profile-card-title{margin:0;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:24px;font-weight:700}.profile-card-copy{margin:8px 0 18px;color:var(--muted);font-size:13px;line-height:1.5}.compact-button{min-height:44px;padding-inline:20px}.settings-list{overflow:hidden;border-radius:25px}.settings-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:62px;padding:10px 16px;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;cursor:pointer}.settings-row:last-child{border-bottom:0}.settings-row>svg{color:var(--muted-light)}.settings-row-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--accent-deep);background:var(--accent-soft)}.centered-page{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.centered-page>p{margin-inline:auto}.link-button{margin-top:22px}@media (hover:hover){.glass-button:hover,.icon-button:hover{background:#fff}.nav-item:hover{color:#65616b}.primary-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.settings-row:hover{background:rgba(255,244,238,.65)}}@media (max-height:760px){.fitting-stage{height:46%}.camera-prompt{right:18px;bottom:calc(88px + env(safe-area-inset-bottom));left:18px;padding-block:14px}.clothing-card{width:52px;height:68px}.clothing-rail-scroller{grid-auto-columns:52px;gap:5px}}@media (min-width:700px){.discover-page{min-height:0;height:100%}.site-canvas{display:grid;place-items:center;padding:24px}.mobile-app{min-height:min(920px,calc(100svh - 48px));max-height:min(920px,calc(100svh - 48px));border:1px solid rgba(255,255,255,.62);border-radius:44px}.discover-page{min-height:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid rgba(255,85,60,.38);outline-offset:3px}