@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');:root{--cream:#f4eee5;--ink:#302820;--coffee:#654839;--rose:#b76c70;--green:#34594b;--gold:#b89a62;--glass:#fffaf1a6;--line:#ffffffa8;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 5%,#fffaf3 0%,var(--cream) 48%,#e9e1d6 100%);color:var(--ink);font-family:var(--sans);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}.glow{position:fixed;border-radius:50%;filter:blur(75px);opacity:.26;pointer-events:none;z-index:-1;animation:float 12s ease-in-out infinite alternate}.g1{width:380px;height:380px;background:#d5a3a3;top:6%;left:-10%}.g2{width:440px;height:440px;background:#9bab8d;right:-14%;bottom:-10%;animation-delay:-6s}@keyframes float{to{transform:translate(50px,35px) scale(1.12)}}header{height:86px;padding:12px 5vw;display:flex;align-items:center;gap:35px;border-bottom:1px solid #fff8;background:#ffffff55;backdrop-filter:blur(18px);position:sticky;top:0;z-index:4}.brand{height:58px;width:160px;overflow:hidden;display:block;position:relative}.brand img{position:absolute;width:195px;left:-17px;top:-47px}nav{margin-left:auto;display:flex;gap:8px}header button,.filters button,.tabs button{background:transparent;padding:11px 16px;border-radius:30px}.cart-pill,.primary{background:var(--green);color:white;border-radius:32px;padding:13px 20px;box-shadow:0 8px 24px #34594b35}.primary span{margin-left:20px}.secondary{background:#fff9;border:1px solid #fff;padding:12px 18px;border-radius:28px}.text{background:none;color:var(--coffee);padding:12px}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:0 22px 70px #46382a14,inset 0 1px #ffffffc7;backdrop-filter:blur(22px);border-radius:28px}main{max-width:1300px;margin:auto;padding:45px 5vw 80px}.screen{display:none;animation:appear .55s ease}.screen.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.04em}h1{font-size:clamp(46px,7vw,84px);line-height:.98;margin:14px 0 20px}h1 i{color:var(--rose)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:10px;color:var(--coffee)}#auth{min-height:calc(100vh - 210px);display:none;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}#auth.active{display:grid}.auth-art{height:min(680px,74vh);position:relative;overflow:hidden}.auth-art>img{width:100%;height:100%;object-fit:cover}.art-note{position:absolute;left:28px;bottom:25px;font:44px/1.05 var(--serif);color:white;text-shadow:0 2px 18px #0008}.art-note i{color:#ead7bc}.auth-panel{padding:clamp(28px,5vw,60px);max-width:530px}label{display:grid;gap:8px;font-size:13px;margin:18px 0}input,select{border:1px solid #65483933;border-radius:14px;background:#fff9;padding:14px;color:var(--ink)}form .primary{width:100%;margin:12px 0}.tabs{display:flex;background:#fff7;border-radius:28px;padding:4px;margin:24px 0}.tabs button{flex:1}.selected{background:#fff!important;box-shadow:0 4px 18px #30282012}.auth-panel small,.privacy{color:#776b60;font-size:11px;line-height:1.6}.welcome{padding:48px;max-width:780px;margin:30px auto}.welcome>p:not(.eyebrow){max-width:590px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:25px 0}.scan{display:none;position:relative;max-width:760px;margin:20px auto;padding:20px;text-align:center}.scan video{width:100%;max-height:58vh;object-fit:contain;border-radius:20px;background:#242522}.scan-frame{position:absolute;inset:35px 30%;border:2px dashed #dfc591;border-radius:48% 48% 28% 28%;pointer-events:none;display:grid;place-items:end center;color:white}.scan-frame span{background:#302820aa;border-radius:20px;padding:7px 12px;margin-bottom:12px}.manual{display:none;padding:24px;margin-top:18px}.shape-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.shape-list button{background:#fff9;border:1px solid #fff;border-radius:24px;padding:12px 18px}.shop-head{display:flex;justify-content:space-between;align-items:center}.shop-head h1{font-size:68px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-block:1px solid #6548391c;padding:14px 0;margin:20px 0}.filters select{margin-left:auto;padding:10px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{overflow:hidden;border-radius:24px;background:#fff8;border:1px solid white;box-shadow:0 16px 40px #46382a12;transition:.3s}.product:hover{transform:translateY(-5px)}.product img{width:100%;height:380px;object-fit:cover}.product-body{padding:18px}.product h3{font-size:24px;margin:6px 0}.product-body p{font-size:12px;color:#776b60}.product-foot{display:flex;justify-content:space-between;align-items:center}.add{border-radius:24px;padding:10px 15px;background:var(--rose);color:white}.disclaimer{font-size:11px;color:#776b60}.profile-card{max-width:720px;margin:30px auto;padding:42px}.profile-card h1{font-size:56px}.drawer{position:fixed;right:18px;top:18px;bottom:18px;width:min(420px,calc(100vw - 36px));z-index:8;padding:30px;transform:translateX(115%);transition:.35s;overflow:auto}.drawer.open{transform:none}.close{float:right;font-size:25px;background:none}.cart-row{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #65483922;padding:14px 0}.cart-row img{width:70px;height:86px;object-fit:cover;border-radius:10px}.cart-row button{background:#fff9;border-radius:20px;padding:5px 9px}.cart-total{display:flex;justify-content:space-between;padding:25px 0}.drawer>.primary{width:100%}dialog{border:0;background:transparent;padding:0;max-width:460px;width:calc(100% - 30px)}dialog::backdrop{background:#29231db0;backdrop-filter:blur(8px)}.pay{padding:34px}.pay h2{font-size:38px}.pay .primary{width:100%}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:var(--green);color:white;padding:14px 22px;border-radius:28px;z-index:10;transition:.3s}#toast.show{transform:translate(-50%,0)}footer{text-align:center;padding:25px;color:#78685b;font-size:9px;letter-spacing:.2em}@media(max-width:760px){header{padding:8px 14px;height:72px;gap:8px}.brand{width:110px}.brand img{transform:scale(.8);transform-origin:top left}header nav{gap:0}header button{padding:9px!important;font-size:12px}main{padding:24px 16px 60px}#auth{grid-template-columns:1fr;gap:14px}.auth-art{height:33vh;min-height:220px}.auth-art>img{object-position:center 38%}.auth-panel{padding:28px}.welcome{padding:28px}.products{grid-template-columns:repeat(2,1fr);gap:10px}.product img{height:250px}.product-body{padding:12px}.product h3{font-size:19px}.filters select{margin:0;width:100%}.shop-head h1{font-size:48px}.profile-card{padding:28px}.profile-card h1{font-size:44px}.scan-frame{inset:35px 20%}}@media(max-width:430px){.products{grid-template-columns:1fr 1fr}.product img{height:210px}.product-body p{font-size:10px}.add{font-size:11px;padding:9px}h1{font-size:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Reference direction: glass rail, editorial shop, deliberate micro-motion. */
body{background:radial-gradient(ellipse at 58% 0%,#fffdf8 0%,#f3eee5 45%,#e8dfd4 100%);padding-left:104px}header{position:fixed;left:18px;top:18px;bottom:18px;width:82px;height:auto;padding:18px 10px;display:flex;flex-direction:column;justify-content:flex-start;gap:24px;border:1px solid #ffffffb8;border-radius:30px;background:linear-gradient(150deg,#ffffffae,#fffaf17d 60%,#e3d5c995);box-shadow:0 24px 60px #46382a18,inset 0 1px #fff;backdrop-filter:blur(26px);z-index:7}header .brand{width:58px;height:58px;flex:none;border-radius:20px;overflow:hidden;background:#fff8}header .brand img{width:102px;left:-22px;top:-23px}header nav{margin:30px 0 0;display:flex;flex-direction:column;gap:14px;width:100%}header nav button{height:58px;width:58px;padding:8px!important;margin:auto;border-radius:20px;color:#654839;font-size:10px;line-height:1.1;transition:transform .25s,background .25s,box-shadow .25s}header nav button:hover{transform:translateY(-3px);background:#fff9;box-shadow:0 8px 22px #40352b17}header nav button::before{display:block;font-size:19px;margin-bottom:4px;color:#a47759}header nav button[data-view=shop]::before{content:'✳'}header nav button[data-view=profile]::before{content:'◌'}header .cart-pill{position:absolute;bottom:16px;left:10px;width:62px;height:60px;padding:6px;font-size:10px;border-radius:19px;background:#344f45eb;box-shadow:0 9px 25px #34594b35}#bag-count{display:inline-grid;place-items:center;border-radius:99px;background:#d6bd91;color:#332a22;width:18px;height:18px;margin-left:3px;font-size:10px}main{max-width:1480px;padding:52px clamp(24px,5vw,76px) 80px}.glow{opacity:.35;filter:blur(90px)}.glass{background:linear-gradient(135deg,#fffaf1bd,#ffffff73 48%,#dfd1c171);border-color:#ffffffc2;box-shadow:0 26px 70px #4b3a2d16,inset 0 1px #fff,inset 0 -1px #ffffff57;backdrop-filter:blur(26px)}.auth-art{border-radius:32px}.auth-panel,.welcome,.profile-card,.scan,.manual{animation:float-card 7s ease-in-out infinite alternate}@keyframes float-card{to{transform:translateY(-5px)}}.auth-panel{animation-delay:-3s}#auth.active{gap:clamp(20px,4vw,64px)}.product{border-radius:28px;background:linear-gradient(145deg,#fffaf0d9,#ffffff87);border:1px solid #ffffffd6;box-shadow:0 18px 48px #46382a12,inset 0 1px #fff;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.product:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 28px 64px #46382a20}.product img{height:clamp(250px,31vw,430px);padding:10px;border-radius:28px;object-fit:cover}.product-body{padding:18px 20px 20px}.product-body small{letter-spacing:.16em;color:#8f715a}.add{background:linear-gradient(135deg,#b87779,#975c60);box-shadow:0 7px 18px #9a5e6038;transition:transform .2s}.add:hover{transform:translateY(-2px)}.filters{border:0;gap:10px}.filters button{background:#ffffff7a;border:1px solid #ffffffb0;backdrop-filter:blur(12px)}.filters button.selected{background:#354f45!important;color:#fff;box-shadow:0 7px 18px #34594b30}.filters select{border-radius:24px;background:#fff9;border-color:#fff}.shop-head{align-items:flex-end;padding:16px 0 20px}.shop-head>div{max-width:760px}.shop-head h1{font-size:clamp(52px,7vw,90px)}.shop-head .secondary{border-color:#ffffff;background:#ffffff85}.drawer{border-radius:30px;background:linear-gradient(145deg,#fffaf1e8,#eee4d7d9);box-shadow:0 25px 90px #251e1a40,inset 0 1px #fff}.drawer .primary,.pay .primary{background:linear-gradient(120deg,#344f45,#547466);box-shadow:0 12px 30px #34594b35}.cart-row{border-color:#8a715326}.cart-row img{border-radius:13px}.cart-total{border-top:1px solid #8a715326;margin-top:16px}.pay{border-radius:30px;background:linear-gradient(145deg,#fffaf1f2,#e8ded3e8)}.pay label select{border-radius:14px}dialog[open]{animation:dialog-up .32s ease}@keyframes dialog-up{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.scan-frame{border-color:#e7cf9b}.scan-frame span{background:#fffaf1d9;color:#40342a}.primary{transition:transform .22s,box-shadow .22s}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #34594b48}.shape-list button{transition:.2s}.shape-list button:hover{background:#fff;transform:translateY(-2px)}
@media(max-width:760px){body{padding:0 0 80px}header{left:12px;right:12px;top:auto;bottom:12px;width:auto;height:66px;padding:5px 10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:24px}header .brand{width:48px;height:48px;border-radius:15px}header .brand img{transform:scale(.8);transform-origin:top left;left:-16px;top:-20px}header nav{margin:0;flex-direction:row;justify-content:center;width:auto;gap:7px}header nav button{width:auto;height:48px;min-width:72px;margin:0;border-radius:16px;padding:5px 8px!important;font-size:10px}header nav button::before{display:inline-block;margin:0 4px 0 0;font-size:16px}header .cart-pill{position:static;width:auto;height:48px;padding:8px 12px;font-size:11px;border-radius:16px}main{padding:25px 15px 50px}.shop-head{align-items:flex-start}.products{gap:11px}.product{border-radius:20px}.product img{height:230px;padding:6px;border-radius:20px}.product-body{padding:12px}.auth-art{height:30vh;min-height:180px}.auth-panel{animation:none}.welcome{padding:27px}.profile-card{padding:24px}.drawer{left:12px;right:12px;top:auto;bottom:90px;height:min(70vh,600px);width:auto;transform:translateY(120%)}.drawer.open{transform:none}}
@media(prefers-reduced-motion:reduce){.auth-panel,.welcome,.profile-card,.scan,.manual{animation:none}}
/* Clear neutral glass treatment: remove the warm opaque card cast. */
:root{--cream:#f5f4f1;--ink:#252522;--coffee:#55544f;--rose:#987a7c;--green:#333b38;--gold:#aaa28e}
body{background:radial-gradient(ellipse at 48% 16%,#fff 0%,#f2f1ee 44%,#d9d9d6 100%);color:#242421}
.glow{opacity:.13;filter:blur(110px);background:#a9aaa7}.g1{background:#c7c6c3}.g2{background:#afb3ad}
header{background:linear-gradient(145deg,#ffffff7a,#ffffff30);border:1px solid #ffffffd9;box-shadow:0 18px 55px #14141412,inset 0 1px #fff,inset 0 0 24px #ffffff8a;backdrop-filter:blur(36px) saturate(115%)}
header nav button{color:#343431}header nav button::before{color:#77766f}header nav button:hover{background:#ffffff9c;box-shadow:0 8px 25px #11111112}header .cart-pill{background:#3d4541e8;color:#fff;border:1px solid #ffffff85;backdrop-filter:blur(24px)}
.glass,.auth-panel,.welcome,.profile-card,.scan,.manual,.drawer,.pay{background:linear-gradient(135deg,#ffffff9c 0%,#ffffff5c 45%,#f4f4f281 100%);border:1px solid #ffffffef;box-shadow:0 24px 70px #1b1b1916,inset 0 1.5px #fff,inset 0 -1px #ffffffa8;backdrop-filter:blur(34px) saturate(125%)}
.product{background:linear-gradient(145deg,#ffffffbd,#ffffff63);border:1px solid #fff;box-shadow:0 18px 48px #16161512,inset 0 1px #fff}.product:hover{box-shadow:0 28px 64px #16161520}.product-body small,.eyebrow{color:#65635e}.product-body p,.disclaimer,.privacy,.auth-panel small{color:#65635e}
h1 i{color:#8d7778}.primary,.drawer .primary,.pay .primary{background:linear-gradient(135deg,#424a46eF,#333a36ed);border:1px solid #ffffffa8;box-shadow:0 10px 28px #20252224;color:#fff}.primary:hover{box-shadow:0 15px 34px #20252238}.add{background:linear-gradient(135deg,#81797a,#625c5d);box-shadow:0 7px 18px #20202022}.secondary,.tabs,.filters button,.filters select,.shape-list button,input{background:#ffffff70;border:1px solid #ffffffd8;box-shadow:inset 0 1px #fff}.filters button.selected{background:#414743e8!important;color:white}.scan video{background:#20211f}.scan-frame{border-color:#f5f5f0}.scan-frame span{background:#ffffffc9;color:#292925}.drawer{background:linear-gradient(145deg,#ffffffeb,#f3f3f0df)}.pay{background:linear-gradient(145deg,#ffffffef,#f0efeced)}.cart-row,.cart-total{border-color:#43433f24}
#auth{align-items:center}.auth-art{border:1px solid #ffffffed;box-shadow:0 26px 75px #1717151b,inset 0 0 0 1px #ffffff55}.auth-panel{background:linear-gradient(145deg,#ffffffa6,#ffffff5b);backdrop-filter:blur(42px)}
@media(max-width:760px){header{background:linear-gradient(120deg,#ffffffc7,#ffffff82);backdrop-filter:blur(32px)}.drawer{background:linear-gradient(145deg,#fffffff2,#f3f3f0ed)}}
/* Stronger, visibly translucent glass instead of pale white cards. */
body{background:radial-gradient(ellipse at 72% 23%,#d4d7d4 0%,#bdc2bf 32%,#e5e0da 66%,#c8c5bf 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(130deg,#ffffff65 0%,transparent 33%,#5c655d12 60%,#ffffff2c 100%)}
.glow{opacity:.5;filter:blur(105px)}.g1{background:#e2c4bd}.g2{background:#aebcb2}
.glass,.auth-panel,.welcome,.profile-card,.scan,.manual,.drawer,.pay{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#ffffff75 0%,#ffffff32 38%,#d9dedb4c 100%);border:1px solid #ffffffed;box-shadow:0 30px 80px #1b211e26,inset 0 1px 1px #fff,inset 1px 0 #ffffffa3,inset 0 -1px #ffffff6b;backdrop-filter:blur(38px) saturate(145%)}
.glass:before{content:"";position:absolute;inset:0 0 auto;height:40%;pointer-events:none;border-radius:inherit;background:linear-gradient(165deg,#ffffff70,transparent 75%);opacity:.68;z-index:-1}.glass:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 30px #ffffff2b;z-index:-1}
.auth-art{box-shadow:0 34px 90px #24252235,inset 0 1px #fff}.auth-panel{background:linear-gradient(145deg,#ffffff7d,#e2e5e277 52%,#ffffff40)}.product{position:relative;background:linear-gradient(145deg,#ffffff78,#d8ddda5c);backdrop-filter:blur(24px) saturate(140%);border:1px solid #ffffffed;box-shadow:0 22px 55px #1e24201f,inset 0 1px #fff}.product-body{background:linear-gradient(135deg,#ffffff32,#d7ddd95c)}
header{background:linear-gradient(145deg,#faffff85,#cfd5d17a 52%,#ffffff54);border-color:#fffffffa;box-shadow:0 20px 55px #252a2730,inset 0 1px #fff,inset 0 0 26px #ffffff89;backdrop-filter:blur(40px) saturate(155%)}header .brand{box-shadow:inset 0 0 18px #fff;background:#ffffff3d}.cart-pill{background:linear-gradient(145deg,#59635de8,#303a35e8)!important;border:1px solid #ffffffd1!important;box-shadow:0 12px 30px #29342e45,inset 0 1px #ffffffa8!important}
.filters button,.filters select,.secondary,.tabs,.shape-list button,input{background:linear-gradient(145deg,#ffffffa0,#e4e7e388);border:1px solid #ffffffed;box-shadow:0 8px 22px #252a2713,inset 0 1px #fff;backdrop-filter:blur(22px)}.filters button.selected{background:linear-gradient(145deg,#59635de8,#303a35e8)!important;box-shadow:0 10px 25px #303a3540,inset 0 1px #ffffff8a}.primary,.drawer .primary,.pay .primary{background:linear-gradient(130deg,#59655e,#35413a 55%,#66736b);border:1px solid #ffffffd6;box-shadow:0 14px 30px #29342e45,inset 0 1px #ffffff90}
@media(max-width:760px){header{background:linear-gradient(120deg,#faffffdd,#ccd3cfcc);box-shadow:0 12px 38px #252a2733,inset 0 1px #fff}.drawer{background:linear-gradient(145deg,#f9fbf9ed,#cfd5d1e8)}}
/* Keep the sign-in screen focused; reveal navigation after authentication. */
body:has(#auth.active){padding-left:0}body:has(#auth.active) header{display:none}body:has(#auth.active) main{padding-left:clamp(22px,5vw,76px)}
@media(max-width:760px){body:has(#auth.active){padding-bottom:0}body:has(#auth.active) main{padding:20px 15px 40px}}
/* Replace the vertical rail with a compact horizontal glass navigation bar. */
body{padding-left:0}header{position:sticky;left:auto;right:auto;top:14px;bottom:auto;width:calc(100% - 36px);max-width:1420px;height:72px;margin:14px auto 0;padding:8px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;border-radius:25px}header .brand{width:132px;height:52px;flex:none}header .brand img{width:170px;left:-18px;top:-42px}header nav{margin:0 auto;display:flex;flex-direction:row;gap:10px;width:auto}header nav button{height:auto;width:auto;min-width:94px;padding:11px 18px!important;margin:0;border-radius:22px;font-size:13px}header nav button::before{display:none}header .cart-pill{position:static;left:auto;bottom:auto;width:auto;height:auto;min-width:104px;padding:13px 20px;font-size:13px;border-radius:24px}main{padding-top:35px}body:has(#auth.active) header{display:flex}body:has(#auth.active) main{padding-left:clamp(22px,5vw,76px)}
@media(max-width:760px){body{padding:0 0 20px}header{position:sticky;left:auto;right:auto;top:8px;bottom:auto;width:calc(100% - 20px);height:62px;margin:8px auto 0;padding:5px 9px;flex-direction:row;justify-content:space-between;gap:6px}header .brand{width:47px;height:47px}header .brand img{width:102px;left:-16px;top:-20px}header nav{margin:0;flex-direction:row;gap:4px}header nav button{width:auto;height:44px;min-width:64px;margin:0;padding:6px 8px!important;border-radius:15px;font-size:11px}header .cart-pill{position:static;width:auto;height:44px;min-width:70px;padding:7px 10px;font-size:11px;border-radius:15px}body:has(#auth.active){padding-bottom:0}body:has(#auth.active) header{display:flex}body:has(#auth.active) main{padding:20px 15px 40px}main{padding:20px 15px 50px}}
.header-logout{display:none;background:linear-gradient(145deg,#ffffff9c,#e4e7e388);border:1px solid #ffffffed;border-radius:24px;padding:12px 17px;box-shadow:0 8px 22px #252a2713,inset 0 1px #fff;backdrop-filter:blur(22px);color:#454541}body:has(#shop.active) .header-logout,body:has(#profile.active) .header-logout,body:has(#onboard.active) .header-logout{display:inline-flex}body:has(#auth.active) .header-logout{display:none}@media(max-width:760px){.header-logout{font-size:10px;padding:9px 10px;border-radius:15px}}
/* Monochrome glass dashboard over a quiet Seta Life logo backdrop. */
:root{--cream:#eeedea;--ink:#242321;--coffee:#5b5a56;--rose:#666562;--green:#393a38;--gold:#aaa9a4}
body{background:linear-gradient(135deg,#d9d8d4,#f1f0ed 45%,#c9c9c5);background-attachment:fixed;color:#242321}
body:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:url('assets/seta-life-logo.png');background-position:center 48%;background-size:min(58vw,640px);background-repeat:no-repeat;opacity:.11;filter:grayscale(1) contrast(.82)}
body:before{background:linear-gradient(135deg,#ffffff45,transparent 44%,#26262312 100%)}
.glow{display:none}
.glass,.auth-panel,.welcome,.profile-card,.scan,.manual,.drawer,.pay{background:linear-gradient(135deg,#ffffff94 0%,#f5f5f383 38%,#c8c9c659 100%);border-color:#ffffffef;box-shadow:0 30px 85px #1d1d1b24,inset 0 1.5px #fff,inset 1px 0 #ffffffa3,inset 0 -1px #ffffff80;backdrop-filter:blur(36px) saturate(80%)}
.glass:before{background:linear-gradient(165deg,#ffffffa3,transparent 75%);opacity:.72}
h1 i,.eyebrow,.product-body small{color:#666562!important}.primary,.drawer .primary,.pay .primary,.cart-pill{background:linear-gradient(135deg,#565653,#30302e 55%,#62625f)!important;border-color:#ffffffd9!important;box-shadow:0 14px 30px #1b1b1935,inset 0 1px #ffffff9e!important;color:#fff!important}.add{background:linear-gradient(135deg,#777673,#4c4b49)!important}.filters button.selected{background:linear-gradient(135deg,#565653,#30302e)!important;color:#fff!important}.g1,.g2{display:none}.product{background:linear-gradient(145deg,#ffffffa3,#c8c9c65c);border-color:#ffffffef;backdrop-filter:blur(28px) saturate(75%)}
.auth-art{position:relative}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#17171555);pointer-events:none}.art-note{z-index:1;color:#fff}.art-note i{color:#e7e6e1}
.auth-modes{display:flex;gap:8px;margin:-12px 0 14px}.auth-modes button{background:#ffffff70;border:1px solid #ffffffd8;border-radius:22px;padding:9px 15px}.auth-modes button.selected{background:#fff!important}.otp-orbit{width:64px;height:64px;position:relative;margin:14px auto;display:none;border:1px solid #777;border-radius:50%}.otp-orbit.circling,.otp-orbit.verified{display:block}.otp-orbit span{position:absolute;left:28px;top:28px;width:8px;height:8px;border-radius:50%;background:#555;animation:orbit 1.2s ease-in-out both}.otp-orbit span:nth-child(2){animation-delay:.12s}.otp-orbit span:nth-child(3){animation-delay:.24s}.otp-orbit span:nth-child(4){animation-delay:.36s}.otp-orbit span:nth-child(5){animation-delay:.48s}.otp-orbit span:nth-child(6){animation-delay:.6s}@keyframes orbit{0%{transform:rotate(0) translateX(0) scale(.5)}65%{transform:rotate(450deg) translateX(23px) scale(1)}100%{transform:rotate(450deg) translateX(23px) scale(.35);opacity:.2}}.otp-orbit b{display:none;position:absolute;inset:0;place-items:center;font-size:26px}.otp-orbit.verified span{display:none}.otp-orbit.verified b{display:grid;animation:tick-in .3s ease}@keyframes tick-in{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.profile-scan{display:none;margin-top:14px}.profile-scan video{width:100%;max-height:42vh;object-fit:contain;background:#333;border-radius:18px}.profile-scan .scan-frame{inset:35px 30% 80px}.auth-panel [hidden]{display:none!important}
.verify-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#090b0de6;backdrop-filter:blur(18px);color:#f2f3f2;padding:18px}.verify-screen[hidden]{display:none}.verify-card{width:min(390px,100%);min-height:420px;background:linear-gradient(145deg,#1c1f22f5,#101214f5);border:1px solid #ffffff16;border-radius:30px;padding:34px 28px;text-align:center;box-shadow:0 35px 100px #0009}.verify-grip{width:42px;height:4px;border-radius:9px;background:#ffffff26;margin:-16px auto 34px}.verify-card h2{font:600 25px var(--sans);letter-spacing:0;margin:10px}.verify-card p{color:#aaa;font-size:13px}.otp-boxes{display:flex;justify-content:center;gap:10px;margin:26px auto}.otp-boxes input{width:52px;height:58px;text-align:center;font-size:23px;color:#eee;background:#24272a;border:1px solid #ffffff20;border-radius:13px}.code-hint b{color:#fff;letter-spacing:.2em}.verify-card .primary{margin-top:16px;width:100%;justify-content:center}.digit-orbit{width:110px;height:110px;border:1px solid #707875;border-radius:50%;margin:26px auto 0;position:relative;display:none}.digit-orbit.orbiting{display:block}.digit-orbit span{position:absolute;left:44px;top:44px;width:22px;height:22px;border:1px solid #c7d0ca;border-radius:7px;background:#313936;display:grid;place-items:center;animation:codeOrbit 1.1s cubic-bezier(.5,0,.3,1) forwards}.digit-orbit span:nth-child(2){animation-delay:.08s}.digit-orbit span:nth-child(3){animation-delay:.16s}.digit-orbit span:nth-child(4){animation-delay:.24s}@keyframes codeOrbit{0%{transform:translate(0,0) scale(.4)}50%{transform:rotate(180deg) translateX(42px) rotate(-180deg) scale(1)}100%{transform:rotate(360deg) translateX(42px) rotate(-360deg) scale(.25);opacity:.2}}.success-title{color:#ddd!important;font-weight:600;font-size:20px!important}.success-orbit{height:140px;width:140px;border:1px solid #ffffff1c;border-radius:40px;margin:32px auto;display:grid;place-items:center;animation:successRing 2.2s ease-out infinite}.success-orbit span{width:54px;height:54px;border:1px solid #e4e7e5;border-radius:15px;display:grid;place-items:center;font-size:27px;animation:tickPop .45s ease both}.success-orbit.verified{box-shadow:0 0 30px #fff2,inset 0 0 25px #fff1}@keyframes successRing{50%{transform:rotate(45deg);border-radius:50%;border-color:#ffffff58}100%{transform:rotate(90deg);border-radius:40px}}@keyframes tickPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.verified-label{letter-spacing:.08em}
.digit-orbit.orbiting{display:block}.digit-orbit.orbiting span{animation-duration:1.45s}.verify-card #verify-code[hidden]{display:none!important}.success-orbit.verified{animation:successRing 2.2s ease-out infinite,verifiedGlow 1.5s ease-in-out infinite alternate}@keyframes verifiedGlow{to{box-shadow:0 0 45px #fff3,inset 0 0 32px #fff2}}
#verify-screen[hidden],#verify-entry[hidden],#verify-success[hidden]{display:none!important}#verify-entry:not([hidden]),#verify-success:not([hidden]){display:block}.verify-card{display:block;width:min(390px,100%);margin:auto}.verify-screen{align-content:center;justify-content:center}.otp-boxes input{display:block;flex:0 0 52px}
.digit-orbit.orbiting span{animation-duration:2.4s}.success-orbit{animation-duration:3.6s}.success-orbit span{animation-duration:.7s}
/* Reference-led Seta Life: graphite glass dashboard and soft logo watermark. */
:root{--ink:#f3f2ef;--coffee:#d6d4d0;--cream:#17191b;--rose:#d7d5d1;--green:#d6d5d1;--gold:#aaa9a6;color-scheme:dark}
body{background:radial-gradient(ellipse at 54% 35%,#555759 0%,#292b2d 43%,#141517 100%);background-attachment:fixed;color:#f1f0ed;padding-top:0}body:after{content:"SETALIFE";position:fixed;z-index:-1;inset:0;display:grid;place-items:center;font:clamp(120px,27vw,420px)/.8 Georgia,serif;letter-spacing:-.07em;color:#ffffff0b;pointer-events:none;white-space:nowrap}body:before{background:linear-gradient(145deg,#ffffff15,transparent 32%,#0006 100%)}.glow{display:none}
header{background:linear-gradient(135deg,#ffffff35,#ffffff14 48%,#ffffff20);border:1px solid #ffffff8f;box-shadow:0 24px 65px #0005,inset 0 1px #ffffffa9,inset 0 -1px #ffffff28;backdrop-filter:blur(32px) saturate(75%)}header .brand{background:#ffffff35;box-shadow:inset 0 1px #ffffffa9}.glass,.auth-panel,.welcome,.profile-card,.scan,.manual,.drawer,.pay,.product{background:linear-gradient(135deg,#ffffff35,#ffffff12 45%,#ffffff20);border:1px solid #ffffff92;box-shadow:0 26px 75px #0005,inset 0 1px #ffffffb0,inset 1px 0 #ffffff57,inset 0 -1px #ffffff38;backdrop-filter:blur(28px) saturate(70%);color:#f2f1ee}.glass:before{background:linear-gradient(155deg,#ffffff55,transparent 70%)}.glass:after{box-shadow:inset 0 0 35px #ffffff13}
body,main,.screen{color:#f1f0ed}h1,h2,h3,.product h3,.shop-head h1,.profile-card h1{color:#f5f4f1}h1 i,.eyebrow,.product-body small{color:#d3d1cd!important}.auth-panel>p,.welcome>p,.profile-card>p,.product-body p,.disclaimer,.privacy,.auth-panel small{color:#deddda}.primary,.drawer .primary,.pay .primary,.cart-pill{background:linear-gradient(135deg,#f0efed,#c8c7c4)!important;color:#242527!important;border:1px solid #ffffffd6!important;box-shadow:0 12px 32px #0005,inset 0 1px #fff!important}.secondary,.tabs,.filters button,.filters select,.shape-list button,input,.auth-panel input{background:#ffffff1c!important;color:#f4f3f0!important;border:1px solid #ffffff70!important;box-shadow:inset 0 1px #ffffff60!important}.tabs button,.auth-modes button{color:#f4f3f0}.selected,.filters button.selected{background:#ffffffd9!important;color:#202123!important}.product-body{background:#ffffff12}.add{background:#ecebe8!important;color:#222!important}.drawer,.pay{background:linear-gradient(145deg,#55585bed,#252729f2)}.cart-row,.cart-total{border-color:#ffffff35}.cart-row p{color:#ddd}.close,.text{color:#eee}input::placeholder{color:#c1c1bf}.scan video{background:#111}.scan-frame{border-color:#fff}.scan-frame span{color:#161719;background:#eee}
.auth-panel{background:linear-gradient(135deg,#ffffff35,#ffffff13 45%,#ffffff20)}.auth-art:after{background:linear-gradient(180deg,transparent 55%,#05050587)}.art-note,.art-note i{color:#fff}.filters{border-color:#ffffff35}.filters select option{background:#292b2d;color:#fff}.verify-screen{background:#101113eF;color:#eee}.verify-card{background:linear-gradient(145deg,#35383beF,#17191bf5);border-color:#ffffff3d;box-shadow:0 30px 90px #000a,inset 0 1px #ffffff60}.verify-card p{color:#c9c8c5}.otp-boxes input{background:#ffffff17;color:#fff;border-color:#ffffff55}.digit-orbit{border-color:#ffffff70}.digit-orbit span{background:#5d6061;color:white;border-color:white}
@media(max-width:760px){header{background:linear-gradient(120deg,#ffffff3b,#ffffff19)}.drawer{background:linear-gradient(145deg,#494c4feF,#1c1e20f5)}body:after{font-size:30vw;transform:rotate(-90deg)}}
/* Sliding active segment for Register / Sign in. */
.auth-panel .tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;border:1px solid #ffffff8d!important;border-radius:999px!important;background:#ffffff20!important;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff7a,0 10px 28px #0002!important}.auth-panel .tabs:before{content:"";position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:linear-gradient(145deg,#ffffffed,#d9d9d7e8);box-shadow:0 3px 14px #0003,inset 0 1px #fff;transition:transform .42s cubic-bezier(.22,.8,.25,1)}.auth-panel .tabs:has([data-auth="login"].selected):before{transform:translateX(100%)}.auth-panel .tabs button{position:relative;z-index:1;background:transparent!important;color:#eee!important;border:0!important;box-shadow:none!important;border-radius:999px!important;padding:12px 15px;transition:color .3s}.auth-panel .tabs button.selected{color:#242527!important}
/* Improve contrast for dashboard navigation labels on dark glass. */
header nav button{color:#fff!important;font-weight:600;text-shadow:0 1px 3px #0008;background:linear-gradient(135deg,#ffffff26,#ffffff0e)!important;border:1px solid #ffffff52!important;box-shadow:inset 0 1px #ffffff48,0 5px 16px #0002!important}header nav button:hover,header nav button:focus-visible{background:#ffffff38!important;color:#fff!important}header nav button:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Keep faces fully in frame in the sign-in editorial image. */
.auth-art{overflow:hidden}.auth-art>img{object-fit:cover!important;object-position:center 16%!important}.auth-art:after{background:linear-gradient(180deg,transparent 58%,#05050587)}
@media(max-width:760px){.auth-art>img{object-position:center 14%!important}}
/* The bag belongs to the signed-in shopping flow, not the login screen. */
body:has(#auth.active) #cart-open,body:has(#auth.active) #drawer{display:none!important}
/* OTP motion pass: four distinct orbit points, then converge cleanly. */
.digit-orbit{width:116px;height:116px;margin:26px auto 24px;border:1px solid #ffffff42;background:radial-gradient(circle,#ffffff0c 0 2px,transparent 3px);box-shadow:0 0 24px #ffffff0b,inset 0 0 24px #ffffff08}.digit-orbit:before{content:"";position:absolute;inset:10px;border:1px dashed #ffffff28;border-radius:50%}.digit-orbit span{left:47px;top:47px;width:22px;height:22px;border-radius:7px;background:linear-gradient(145deg,#f2f2f0,#aaa9a6);color:#252628;border:1px solid #fff;box-shadow:0 3px 12px #0008;font:600 12px var(--sans);opacity:0;transform:scale(.35)}.digit-orbit.orbiting span{opacity:1;animation:digitOrbit 2.4s cubic-bezier(.35,.05,.2,1) forwards}.digit-orbit.orbiting span:nth-child(1){--angle:0deg}.digit-orbit.orbiting span:nth-child(2){--angle:90deg}.digit-orbit.orbiting span:nth-child(3){--angle:180deg}.digit-orbit.orbiting span:nth-child(4){--angle:270deg}@keyframes digitOrbit{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) rotate(calc(-1*var(--angle))) scale(.25)}14%{opacity:1;transform:rotate(var(--angle)) translateX(0) rotate(calc(-1*var(--angle))) scale(1)}68%{opacity:1;transform:rotate(calc(var(--angle) + 360deg)) translateX(42px) rotate(calc(-1*(var(--angle) + 360deg))) scale(1)}88%{opacity:1;transform:rotate(calc(var(--angle) + 540deg)) translateX(42px) rotate(calc(-1*(var(--angle) + 540deg))) scale(.92)}100%{opacity:0;transform:rotate(calc(var(--angle) + 720deg)) translateX(0) rotate(calc(-1*(var(--angle) + 720deg))) scale(.2)}}.digit-orbit.orbiting span:nth-child(2){animation-delay:.05s}.digit-orbit.orbiting span:nth-child(3){animation-delay:.1s}.digit-orbit.orbiting span:nth-child(4){animation-delay:.15s}.otp-boxes input{transition:transform .2s,border-color .2s,box-shadow .2s}.otp-boxes input:focus{outline:0;border-color:#fff;box-shadow:0 0 0 3px #ffffff29,0 0 20px #ffffff24;transform:translateY(-3px)}.verify-card #verify-code{transition:transform .2s,box-shadow .2s}.verify-card #verify-code:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0007,inset 0 1px #fff}.success-orbit{position:relative;border-color:#ffffff52;box-shadow:0 0 36px #ffffff14,inset 0 0 28px #ffffff0e}.success-orbit:before,.success-orbit:after{content:"";position:absolute;inset:-11px;border:1px solid #ffffff20;border-radius:inherit;animation:successRipple 2.5s ease-out infinite}.success-orbit:after{animation-delay:1.25s}@keyframes successRipple{0%{transform:scale(.8);opacity:.1}35%{opacity:.65}100%{transform:scale(1.35);opacity:0}}.success-orbit span{background:linear-gradient(145deg,#f4f4f1,#babbb8);color:#222;border:1px solid #fff;box-shadow:0 0 24px #ffffff35}
@media(prefers-reduced-motion:reduce){.digit-orbit.orbiting span,.success-orbit,.success-orbit:before,.success-orbit:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Keep the checkmark upright; animate the glass ring around it instead. */
@keyframes successRing{0%,100%{transform:none;border-radius:38px;border-color:#ffffff36}50%{transform:none;border-radius:50%;border-color:#ffffff88;box-shadow:0 0 40px #ffffff20,inset 0 0 30px #ffffff12}}.success-orbit span{transform:none!important;animation:tickPop .45s ease both!important}.success-orbit.verified span{transform:none!important}
/* Reference layout for the live silhouette experience. */
#profile.active{display:block}.profile-card{width:min(1240px,100%);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.8fr);gap:18px 34px;align-items:start;padding:clamp(24px,4vw,48px);background:transparent;border:0;box-shadow:none;overflow:visible}.profile-card>.eyebrow,.profile-card>h1,.profile-card>#profile-copy{grid-column:1/-1;margin-bottom:0}.profile-card .shape-list{grid-column:2;grid-row:4;align-self:center;grid-template-columns:repeat(2,minmax(115px,1fr));margin:8px 0}.profile-card .shape-list button{min-height:105px}.profile-card>#scan-again{grid-column:1;grid-row:4}.profile-scan{grid-column:1;grid-row:5;min-height:400px;margin:0;padding:18px;background:linear-gradient(145deg,#101214ca,#2a2c2ec2)!important}.profile-scan:before{content:"CAMERA VIEW";position:absolute;z-index:2;top:25px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.16em;color:#eee;pointer-events:none}.profile-scan video{height:440px;max-height:52vh;width:100%;object-fit:cover;border:1px solid #ffffff35}.profile-scan .scan-frame{inset:70px 18% 115px;border:1px solid #ffffff62;border-radius:18px}.profile-scan #scan-status-profile{position:relative;margin:15px 0;color:#eee;min-height:44px}.profile-card>#clear-shape{grid-column:2;grid-row:5;justify-self:start}.profile-card>#profile-shop{grid-column:2;grid-row:5;justify-self:end}.profile-scan #capture-profile{position:absolute;right:25px;bottom:76px;z-index:3}.profile-card .shape-list button{background:#ffffff12!important}.profile-card .shape-list button.active{outline:2px solid #fff;outline-offset:2px}
@media(max-width:800px){#profile.active{display:block}.profile-card{display:flex;flex-direction:column;padding:22px 14px;gap:12px}.profile-card>.eyebrow,.profile-card>h1,.profile-card>#profile-copy,.profile-card .shape-list,.profile-card>#scan-again,.profile-scan,.profile-card>#clear-shape,.profile-card>#profile-shop{width:100%;grid-column:auto;grid-row:auto}.profile-card .shape-list{grid-template-columns:repeat(2,1fr)}.profile-scan{min-height:300px}.profile-scan video{height:360px;max-height:48vh}.profile-card>#clear-shape,.profile-card>#profile-shop{margin:0}.profile-scan #capture-profile{bottom:72px}}
/* My Fit scan layout cleanup and live-analysis feedback. */
.profile-card{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px 32px;align-items:start}.profile-card>.eyebrow,.profile-card>h1,.profile-card>#profile-copy{grid-column:1/-1}.profile-card>#scan-again{grid-column:1;grid-row:4;justify-self:start;margin:0 0 10px}.profile-card .shape-list{grid-column:2;grid-row:4 / span 2;display:grid;grid-template-columns:repeat(2,minmax(125px,1fr));gap:12px;margin:0}.profile-card .shape-list button{min-height:118px;border-radius:18px}.shape-list svg path{fill:#ffffff22!important;stroke:#fff!important;stroke-width:1.6!important}.profile-card .shape-list button.active{background:#ffffff40!important;box-shadow:0 0 0 2px #fff,0 12px 35px #0005}.profile-scan{grid-column:1;grid-row:5 / span 3;width:100%;min-height:0;padding:14px}.profile-scan video{height:clamp(350px,52vh,520px);max-height:none;min-height:350px;object-fit:cover;background:linear-gradient(140deg,#373a3b,#141516)}.profile-scan .scan-frame{inset:60px 23% 82px;border:1px solid #ffffff77;border-radius:14px}.profile-scan:after{content:"";position:absolute;left:24%;right:24%;top:20%;height:2px;background:#fff9;box-shadow:0 0 16px #fff;opacity:0;pointer-events:none}.profile-scan.scan-ready:after{opacity:1;animation:scanSweep 1.7s ease-in-out infinite alternate}@keyframes scanSweep{from{transform:translateY(0)}to{transform:translateY(230px)}}.profile-scan #scan-status-profile{position:relative;margin:12px 0 3px;min-height:40px;color:#f3f2ef}.profile-card>#clear-shape{grid-column:2;grid-row:6;justify-self:start}.profile-card>#profile-shop{grid-column:2;grid-row:6;justify-self:end}.profile-card .shape-reveal{animation:shapeReveal .8s cubic-bezier(.2,.8,.2,1)}@keyframes shapeReveal{0%{opacity:.3;filter:blur(8px);transform:translateY(12px)}70%{text-shadow:0 0 25px #fff9}100%{opacity:1;filter:none;transform:none}}
@media(max-width:800px){.profile-card{display:flex;flex-direction:column;gap:12px}.profile-card .shape-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.profile-scan{width:100%;min-height:0}.profile-scan video{height:420px;min-height:300px}.profile-card>#clear-shape,.profile-card>#profile-shop{width:auto}.profile-card>#scan-again{width:100%}}
/* Readable demo payment select and native option list. */
#payment .pay label{color:#f3f2ef}#payment #pay-method{background:#292b2d!important;color:#fff!important;border:1px solid #ffffff88!important;box-shadow:inset 0 1px #ffffff2c!important}#payment #pay-method option{background-color:#242628!important;color:#f7f6f3!important}#payment #pay-method option:checked{background-color:#696b6d!important;color:#fff!important}