:root{--ink:#171918;--muted:#777b79;--line:rgba(24,28,26,.08);--glass:rgba(248,249,248,.72);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#dfe2e0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif}
body.sheet-open{overflow:hidden}
[hidden]{display:none!important}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.site-canvas{min-height:100svh;background:radial-gradient(circle at 14% 5%,rgba(255,255,255,.9),transparent 32%),radial-gradient(circle at 88% 70%,rgba(255,255,255,.55),transparent 40%),linear-gradient(145deg,#dadeda,#f0f2f0 50%,#d4d8d6)}
.app-shell{position:relative;display:flex;width:100%;height:100svh;margin:0 auto;overflow:hidden;flex-direction:column;background:linear-gradient(150deg,#f6f7f6,#ecefed 52%,#f8f9f8);isolation:isolate}
.app-shell:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.64),transparent 36%),radial-gradient(circle at 80% 12%,rgba(196,202,199,.28),transparent 30%);content:"";pointer-events:none}
.top-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;height:69px;padding:10px 17px 8px;border-bottom:1px solid rgba(255,255,255,.78);background:rgba(243,245,244,.72);box-shadow:0 8px 30px rgba(37,42,39,.04);backdrop-filter:blur(22px);flex:0 0 auto}
.wordmark{display:flex;color:inherit;text-decoration:none;flex-direction:column}.wordmark strong{font-size:17px;font-weight:760;letter-spacing:.06em}.wordmark span{margin-top:2px;color:#8c908e;font-family:var(--mono);font-size:7px;letter-spacing:.14em}
.icon-button{position:relative;display:grid;width:39px;height:39px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 7px 20px rgba(28,32,30,.06);cursor:pointer}.icon-button svg{width:19px}.icon-button i{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1.5px solid #f4f6f5;border-radius:50%;background:#1b1e1c}
.scroll-area{min-height:0;padding:17px 14px 42px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}
.intro-line{padding:10px 4px 31px}.intro-line>span,.section-head span,.wheel-status span{color:#8d918f;font-family:var(--mono);font-size:8px;letter-spacing:.13em}.intro-line h1{margin:10px 0 12px;font-size:clamp(38px,10.6vw,49px);font-weight:710;letter-spacing:-.075em;line-height:.98}.intro-line p{max-width:330px;margin:0;color:#747876;font-size:13px;line-height:1.65}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 3px 12px}.section-head div{display:flex;flex-direction:column;gap:3px}.section-head h2{margin:0;font-size:18px;font-weight:690;letter-spacing:-.045em}.section-head>b{padding-bottom:2px;color:#969a98;font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.08em}
.featured-card{position:relative;display:block;width:100%;aspect-ratio:1.16/1;overflow:hidden;padding:0;text-align:left;border:1px solid rgba(255,255,255,.68);border-radius:29px;background:linear-gradient(145deg,#151918,#343a38 56%,#676d6a);box-shadow:0 22px 55px rgba(38,42,40,.16),inset 0 1px rgba(255,255,255,.2);cursor:pointer;isolation:isolate}.featured-card:active{transform:scale(.989)}.featured-art{position:absolute;inset:0;overflow:hidden}.featured-art:before{position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.08),transparent 32%),linear-gradient(120deg,transparent 48%,rgba(255,255,255,.07));content:""}.featured-art i{position:absolute;top:50%;right:-5%;width:68%;aspect-ratio:1;border:1px solid rgba(232,237,234,.28);border-radius:50%;transform:translateY(-50%)}.featured-art i:nth-child(2){right:7%;width:52%}.featured-art i:nth-child(3){right:19%;width:35%}.featured-art i:nth-child(4){right:29%;width:18%;box-shadow:0 0 25px rgba(255,255,255,.08)}.featured-art b{position:absolute;right:-1%;bottom:-8%;color:rgba(238,242,240,.11);font-family:var(--mono);font-size:112px;font-weight:400;letter-spacing:-.1em}.featured-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,12,11,.55),rgba(10,12,11,.03) 72%),linear-gradient(180deg,rgba(10,12,11,.03),rgba(10,12,11,.18))}.featured-content{position:absolute;inset:0;z-index:2;display:flex;padding:25px 22px 21px;color:#fff;flex-direction:column}.featured-label{font-family:var(--mono);font-size:7px;letter-spacing:.14em;opacity:.72}.featured-copy{display:flex;margin-top:auto;flex-direction:column}.featured-copy strong{max-width:70%;font-size:clamp(24px,7.1vw,31px);font-weight:520;letter-spacing:-.055em;line-height:1.08}.featured-copy em{margin-top:12px;color:rgba(255,255,255,.62);font-family:var(--mono);font-size:8px;font-style:normal;letter-spacing:.03em}.featured-cta{display:grid;align-self:flex-start;height:45px;margin-top:21px;padding:0 19px;place-items:center;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:#f6f7f6;color:#171918;font-size:11px;font-weight:680;box-shadow:0 10px 25px rgba(0,0,0,.16)}
.discovery{margin-top:34px}.search-box{display:flex;align-items:center;gap:11px;height:55px;padding:0 13px 0 15px;border:1px solid rgba(255,255,255,.88);border-radius:19px;background:rgba(249,250,249,.65);box-shadow:0 10px 28px rgba(42,45,44,.045),inset 0 0 0 1px rgba(20,22,22,.025);backdrop-filter:blur(20px)}.search-box>svg{width:19px;color:#525654;flex:0 0 auto}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#171918;font-size:13px}.search-box input::placeholder{color:#969a98}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{display:grid;width:29px;height:29px;padding:0;place-items:center;border:0;border-radius:50%;background:rgba(20,22,22,.06);cursor:pointer}.search-box button svg{width:15px}
.category-tabs{display:flex;gap:7px;margin:11px -14px 0;padding:0 14px 4px;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{min-height:39px;padding:0 15px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(248,249,248,.56);color:#7e8280;font-size:11px;white-space:nowrap;cursor:pointer}.category-tabs button.is-active{border-color:#1a1d1b;background:#1a1d1b;box-shadow:0 8px 18px rgba(25,28,26,.15);color:#fff;font-weight:650}
.wheel-status{display:flex;align-items:center;justify-content:space-between;margin:16px 3px 7px}.wheel-status b{color:#6e7270;font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.1em}.product-wheel{--card-w:min(calc(100vw - 28px),402px);position:relative;height:370px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:31px;background:linear-gradient(160deg,rgba(213,217,214,.48),rgba(246,247,246,.28));box-shadow:inset 0 1px rgba(255,255,255,.7);touch-action:none;user-select:none}.wheel-window{position:relative;width:100%;height:100%;overflow:hidden}.wheel-card{position:absolute;top:50%;left:50%;width:calc(100% - 16px);height:49px;transform:translate(-50%,calc(-50% + var(--offset) * 151px)) scale(calc(1 - var(--distance) * .025));transition:height .52s cubic-bezier(.2,.8,.22,1),width .52s cubic-bezier(.2,.8,.22,1),transform .52s cubic-bezier(.2,.8,.22,1),opacity .28s ease;will-change:transform,height}.wheel-card.is-active{width:calc(100% - 16px);height:calc((var(--card-w) - 16px) * .6666667);transform:translate(-50%,-50%) scale(1)}.card-surface{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding:0;text-align:left;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:#303331;box-shadow:0 19px 42px rgba(29,33,31,.2),inset 0 1px rgba(255,255,255,.24);color:#fff;cursor:pointer;isolation:isolate}.wheel-card.is-active .card-surface{border-radius:26px}.product-visual{position:absolute;inset:0;overflow:hidden}.product-visual>img{width:100%;height:100%;object-fit:cover}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,9,.35),rgba(8,10,9,.04) 40%,rgba(8,10,9,.82))}.tone-coral{background:linear-gradient(140deg,#f0b978,#d5705f 52%,#466c70)}.tone-cobalt{background:linear-gradient(140deg,#c0a6ff,#5556c9 50%,#df4c87)}.tone-violet{background:linear-gradient(145deg,#171720,#8651af 50%,#f096c5)}.tone-moss{background:linear-gradient(140deg,#a7a976,#735c79 52%,#422838)}.tone-amber{background:linear-gradient(140deg,#f0c75f,#e4743e 50%,#50419b)}.tone-rose{background:linear-gradient(140deg,#ffbacd,#d45580 50%,#9f1e48)}.tone-mint{background:linear-gradient(140deg,#c0e6d2,#4aa98c 50%,#1c6865)}.abstract-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.abstract-art i{position:absolute;width:62%;aspect-ratio:1;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:rotate(28deg) scaleY(.46)}.abstract-art i:nth-child(2){width:82%;transform:rotate(-31deg) scaleY(.31)}.abstract-art i:nth-child(3){width:31%;box-shadow:0 0 43px rgba(255,255,255,.23)}.abstract-art strong{position:relative;z-index:1;max-width:80%;font-family:var(--mono);font-size:clamp(22px,7vw,37px);letter-spacing:-.07em;text-align:center;text-shadow:0 0 22px rgba(255,255,255,.35)}.abstract-art span{position:absolute;right:16px;bottom:15px;font-family:var(--mono);font-size:6px;letter-spacing:.13em;opacity:.7}
.card-top{position:absolute;top:0;left:0;right:0;z-index:3;display:grid;height:49px;padding:0 12px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;text-shadow:0 2px 12px rgba(0,0,0,.45)}.card-top>i{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(255,255,255,.27);border-radius:50%;background:rgba(16,18,17,.18);font-family:var(--mono);font-size:7px;font-style:normal}.card-top>span{overflow:hidden;font-size:11px;font-weight:630;text-overflow:ellipsis;white-space:nowrap}.card-top>b{font-family:var(--mono);font-size:6px;font-weight:500;letter-spacing:.1em;opacity:.7}.wheel-card.is-active .card-top{height:57px}.wheel-card:not(.is-active) .card-main,.wheel-card:not(.is-active) .card-bottom{display:none}.card-main{position:absolute;left:16px;right:16px;bottom:66px;z-index:3;display:flex;flex-direction:column}.card-main small{font-family:var(--mono);font-size:6px;letter-spacing:.13em;opacity:.7}.card-main strong{margin-top:5px;font-size:clamp(22px,6.7vw,30px);font-weight:700;letter-spacing:-.055em;line-height:1.08}.card-main em{margin-top:5px;color:rgba(255,255,255,.7);font-size:10px;font-style:normal;line-height:1.45}.card-bottom{position:absolute;left:16px;right:15px;bottom:14px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between}.card-bottom>span{display:flex;flex-direction:column;gap:2px}.card-bottom small{font-size:8px;opacity:.7}.card-bottom b{font-size:9px;font-weight:630}.card-bottom>i{display:flex;align-items:center;gap:6px;font-size:10px;font-style:normal;font-weight:650}.card-bottom svg{width:16px}
.gesture-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:#8f9391;font-size:8px}.gesture-hint i{width:4px;height:4px;border-radius:50%;background:#5f6361;box-shadow:0 0 0 4px rgba(95,99,97,.08)}
.empty-state{padding:55px 20px;text-align:center;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(248,249,248,.55)}.empty-state>span{color:#a0a3a2;font-family:var(--mono);font-size:23px}.empty-state h3{margin:12px 0}.empty-state button{padding:11px 16px;border:0;border-radius:13px;background:#1b1e1c;color:#fff;font-size:11px}
footer{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 3px 8px;padding-top:17px;border-top:1px solid var(--line);color:#959997}footer span{font-family:var(--mono);font-size:6px;letter-spacing:.13em}footer b{font-size:8px;font-weight:500}
.bottom-nav{position:relative;z-index:31;display:grid;height:74px;padding:7px 18px max(7px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.8);background:rgba(245,247,246,.83);box-shadow:0 -10px 32px rgba(38,43,40,.06);backdrop-filter:blur(24px);grid-template-columns:repeat(4,1fr);flex:0 0 auto}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:transparent;color:#929694;flex-direction:column;cursor:pointer}.bottom-nav svg{width:19px;height:19px}.bottom-nav span{font-size:8px}.bottom-nav button.is-active{color:#171918}.bottom-nav button.is-active span{font-weight:680}
.sheet-layer{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:8px;background:rgba(13,15,14,.4);backdrop-filter:blur(10px);animation:layer-in .22s both}.product-sheet,.utility-sheet{position:relative;width:min(100%,430px);padding:30px 19px 17px;border:1px solid rgba(255,255,255,.88);border-radius:29px 29px 23px 23px;background:rgba(242,244,243,.97);box-shadow:0 -23px 70px rgba(10,13,11,.2);animation:sheet-in .38s cubic-bezier(.17,.83,.36,1) both}.sheet-handle{position:absolute;top:9px;left:50%;width:36px;height:4px;border-radius:99px;background:rgba(19,22,20,.15);transform:translateX(-50%)}.sheet-close{position:absolute;top:19px;right:17px;display:grid;width:33px;height:33px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.65);cursor:pointer}.sheet-close svg{width:16px}.sheet-kicker,.utility-sheet>span{color:#8d918f;font-family:var(--mono);font-size:7px;letter-spacing:.13em}.product-sheet h2,.utility-sheet h2{max-width:310px;margin:8px 42px 6px 0;font-size:27px;letter-spacing:-.055em;line-height:1.1}.product-sheet>p,.utility-sheet>p{margin:0;color:#6f7371;font-size:12px;line-height:1.6}.sheet-preview{display:flex;align-items:flex-end;justify-content:space-between;height:122px;margin:17px 0 11px;padding:14px;overflow:hidden;border-radius:19px;color:#fff}.sheet-preview span{max-width:74%;font-family:var(--mono);font-size:25px;font-weight:620;letter-spacing:-.075em}.sheet-preview b{font-size:8px;font-weight:520}.product-sheet>a,.disabled-cta,.system-action{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 16px;border:0;border-radius:16px;background:#171a18;color:#fff;font-size:11px;font-weight:650;text-decoration:none}.product-sheet>a svg,.disabled-cta svg,.system-action svg{width:17px}.disabled-cta{background:#8d918f}.product-sheet>small{display:block;margin-top:9px;color:#969a98;font-size:8px;text-align:center}.utility-sheet{padding-top:37px}.utility-sheet .system-action{margin-top:22px}
.product-wheel{height:470px;perspective:900px}
.wheel-card{top:50%;width:82%;height:46px;opacity:.42;transform:translate(-50%,-50%);filter:saturate(.7) brightness(.82);transition:top .52s cubic-bezier(.2,.8,.22,1),height .52s cubic-bezier(.2,.8,.22,1),width .52s cubic-bezier(.2,.8,.22,1),transform .52s cubic-bezier(.2,.8,.22,1),opacity .38s ease,filter .38s ease}
.wheel-card[data-offset="-3"]{top:4%;width:78%;height:42px;opacity:.34;filter:saturate(.55) brightness(.72)}
.wheel-card[data-offset="-2"]{top:11%;width:86%;height:50px;opacity:.56;filter:saturate(.68) brightness(.8)}
.wheel-card[data-offset="-1"]{top:20%;width:94%;height:61px;opacity:.84;filter:saturate(.88) brightness(.92)}
.wheel-card[data-offset="0"]{top:50%;width:calc(100% - 16px);height:auto;aspect-ratio:3/2;opacity:1;filter:none;transform:translate(-50%,-50%)}
.wheel-card[data-offset="1"]{top:81%;width:94%;height:61px;opacity:.84;filter:saturate(.88) brightness(.92)}
.wheel-card[data-offset="2"]{top:91%;width:86%;height:50px;opacity:.56;filter:saturate(.68) brightness(.8)}
.wheel-card.is-wheel-hidden{top:102%;width:74%;height:38px;opacity:0;filter:saturate(.45) brightness(.68);transform:translate(-50%,-50%) scale(.94)}
.wheel-card:not(.is-active) .card-surface{box-shadow:0 10px 26px rgba(29,33,31,.15),inset 0 1px rgba(255,255,255,.22)}
.wheel-card[data-offset="-3"] .card-top,.wheel-card[data-offset="2"] .card-top{padding-inline:10px}.wheel-card[data-offset="-3"] .card-top>i,.wheel-card[data-offset="2"] .card-top>i{width:23px;height:23px}.wheel-card[data-offset="-3"] .card-top>span,.wheel-card[data-offset="2"] .card-top>span{font-size:9px}
.scroll-area{padding-bottom:14px}
@keyframes layer-in{from{opacity:0}to{opacity:1}}@keyframes sheet-in{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:520px){.site-canvas{display:grid;padding:18px;place-items:center}.app-shell{width:430px;height:calc(100svh - 36px);border:1px solid rgba(255,255,255,.82);border-radius:34px;box-shadow:0 35px 100px rgba(29,34,31,.2)}.product-wheel{--card-w:402px}.app-shell,.top-bar,.bottom-nav{overflow:hidden}}
@media (max-width:360px){.scroll-area{padding-inline:11px}.featured-content{padding:22px 19px 18px}.featured-copy strong{font-size:23px}.featured-cta{height:42px;margin-top:16px}.intro-line h1{font-size:36px}.product-wheel{--card-w:calc(100vw - 22px);height:350px}.wheel-card{transform:translate(-50%,calc(-50% + var(--offset) * 142px)) scale(calc(1 - var(--distance) * .025))}.card-main strong{font-size:21px}}
@media (max-width:360px){.product-wheel{height:450px}.wheel-card{transform:translate(-50%,-50%)}.wheel-card.is-wheel-hidden{transform:translate(-50%,-50%) scale(.94)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.product-sheet>a.is-disabled{background:#8d918f;pointer-events:none}

/* Homepage account, language and mobile typography baseline V1 */
:root{--type-micro:12px;--type-caption:12px;--type-secondary:14px;--type-ui:14px;--type-body:16px;--type-section:20px;--type-panel:30px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
input,select,textarea{font-size:16px!important}
.featured-art.has-managed-image{background-position:center;background-size:cover}
.utility-sheet{max-height:min(82svh,760px);overflow-y:auto;overscroll-behavior:contain}
.utility-sheet>span,.sheet-kicker,.intro-line>span,.section-head span,.wheel-status span,.featured-label,.card-main small{font-size:var(--type-micro)}
.wordmark span{font-size:10px}.section-head h2{font-size:var(--type-section)}.section-head>b,.wheel-status b{font-size:var(--type-micro)}
.featured-copy em{font-size:var(--type-caption)}.featured-cta,.category-tabs button,.card-top>span,.card-main em,.card-bottom>i{font-size:var(--type-ui)}
.category-tabs button{min-height:44px}.card-top>i{font-size:var(--type-micro)}.card-bottom small{font-size:var(--type-caption)}.card-bottom b{font-size:var(--type-secondary)}
.search-box input{font-size:16px!important}.bottom-nav{height:80px}.bottom-nav span{font-size:var(--type-secondary)}
.product-sheet>p,.utility-sheet>p{font-size:15px}.product-sheet>a,.system-action{min-height:52px;font-size:var(--type-ui)}.product-sheet>small{font-size:var(--type-caption)}
#utility-content{margin-top:17px}.unified-login{display:grid;gap:12px}.unified-login label{display:grid;gap:7px}.unified-login label>span{font-size:var(--type-ui);font-weight:650}.unified-login input{width:100%;height:52px;padding:0 14px;border:1px solid rgba(25,28,26,.09);border-radius:16px;outline:0;background:rgba(255,255,255,.7);color:var(--ink)}
.unified-login input:focus{border-color:rgba(25,28,26,.28);box-shadow:0 0 0 3px rgba(25,28,26,.05)}.unified-login>button,.secondary-auth-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 16px;border-radius:16px;font-size:var(--type-ui);font-weight:680}.unified-login>button{border:0;background:#171a18;color:#fff}.secondary-auth-action{margin-top:10px;border:1px solid rgba(25,28,26,.1);background:rgba(255,255,255,.58);color:#171918}.unified-login button svg,.secondary-auth-action svg{width:17px}.login-error{min-height:18px;margin:0;color:#9a4d4d;font-size:var(--type-secondary)}
.account-profile{display:grid;padding:15px 16px;border:1px solid rgba(25,28,26,.07);border-radius:17px;background:rgba(255,255,255,.55);grid-template-columns:1fr auto;gap:4px 12px}.account-profile span{color:#888d8a;font-size:var(--type-micro)}.account-profile strong{font-size:16px}.account-profile small{color:#777c79;font-size:var(--type-caption);grid-column:1/-1}
.management-zone{margin-top:14px}.management-zone>span{display:block;margin:0 3px 7px;color:#8b8f8d;font-family:var(--mono);font-size:var(--type-micro);letter-spacing:.12em}.admin-entry{position:relative;display:flex;min-height:112px;padding:16px 52px 16px 17px;border-radius:19px;background:#171a18;color:#fff;text-decoration:none;flex-direction:column}.admin-entry small{font-family:var(--mono);font-size:var(--type-micro);letter-spacing:.11em;opacity:.55}.admin-entry strong{margin-top:10px;font-size:16px}.admin-entry em{margin-top:5px;font-size:var(--type-secondary);font-style:normal;opacity:.58}.admin-entry>svg{position:absolute;right:17px;top:50%;width:20px;transform:translateY(-50%)}
.utility-links{margin-top:13px;overflow:hidden;border:1px solid rgba(25,28,26,.07);border-radius:18px;background:rgba(255,255,255,.5)}.utility-links button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;padding:10px 14px;border:0;border-bottom:1px solid rgba(25,28,26,.06);background:transparent;text-align:left}.utility-links button:last-child{border-bottom:0}.utility-links button>span{display:flex;min-width:0;flex-direction:column}.utility-links strong{font-size:15px}.utility-links small{margin-top:4px;color:#878c89;font-size:var(--type-secondary)}.utility-links svg{width:18px;flex:0 0 auto}.logout-action{width:100%;min-height:46px;margin-top:12px;border:1px solid rgba(25,28,26,.09);border-radius:15px;background:rgba(255,255,255,.56);font-size:var(--type-secondary);font-weight:650}
.guest-utility-links{margin-top:12px}
.records-state{display:grid;gap:7px;min-height:124px;padding:24px 18px;place-content:center;border:1px solid rgba(25,28,26,.07);border-radius:18px;background:rgba(255,255,255,.5);text-align:center}.records-state strong{font-size:17px}.records-state span{color:#747a77;font-size:14px;line-height:1.5}.records-state button{min-height:44px;margin-top:5px;padding:0 16px;border:1px solid rgba(25,28,26,.1);border-radius:14px;background:#171a18;color:#fff;font-size:14px}.cloud-record-list{display:grid;gap:9px}.cloud-record-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:82px;padding:14px;border:1px solid rgba(25,28,26,.07);border-radius:18px;background:rgba(255,255,255,.58);color:var(--ink);text-decoration:none}.cloud-record-list>a>span{display:grid;min-width:0;gap:4px}.cloud-record-list small{color:#777d7a;font-family:var(--mono);font-size:11px;letter-spacing:.08em}.cloud-record-list strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.cloud-record-list em{color:#878c89;font-size:13px;font-style:normal}.cloud-record-list>a>b{padding:7px 9px;border-radius:99px;background:#e7e9e8;font-size:12px;white-space:nowrap}.cloud-record-list svg{width:18px}
.language-current{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:13px 14px;border:1px solid rgba(25,28,26,.07);border-radius:14px;background:rgba(255,255,255,.5)}.language-current span{color:#858a87;font-size:var(--type-secondary)}.language-current strong{font-size:var(--type-ui)}.language-list{overflow:hidden;border:1px solid rgba(25,28,26,.07);border-radius:18px;background:rgba(255,255,255,.52)}.language-list button{display:grid;align-items:center;width:100%;min-height:60px;padding:10px 14px;border:0;border-bottom:1px solid rgba(25,28,26,.06);background:transparent;text-align:left;grid-template-columns:minmax(0,1fr) 20px}.language-list button:last-child{border-bottom:0}.language-list button>span{display:flex;flex-direction:column}.language-list strong{font-size:15px}.language-list small{margin-top:2px;color:#8d918f;font-size:var(--type-secondary)}.language-list button>i{width:18px;height:18px;border:1px solid rgba(25,28,26,.16);border-radius:50%}.language-list button.active{background:rgba(226,230,227,.68)}.language-list button.active>i{border-color:#171a18;background:#171a18;box-shadow:inset 0 0 0 4px #eef0ef}
@media(max-width:360px){.utility-sheet{padding-inline:15px}.admin-entry{min-height:104px}.utility-links button{min-height:60px}}

/* Desktop-first responsive shell approved in Homepage Site UAT */
.desktop-nav,.language-button,.profile-button,.hero-intro,.desktop-product-grid{display:none}
@media(min-width:701px){
  .site-canvas{display:block;min-height:100svh;padding:0;background:radial-gradient(circle at 7% 0%,rgba(255,255,255,.95),transparent 29%),radial-gradient(circle at 91% 59%,rgba(255,255,255,.6),transparent 35%),linear-gradient(145deg,#daddda,#f4f5f3 48%,#d8dcda)}
  .app-shell{width:100%;height:auto;min-height:100svh;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent}
  .top-bar{position:fixed;inset:0 0 auto;z-index:60;display:grid;height:78px;padding:0 clamp(28px,4vw,76px);grid-template-columns:1fr auto 1fr;border-bottom:1px solid rgba(255,255,255,.76);background:rgba(238,241,239,.86);backdrop-filter:blur(26px) saturate(1.15)}
  .wordmark strong{font-size:20px}.wordmark span{font-size:10px}
  .desktop-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.84);border-radius:999px;background:rgba(255,255,255,.48);box-shadow:0 8px 28px rgba(25,30,27,.04)}
  .desktop-nav button{height:40px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:#737875;font-size:14px;cursor:pointer}
  .desktop-nav button:hover,.desktop-nav button.is-active{background:#171918;color:#fff;box-shadow:0 8px 20px rgba(23,25,24,.15)}
  .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.language-button,.profile-button{display:flex}.language-button{align-items:center;height:44px;padding:0 15px;gap:9px;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:rgba(255,255,255,.56);color:#555a57;font-size:14px;box-shadow:0 8px 24px rgba(27,31,29,.055);cursor:pointer}.language-button svg{width:17px}.profile-button{display:grid}
  .scroll-area{min-height:100svh;padding:122px clamp(28px,4vw,76px) 70px;overflow:visible}
  .featured-section{display:grid;width:min(1600px,100%);margin:0 auto;grid-template-columns:minmax(0,1.85fr) minmax(340px,.85fr);gap:clamp(22px,3vw,48px)}
  .featured-card{aspect-ratio:3/2;border-radius:31px}.featured-content{padding:35px}.featured-label{font-size:12px}.featured-copy strong{max-width:780px;font-size:clamp(42px,4.2vw,72px);line-height:.98}.featured-copy em{font-size:14px}.featured-cta{height:50px;font-size:15px}
  .hero-intro{display:flex;padding:clamp(30px,3vw,48px);border:1px solid rgba(255,255,255,.78);border-radius:31px;background:rgba(248,249,248,.52);box-shadow:0 20px 54px rgba(25,30,27,.06),inset 0 1px rgba(255,255,255,.78);flex-direction:column;backdrop-filter:blur(16px)}
  .hero-intro>span{color:#777d79;font-family:var(--mono);font-size:11px;letter-spacing:.12em}.hero-intro h1{max-width:520px;margin:38px 0 22px;font-size:clamp(47px,4.4vw,76px);font-weight:550;letter-spacing:-.07em;line-height:.95}.hero-intro>p{max-width:460px;margin:auto 0 0;color:#666c68;font-size:16px;line-height:1.65}.hero-stats{display:grid;margin-top:30px;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.hero-stats span{display:flex;padding:15px 8px 0;color:#828784;font-family:var(--mono);font-size:11px;flex-direction:column}.hero-stats span+span{border-left:1px solid var(--line);padding-left:15px}.hero-stats strong{margin-bottom:7px;color:#202421;font-size:22px;font-weight:550}
  .discovery{width:min(1600px,100%);margin:88px auto 0}.section-head{margin:0 0 28px;padding-bottom:21px;border-bottom:1px solid var(--line)}.section-head span{font-size:11px}.section-head h2{margin-top:10px;font-size:clamp(48px,5vw,78px);font-weight:570;letter-spacing:-.065em}.section-head>b{font-size:11px}
  .desktop-controls{display:flex;margin-bottom:34px;align-items:center;justify-content:space-between;gap:24px}.search-box{width:min(540px,38vw);height:58px}.search-box input{font-size:16px!important}.category-tabs{margin:0;padding:0;overflow:visible}.category-tabs button{min-height:46px;padding:0 19px;font-size:14px}
  .wheel-status,.product-wheel{display:none}.desktop-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.desktop-product-card{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.68);border-radius:28px;background:#303331;box-shadow:0 19px 44px rgba(29,33,31,.14);color:#fff;text-align:left;cursor:pointer;isolation:isolate}.desktop-product-card:hover .product-visual>img{transform:scale(1.035)}.desktop-product-card .product-visual>img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
  .desktop-card-top{position:absolute;top:22px;right:24px;left:24px;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.desktop-card-top i{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-family:var(--mono);font-size:11px;font-style:normal}.desktop-card-top span{font-size:14px}.desktop-card-top b{font-family:var(--mono);font-size:11px;font-weight:500;opacity:.76}
  .desktop-card-copy{position:absolute;right:28px;bottom:78px;left:28px;z-index:3;display:flex;flex-direction:column}.desktop-card-copy small{font-family:var(--mono);font-size:11px;letter-spacing:.08em;opacity:.72}.desktop-card-copy strong{max-width:88%;margin-top:9px;font-size:clamp(34px,3.4vw,58px);font-weight:600;letter-spacing:-.055em;line-height:1}.desktop-card-copy em{max-width:75%;margin-top:12px;color:rgba(255,255,255,.76);font-size:14px;font-style:normal;line-height:1.5}
  .desktop-card-bottom{position:absolute;right:28px;bottom:24px;left:28px;z-index:3;display:flex;align-items:center;justify-content:space-between}.desktop-card-bottom b{font-family:var(--mono);font-size:12px}.desktop-card-bottom i{display:flex;align-items:center;gap:7px;font-size:14px;font-style:normal}.desktop-card-bottom svg{width:17px}
  .bottom-nav{display:none}.sheet-layer{align-items:center;padding:24px}.product-sheet,.utility-sheet{width:min(520px,100%);border-radius:28px}.product-sheet h2,.utility-sheet h2{font-size:32px}
}

@media(max-width:700px){
  .desktop-controls{display:block}.top-actions{display:flex}.language-button,.profile-button{display:none}
  .featured-section{display:block}.desktop-product-grid{display:none}
  .wordmark span,.featured-label,.featured-copy em,.section-head span,.section-head>b,.wheel-status span,.wheel-status b,.abstract-art span,.card-top>i,.card-top>b,.card-main small,.card-bottom small,.gesture-hint,footer span,footer b,.sheet-kicker,.utility-sheet>span,.product-sheet>small{font-size:12px}
  .featured-cta,.category-tabs button,.card-top>span,.card-main em,.card-bottom>i,.bottom-nav span,.product-sheet>a,.system-action{font-size:14px}
  .intro-line p,.product-sheet>p,.utility-sheet>p{font-size:16px}
  .category-tabs button,.featured-cta{min-height:44px}
}

/* Managed Homepage media keeps the established card crop and fallback background. */
.product-visual>video,.featured-art>.managed-media{width:100%;height:100%;object-fit:cover;pointer-events:none}
.featured-art>.managed-media{position:absolute;inset:0;z-index:0}
.featured-art:before,.featured-art>i,.featured-art>b{z-index:1}

/* SITE UAT PASS: keep the mobile product entry reachable above fixed navigation. */
.product-sheet{max-height:min(82svh,760px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}

/* SITE UAT PASS: every Homepage password field has a visible, keyboard-accessible toggle. */
.auth-password-field{position:relative}.auth-password-field input{padding-right:58px}.auth-password-toggle,.auth-password-field>[data-password-toggle]{position:absolute;top:4px;right:4px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:12px;background:#e8ebe9;color:#404542;cursor:pointer}.auth-password-field>[data-password-toggle] svg{width:19px}.auth-password-field>[data-password-toggle][aria-pressed="true"]{background:#171a18;color:#fff}
/* AILEZI mobile UAT remediation: keep all four navigation items in one row. */
@media(max-width:700px){
  .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bottom-nav button{min-width:0;overflow:hidden}
  .bottom-nav button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}