:root{--yellow:#ffdc28;--yellow-soft:#fff6c8;--ink:#1c1e19;--muted:#85867e;--line:#e9e9e1;--paper:#f7f8f3;--white:#fff;--radius:24px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.52}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4182dc;outline-offset:4px}button{transition:transform .15s,background .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;font-size:28px;font-weight:850;letter-spacing:-1.4px}.brand-shop{font-weight:450}.brand-icon{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--yellow);font-size:33px;font-weight:900;line-height:1;padding-top:6px}.brand-icon span{position:absolute;top:-4px;left:14px;font-size:18px;letter-spacing:3px}.side-caption{font-size:10px;letter-spacing:1.4px;color:#95968d;font-weight:700;margin:44px 14px 18px}#side-nav{display:grid;gap:7px}.nav-button{display:flex;align-items:center;gap:13px;background:transparent;border-radius:13px;padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#73756c}.nav-button svg{width:20px;height:20px}.nav-button:hover{background:var(--paper)}.nav-button.active{background:var(--yellow);color:var(--ink)}.nav-button .nav-arrow{margin-left:auto}.side-bottom{margin-top:auto;padding:28px 14px 4px}.small-star{display:block;font-size:30px;margin-bottom:12px;color:#e1b600}.side-bottom strong{font-size:13px;line-height:1.7}.side-bottom p{font-size:11px;color:var(--muted);line-height:1.7}.side-bottom a{display:block;font-size:12px;margin-top:24px;font-weight:650}.shell{margin-left:236px}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffffa8}.crumb{font-size:12px;color:var(--muted);display:flex;gap:16px}.crumb strong{color:var(--ink);font-weight:550}.top-actions{display:flex;align-items:center;gap:24px}.connection{font-size:11px;display:flex;align-items:center;gap:7px;color:#797c70}.connection i{width:6px;height:6px;background:#8d9587;border-radius:50%}.connection.live i{background:#55a273}.avatar{width:37px;height:37px;border-radius:50%;background:var(--yellow);font-weight:750;font-size:13px}.mobile-brand{display:none}main{max-width:1280px;margin:auto;padding:32px 42px 0}.welcome{display:flex;align-items:center;justify-content:space-between;margin:7px 0 27px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;margin:0 0 11px;color:#8a8d80}h1{font-size:28px;line-height:1.2;letter-spacing:-.9px;margin:0;font-weight:750}.welcome-note{color:var(--muted);font-size:11px}.hero-grid{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(235px,1fr);gap:20px}.hero{min-height:310px;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--yellow);display:flex}.hero-copy{padding:29px 0 28px 32px;z-index:2;position:relative;flex:1}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #1c1e192b;border-radius:30px;padding:7px 10px;font-size:9px;letter-spacing:1.1px;font-weight:750}.pill span{font-size:13px}.hero h2{font-size:30px;line-height:1.14;letter-spacing:-1.25px;margin:20px 0 13px;font-weight:800}.hero h2 span{color:#71610e}.hero p{font-size:12px;line-height:1.75;color:#5d5215;margin:0 0 23px}.black-button{background:var(--ink);color:white;border-radius:11px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:650;min-height:44px}.black-button:hover{background:#373b2e}.black-button span{font-size:20px;line-height:14px}.hero-art{width:45%;position:relative;align-self:stretch}.hero-art img{position:absolute;width:135%;max-width:450px;right:-15%;bottom:-12%;height:105%;object-fit:contain;filter:drop-shadow(0 13px 12px #9d7d0725);z-index:1}.orbit{position:absolute;border:1px solid #fff6;transform:rotate(-28deg);border-radius:50%;width:300px;height:350px;top:-40px;left:-8px}.orbit-two{width:360px;height:410px;left:-30px;top:-70px}.art-spark{position:absolute;right:20px;top:25px;font-size:40px;transform:rotate(14deg);color:#fff9}.art-label{position:absolute;z-index:2;right:10px;bottom:26px;background:white;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:1px;transform:rotate(-9deg);box-shadow:0 4px 12px #0001}.wallet{padding:27px 24px;background:#22251e;color:#fff;border-radius:var(--radius);position:relative;overflow:hidden;display:flex;flex-direction:column}.wallet:after{content:"";position:absolute;right:-45px;top:-75px;border:1px solid #ffffff0d;width:230px;height:230px;transform:rotate(25deg);border-radius:55px;pointer-events:none}.wallet-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c4c8b9}.wallet-symbol{font-size:22px;color:var(--yellow)}.amount{font-size:43px;font-weight:650;letter-spacing:-1.5px;margin-top:24px;line-height:1.1}.amount span{font-size:23px;color:#a6ac98;margin-left:6px;font-weight:450}.wallet p{font-size:10px;color:#9a9f90;margin:10px 0 23px}.yellow-button{background:var(--yellow);border-radius:11px;padding:14px 10px;font-weight:750;font-size:12px;color:var(--ink);margin-top:auto;min-height:44px}.wallet-history{background:transparent;color:#c5c9bc;padding:17px 0 0;display:flex;justify-content:space-between;font-size:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 18px}.section-heading h2{font-size:20px;letter-spacing:-.5px;margin:0}.section-heading .eyebrow{margin-bottom:8px;font-size:9px}.muted{font-size:11px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;text-align:left;min-height:174px;position:relative;overflow:hidden}.product:hover{border-color:#d3bf45;transform:translateY(-3px)}.product-icon{display:grid;place-items:center;width:49px;height:49px;background:#fff3b5;border-radius:15px;color:#9b7a00;margin-bottom:20px}.product:nth-child(2) .product-icon{background:#eaf1ff;color:#5685d1}.product:nth-child(3) .product-icon{background:#efecfa;color:#8071b5}.product-icon svg{width:26px;height:26px}.product-tag{position:absolute;right:18px;top:22px;background:#f5f6ef;color:#8b907b;font-size:8px;font-weight:750;letter-spacing:.6px;padding:6px 8px;border-radius:6px}.product h3{font-size:16px;letter-spacing:-.3px;margin:0 0 7px}.product p{font-size:11px;color:var(--muted);line-height:1.55;margin:0;max-width:85%}.product-arrow{position:absolute;right:22px;bottom:25px;font-size:20px;color:#999d90}.utility-heading{margin-top:28px}.utility-heading h2{font-size:17px}.utilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.utility{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:15px;text-align:left;min-height:78px;padding:16px}.utility:hover{border-color:#d3bf45}.utility>span{width:36px;min-width:36px;height:36px;display:grid;place-items:center;background:var(--paper);border-radius:10px}.utility svg{width:19px;height:19px;stroke:#777f65}.utility strong{font-size:11px;display:block;line-height:1.4}.utility small{color:var(--muted);font-size:9px;display:block;margin-top:4px}.utility b{font-weight:400;margin-left:auto;color:#b1b5a8}.referral{display:flex;align-items:center;gap:20px;border:1px dashed #d9dccc;border-radius:17px;padding:22px 25px;margin-top:25px;background:#f0f2e8}.ref-icon{height:49px;min-width:49px;display:grid;place-items:center;font-size:30px;border-radius:50%;color:#978224;background:#e8eacc}.referral .eyebrow{font-size:8px;margin-bottom:6px;color:#979d85}.referral h3{font-size:15px;margin:0 0 6px}.referral p{font-size:10px;color:#838b74;margin:0}.referral button{margin-left:auto;width:36px;height:36px;border-radius:50%;background:#fff;font-size:21px}.referral button:hover{background:var(--yellow)}footer{display:flex;align-items:center;justify-content:space-between;color:#a0a493;font-size:9px;padding:26px 0 30px}footer a{color:#7c836e}.bottom-nav{display:none}.demo-banner{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#85701c;background:#fff2b9;border:1px solid #f1df94;padding:10px 14px;border-radius:10px;margin-bottom:23px}.demo-banner button{font-size:10px;background:transparent;white-space:nowrap;font-weight:650}.back-button{background:transparent;padding:0 0 23px;color:#838775;font-size:12px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-mark{color:#d2ae00;font-size:38px}.flow-cards{display:grid;gap:14px}.flow-card{padding:24px;border:1px solid var(--line);background:white;border-radius:18px;overflow-wrap:anywhere;line-height:1.75;font-size:14px}.flow-text{white-space:pre-wrap}.flow-text a{color:#967700;text-decoration:underline}.flow-text code{background:#fff2b0;border-radius:5px;padding:2px 6px;color:#41370c}.flow-text pre{white-space:pre-wrap}.inline-buttons,.reply-keyboard{display:grid;gap:9px}.inline-buttons{margin-top:20px}.button-row{display:flex;gap:9px;flex-wrap:wrap}.action-button{flex:1;min-width:120px;padding:14px 16px;border-radius:11px;background:#fff5c6;border:1px solid #f1e3a3;line-height:1.45;font-size:12px;font-weight:600;text-align:center;min-height:46px}.action-button:hover{background:#ffe987}.reply-keyboard{margin-top:20px}.reply-keyboard .action-button{background:#fff;border:1px solid #e3e5da}.media-file{display:flex;gap:12px;align-items:center;margin-top:15px;background:#f4f5ef;border-radius:10px;padding:14px;width:100%;text-align:left;font-size:12px}.media-image{display:block;max-width:100%;max-height:450px;border-radius:12px;margin:15px auto;object-fit:contain}.composer{display:flex;align-items:center;background:#fff;border:1px solid #dcdfd1;border-radius:15px;margin-top:20px;padding:8px;gap:7px}.composer input[type=text],.composer>input{flex:1;min-width:0;background:transparent;border:0;padding:10px 8px;outline-offset:0;font-size:13px}.composer button{background:var(--yellow);height:40px;width:40px;border-radius:10px;font-size:24px}.attach{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--paper);cursor:pointer;font-size:24px}.attach input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload-note{font-size:10px;color:#959a86;line-height:1.6;margin:10px 2px 30px}.busy{display:flex;align-items:center;gap:15px;background:#fff5c7;border-radius:13px;padding:17px;margin:14px 0}.busy strong{font-size:12px;display:block}.busy div>span{font-size:10px;color:#8d7d39;display:block;margin-top:5px}.spinner{width:19px;height:19px;border:2px solid #d9c76a;border-top-color:#393513;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{background:#fff2e8;border:1px solid #f3cab0;border-radius:18px;padding:25px;margin-top:20px}.error-panel p{font-size:13px;line-height:1.7}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;max-width:min(90vw,500px);background:#24271e;color:#fff;padding:15px 22px;border-radius:13px;box-shadow:0 7px 25px #0002;font-size:13px;line-height:1.6}dialog{border:0;border-radius:25px;padding:32px;max-width:min(440px,calc(100vw - 32px));color:var(--ink)}dialog::backdrop{background:#20231880;backdrop-filter:blur(4px)}dialog h2{font-size:23px;letter-spacing:-.6px}dialog p{font-size:14px;color:#7a806d;line-height:1.8;margin-bottom:24px}.dialog-symbol{font-size:36px}.dialog-close:first-child{position:absolute;right:20px;top:14px;background:transparent;font-size:28px;color:#919781}.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}.empty-menu{grid-column:1/-1;color:#838a74;padding:24px;text-align:center;background:#fff;border-radius:15px;font-size:13px;line-height:1.7}
@media(min-width:1500px){main{padding-top:40px}.hero{min-height:340px}.hero-copy{padding:34px}.hero h2{font-size:35px}.hero p{font-size:13px}.wallet{padding:32px}.product{min-height:190px}}
@media(max-width:1150px){.sidebar{width:204px;padding:30px 16px}.shell{margin-left:204px}main{padding:26px}.topbar{padding:0 26px}.hero-grid{grid-template-columns:minmax(0,2fr) 225px;gap:14px}.hero-copy{padding:25px}.hero h2{font-size:27px}.hero-art{width:35%}.hero-art img{right:-35%;width:180%}.hero-art .art-label{display:none}.hero p{max-width:220px}.welcome-note{display:none}.utilities{grid-template-columns:repeat(2,minmax(0,1fr))}.product{padding:18px}.product p{font-size:10px}.product-tag{font-size:7px;right:12px;top:18px}.side-bottom{padding:20px 10px}}
@media(max-width:850px){.sidebar{display:none}.shell{margin:0}.topbar{height:73px;padding:0 24px}.crumb{display:none}.mobile-brand{display:block;font-weight:850;font-size:25px;letter-spacing:-1px;position:relative}.mobile-brand span{font-weight:450}.mobile-brand i{display:inline-block;font-style:normal;letter-spacing:3px;background:var(--yellow);border-radius:8px;font-size:16px;margin-left:8px;padding:3px 5px}.top-actions{gap:16px}main{max-width:760px;padding:24px 22px 90px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff2;backdrop-filter:blur(15px);border-top:1px solid #e7e9df;display:flex;justify-content:space-around;align-items:stretch;padding:8px 8px calc(9px + env(safe-area-inset-bottom))}.bottom-nav .nav-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:9px;padding:8px 12px;border-radius:13px;min-width:64px;flex:1;max-width:100px}.bottom-nav .nav-arrow{display:none}.bottom-nav .nav-button.active{background:#fff4bc;color:#8c7106}.bottom-nav .nav-button svg{height:21px;width:21px}.toast{bottom:100px}footer{padding-bottom:0}}
@media(max-width:560px){.topbar{padding:0 18px;height:68px}.connection{font-size:9px}.avatar{width:33px;height:33px}.mobile-brand{font-size:23px}.mobile-brand i{display:none}main{padding:22px 16px 94px}.welcome{margin:4px 0 21px}h1{font-size:24px;letter-spacing:-.8px}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero-grid{grid-template-columns:1fr;gap:14px}.hero{min-height:287px;border-radius:22px}.hero-copy{padding:24px 0 23px 22px}.hero h2{font-size:29px;letter-spacing:-1.3px;margin-top:21px}.hero p{font-size:11px;max-width:200px}.hero-art{width:34%;margin-top:0}.hero-art img{width:210%;right:-41%;height:85%;bottom:-1%;max-width:none}.orbit{width:230px;height:320px;left:-60px}.orbit-two{width:290px;height:370px;left:-90px}.art-spark{font-size:28px;right:16px;top:25px}.hero h2 span{display:inline-block;max-width:215px}.hero .black-button{font-size:11px;padding:12px 15px}.pill{font-size:8px;padding:6px 9px}.wallet{padding:21px 22px;min-height:150px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wallet-top{grid-column:1;grid-row:1;font-size:11px}.wallet-symbol{display:none}.amount{font-size:33px;margin-top:10px;grid-column:1;grid-row:2}.amount span{font-size:20px}.wallet p{grid-column:1;grid-row:3;margin:8px 0 0;font-size:9px}.wallet .yellow-button{grid-column:2;grid-row:1/3;align-self:center;margin-top:0;font-size:11px;padding:13px 8px}.wallet-history{grid-column:2;grid-row:3;font-size:10px;padding:0 4px;align-self:center}.section-heading{margin:28px 0 15px}.section-heading h2{font-size:19px;max-width:250px}.section-heading>.muted{display:none}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{min-height:171px;border-radius:17px;padding:18px}.product:first-child{grid-column:1/-1;min-height:103px;display:grid;grid-template-columns:54px 1fr;gap:0 17px;align-items:center;padding:20px}.product:first-child .product-icon{grid-row:1/3;margin:0}.product:first-child h3{align-self:end;margin-bottom:5px}.product:first-child p{align-self:start;font-size:11px;max-width:85%}.product:first-child .product-tag{display:none}.product:first-child .product-arrow{bottom:42px}.product-icon{width:43px;height:43px;border-radius:13px;margin-bottom:16px}.product h3{font-size:15px}.product p{font-size:10px;max-width:90%}.product-tag{font-size:7px;top:21px;right:12px;padding:5px}.product-arrow{font-size:17px;bottom:20px;right:17px}.utilities{gap:10px}.utility{gap:10px;padding:14px 12px;min-height:80px;border-radius:14px}.utility>span{width:31px;min-width:31px;height:33px}.utility strong{font-size:10px}.utility small{font-size:8px;line-height:1.4}.utility b{display:none}.referral{padding:18px 16px;gap:13px;margin-top:21px;border-radius:16px}.ref-icon{height:38px;min-width:38px;font-size:24px}.referral h3{font-size:14px}.referral p{font-size:9px;line-height:1.5}.referral .eyebrow{font-size:7px}.referral button{min-width:32px;height:32px}footer{font-size:8px;flex-wrap:wrap;gap:13px;line-height:1.7}footer>span:nth-child(2){display:none}.flow-card{padding:18px;font-size:13px}.workspace-heading{margin-bottom:20px}.composer{margin-top:16px}.composer>input{font-size:12px}.demo-banner{font-size:9px;line-height:1.5;padding:10px 12px}.demo-banner button{font-size:9px}.action-button{font-size:11px;min-width:110px}.bottom-nav .nav-button{padding:7px 4px;min-width:55px}.busy div>span{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:560px){.hero{display:block;min-height:338px}.hero-copy{padding:23px 22px;max-width:none}.hero h2{font-size:25px;letter-spacing:-1px;line-height:1.16}.hero h2 span{max-width:none}.hero p{max-width:290px;line-height:1.7;margin-bottom:36px}.hero-art{position:absolute;right:-18px;bottom:12px;width:174px;height:130px}.hero-art img{height:130px;width:325px;right:-73px;bottom:0;max-width:none}.hero-art .orbit{top:-180px;left:-55px}.hero-art .orbit-two{top:-220px;left:-90px}.art-spark{top:-160px;right:28px}.hero .black-button{max-width:180px;gap:15px;font-size:10px}.demo-banner{font-size:9px}}

/* Final MinonShop identity and account-first storefront. */
.brand{font-size:26px;gap:8px;letter-spacing:-1.1px;padding:0 2px;justify-content:space-between}.brand-photo{display:block;position:relative;width:39px;height:39px;min-width:39px;overflow:hidden;border-radius:12px;background:#fff}.brand-photo img{position:absolute;width:150%;height:150%;max-width:none;left:-25%;top:-45%;object-fit:cover}.mobile-brand{align-items:center;gap:9px}.mobile-brand .brand-name{font-weight:800}.mobile-brand .brand-photo{width:35px;height:35px;min-width:35px;border-radius:10px}.products{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.product:first-child{background:#fff9d9;border-color:#efe4ad}.product:nth-child(2) .product-icon{background:#efecfa;color:#8071b5}.product:nth-child(2) .product-tag{background:#f1eef9}
@media(max-width:1150px){.brand{font-size:23px}.brand-photo{width:32px;height:32px;min-width:32px}}
@media(max-width:850px){.mobile-brand{display:flex}.mobile-brand .brand-name{font-size:25px}}
@media(max-width:560px){.products{grid-template-columns:1fr}.product:first-child{grid-column:auto}.product:nth-child(2){min-height:103px;display:grid;grid-template-columns:54px 1fr;gap:0 17px;align-items:center;padding:20px}.product:nth-child(2) .product-icon{grid-row:1/3;margin:0}.product:nth-child(2) h3{align-self:end;margin-bottom:5px}.product:nth-child(2) p{align-self:start;font-size:11px;max-width:85%}.product:nth-child(2) .product-tag{display:none}.product:nth-child(2) .product-arrow{bottom:42px}.hero h2{font-size:29px}.mobile-brand .brand-name{font-size:23px}.mobile-brand .brand-photo{width:33px;height:33px;min-width:33px}}
.side-bottom .small-star{height:75px;width:175px;font-size:0;background:url('/minions.png') center bottom/contain no-repeat;margin-left:-8px}.product:first-child:after{content:"";position:absolute;right:-8px;bottom:0;width:200px;height:95px;background:url('/minions.png') center bottom/contain no-repeat;pointer-events:none}.product:first-child h3,.product:first-child p{max-width:65%}.product:first-child .product-arrow{right:22px;bottom:auto;top:80px}.ref-icon{height:68px;min-width:68px;border-radius:17px;font-size:0;background:#fff url('/logo.jpg') center 74%/155% no-repeat;border:3px solid #fff}.referral{overflow:hidden}.side-bottom{padding-top:10px}
@media(max-width:1150px){.product:first-child:after{width:150px;height:65px}.product:first-child p{max-width:60%}.side-bottom .small-star{width:145px;height:60px}}
@media(max-width:560px){.product:first-child{min-height:138px;padding-bottom:45px}.product:first-child h3,.product:first-child p{max-width:100%}.product:first-child:after{width:100px;height:40px;right:14px;bottom:-2px}.product:first-child .product-arrow{top:auto;bottom:20px;right:128px}.ref-icon{height:55px;min-width:55px;border-radius:14px}.referral{padding:17px 13px;gap:12px}.referral p{font-size:9px}}
/* Keep artwork in its own grid cell at every viewport size. */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch}.hero-copy{min-width:0;width:auto;max-width:none;padding:28px}.hero h2{font-size:30px}.hero h2 span{max-width:none}.hero p{max-width:none;margin-bottom:24px}.hero-art{position:relative;inset:auto;width:100%;height:auto;min-width:0;margin:0;overflow:hidden}.hero-art img{width:100%;height:100%;max-width:none;right:0;bottom:0;object-fit:contain;padding:10px 3px}.hero .black-button{font-size:12px;max-width:none;gap:22px}.hero-art .art-spark{top:25px;right:18px}.hero-art .orbit{top:-30px;left:0}.hero-art .orbit-two{top:-60px;left:-30px}
@media(max-width:1150px) and (min-width:851px){.hero{grid-template-columns:1fr}.hero-art{height:145px}.hero-copy{padding:24px 24px 0}.hero-art .art-label{display:none}}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:24px 23px 0}.hero h2{font-size:30px;line-height:1.15}.hero p{font-size:12px;line-height:1.75;margin-bottom:20px}.hero-art{height:140px;margin-top:2px}.hero-art img{padding:4px 15px 10px}.hero-art .art-spark{top:0;right:12px;font-size:24px}.hero-art .orbit{top:-120px;left:30px}.hero-art .orbit-two{top:-160px;left:0}.hero .black-button{font-size:12px;min-height:44px}.art-label{display:none}}

/* Each supporting illustration is a different character/pose. */
.side-bottom .small-star{background-image:url('/minion-shy.png');height:110px;width:110px;margin:0 auto 12px}
.product:first-child:after{background-image:url('/minion-party.png');width:105px;height:125px;right:12px;bottom:0}
.product:first-child h3,.product:first-child p{max-width:68%}
.product:first-child .product-arrow{right:24px;top:22px}
.ref-icon{background:transparent url('/minion-cupcake.png') center/contain no-repeat;border:0;border-radius:0;height:90px;min-width:75px}
.dialog-symbol img{object-fit:contain}.sound-toggle{width:36px;height:36px;flex-shrink:0;border:1px solid #e5dfbc;border-radius:50%;background:#fff6bd;color:#353314;cursor:pointer;font-size:21px}.sound-toggle[aria-pressed="false"]{background:#f1f1eb;color:#888}.sound-toggle:focus-visible{outline:3px solid #918019;outline-offset:3px}
@media(max-width:560px){.product:first-child{padding-right:105px;padding-bottom:24px;min-height:155px}.product:first-child h3,.product:first-child p{max-width:none}.product:first-child:after{width:90px;height:110px;right:6px;bottom:0}.product:first-child .product-arrow{right:22px;top:21px;bottom:auto}.ref-icon{height:70px;min-width:58px}.top-actions{gap:8px}.connection{font-size:10px}.sound-toggle{width:30px;height:30px}}

/* Readable action controls and locally rendered country flags. */
.country-flag{display:inline-block;width:28px;height:21px;object-fit:contain;vertical-align:middle;margin-right:7px;flex-shrink:0;filter:drop-shadow(0 0 1px #0003)}
.action-button,.reply-keyboard .action-button{background:#fff4ac;color:#222516;border:1px solid #d5b841;box-shadow:0 2px 0 #c9b55a25;font-size:14px;font-weight:700;min-height:52px;line-height:1.5;padding:15px 18px}
.action-button:hover,.reply-keyboard .action-button:hover{background:#ffe45a;border-color:#a48a1a}.action-button:focus-visible,.saved-account:focus-visible{outline:3px solid #8b7312;outline-offset:3px}.action-button:disabled{opacity:1;background:#f0f0ea;color:#717565;border-color:#dedfd6;cursor:not-allowed;box-shadow:none}
.category-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));width:100%}.category-button,.reply-keyboard .category-button{background:#fffef5;text-align:left;border:1.5px solid #cabc7b;padding:19px;min-width:0;min-height:104px;display:flex;flex-direction:column;gap:13px}.category-title{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.category-details{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;flex-wrap:wrap;font-size:12px}.category-details>span{color:#62684e}.category-details>b{color:#242813;font-size:14px;background:#ffeb7a;padding:5px 9px;border-radius:8px}.category-button:disabled .category-details>b{background:#e4e5dd;color:#737768}.inline-buttons:empty{display:none}.flow-text a{color:#225c9b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.archive-picker{border:1px solid #d9cf9c;border-radius:18px;background:#fffbee;padding:22px}.archive-picker h2{font-size:20px;margin:0 0 9px}.archive-picker>p{font-size:13px;line-height:1.6;color:#62654e}.saved-account{display:flex;flex-direction:column;gap:8px;width:100%;background:#fff;border:1px solid #cfc9a6;border-radius:12px;padding:16px;text-align:left;margin:10px 0;color:#242719}.saved-account strong{font-size:14px}.saved-account>span{font-size:12px;color:#61674c}.saved-account:hover{border-color:#a68b1f;background:#fff5bd}.saved-account:disabled{opacity:.6;cursor:not-allowed}.upload-archive{background:#25291d;color:white;border-radius:11px;padding:15px 18px;font-weight:700;margin-top:12px;min-height:48px}.archive-pages{display:flex;gap:10px;margin-top:15px}
@media(max-width:560px){.action-button,.reply-keyboard .action-button{font-size:13px;padding:14px 12px}.category-title{font-size:14px}.category-button,.reply-keyboard .category-button{padding:16px;min-height:100px}.category-details{font-size:12px}.archive-picker{padding:17px}.archive-picker h2{font-size:18px}.upload-archive{width:100%}}

/* Page controls replace the always-visible chat composer. */
.navigation-row{justify-content:flex-start;margin:4px 0}.action-button.secondary-action,.reply-keyboard .secondary-action{flex:0 1 auto;background:transparent;border:0;box-shadow:none;padding:8px 2px;min-height:36px;text-align:left;color:#60684d;font-weight:600}.action-button.secondary-action:hover{color:#202719;background:transparent;text-decoration:underline}
.tool-row{display:grid;grid-template-columns:1fr}.tool-action,.reply-keyboard .tool-action{display:flex;gap:18px;align-items:center;text-align:left;background:#fff;border-color:#d9ddcd;padding:22px}.tool-icon{font-size:25px;background:#fff0a1;border-radius:14px;width:52px;height:52px;display:grid;place-items:center;flex-shrink:0}.tool-action strong{display:block;font-size:16px}.tool-action small{display:block;font-size:12px;color:#626b50;font-weight:400;margin-top:6px;line-height:1.5}
.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:24px;gap:15px;border-radius:18px;max-width:650px}.composer>label:first-child{grid-column:1/-1;font-size:17px;font-weight:750}.composer>input{border:1px solid #c8ceba;border-radius:10px;background:#fafbf6;padding:15px;font-size:16px;min-height:50px}.composer button{width:auto;height:auto;font-size:14px;font-weight:750;padding:14px 20px;min-height:50px}.composer .attach{width:auto;font-size:12px;padding:12px 15px;grid-column:1/-1;order:4;justify-self:start}.file-form{background:#fff;border:1px solid #d8ddce;border-radius:18px;padding:24px;margin-top:20px}.file-form h2{font-size:19px}.file-form p{color:#657052;font-size:14px;line-height:1.6}.page-mark{font-size:35px}
@media(max-width:560px){.composer{grid-template-columns:1fr;padding:20px}.composer button{width:100%}.tool-action,.reply-keyboard .tool-action{padding:17px;gap:13px}.tool-action strong{font-size:14px}.tool-action small{font-size:11px}.tool-icon{width:44px;height:44px;font-size:22px}}
.theme-toggle{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #dedfd0;border-radius:50%;background:#fff;color:#363d2a;cursor:pointer}.theme-toggle svg{width:19px;height:19px}.theme-toggle:hover{background:#fff0a0}.theme-toggle:focus-visible{outline:3px solid #9c841a;outline-offset:3px}
html[data-theme=dark]{--paper:#191c17;--ink:#f1f3e9;--line:#3c4235;--muted:#b1b8a3;background:#191c17;color:#f1f3e9}
[data-theme=dark] body,[data-theme=dark] .shell{background:#191c17;color:#f1f3e9}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .bottom-nav{background:#20241d;border-color:#3a4132}
[data-theme=dark] .brand,[data-theme=dark] .mobile-brand,[data-theme=dark] .crumb strong{color:#f5f5e9}
[data-theme=dark] .nav-button{color:#b6bfaa}[data-theme=dark] .nav-button.active{background:#ffdf49;color:#242619}[data-theme=dark] .nav-button:hover{background:#3b422c;color:#fff}
[data-theme=dark] .hero{color:#202414}[data-theme=dark] .hero h2,[data-theme=dark] .hero p{color:#202414}[data-theme=dark] .hero h2 span{color:#69611f}[data-theme=dark] .hero .pill{color:#242519;border-color:#b9a12c}
[data-theme=dark] .product,[data-theme=dark] .utility,[data-theme=dark] .flow-card,[data-theme=dark] .composer,[data-theme=dark] .file-form,[data-theme=dark] dialog{background:#262c22;border-color:#414937;color:#f1f3e9}
[data-theme=dark] .product:first-child{background:#34351f;border-color:#656033}[data-theme=dark] .product-tag{background:#424832;color:#e1e6d1}[data-theme=dark] .product:nth-child(2) .product-tag{background:#40394e;color:#d8cee7}
[data-theme=dark] .product p,[data-theme=dark] .utility small,[data-theme=dark] dialog p,[data-theme=dark] .file-form p{color:#b2bba4}
[data-theme=dark] .utility>span{background:#363f2d}[data-theme=dark] .utility svg{stroke:#c5cfb3}
[data-theme=dark] .referral{background:#292f23;border-color:#596247}[data-theme=dark] .referral p,[data-theme=dark] .referral .eyebrow{color:#b3bea0}[data-theme=dark] .referral button{background:#414a33;color:#f5e69c}
[data-theme=dark] .action-button,[data-theme=dark] .reply-keyboard .action-button{background:#404026;border-color:#8c7c36;color:#fff5c8}[data-theme=dark] .action-button:hover,[data-theme=dark] .reply-keyboard .action-button:hover{background:#55512b}
[data-theme=dark] .category-button,[data-theme=dark] .reply-keyboard .category-button{background:#2c3226;border-color:#69724b;color:#f5f6e9}[data-theme=dark] .category-details>span{color:#b9c2a9}[data-theme=dark] .category-details>b{background:#e9ce4e;color:#242514}
[data-theme=dark] .action-button:disabled,[data-theme=dark] .reply-keyboard .action-button:disabled{background:#262c22;border-color:#414a35;color:#a0a98e}[data-theme=dark] .category-button:disabled .category-details>b{background:#424936;color:#b9c2a7}
[data-theme=dark] .action-button.secondary-action,[data-theme=dark] .reply-keyboard .secondary-action{background:transparent;color:#bdc7ac;border:0}[data-theme=dark] .tool-action small{color:#c1c9b4}[data-theme=dark] .tool-icon{background:#54512b}
[data-theme=dark] .archive-picker{background:#2e3223;border-color:#656944}[data-theme=dark] .archive-picker>p{color:#c0c7ac}[data-theme=dark] .saved-account{background:#252c21;color:#f5f6e9;border-color:#5b6447}[data-theme=dark] .saved-account>span{color:#c2cbb1}[data-theme=dark] .saved-account:hover{background:#3c432d}
[data-theme=dark] .composer>input{background:#1d2319;color:#f5f6eb;border-color:#6b7557}[data-theme=dark] .composer>input::placeholder{color:#a6b194}[data-theme=dark] .composer .attach,[data-theme=dark] .media-file{background:#3a432e;color:#e0e8d3}
[data-theme=dark] .flow-text a{color:#a3cff7}[data-theme=dark] .flow-text code{background:#514b25;color:#fff0aa}[data-theme=dark] .busy{background:#3c3b23;color:#f7edc3}[data-theme=dark] .busy div>span{color:#d0c58e}[data-theme=dark] .error-panel{background:#422e23;border-color:#966548;color:#ffe7d8}
[data-theme=dark] .theme-toggle,[data-theme=dark] .sound-toggle{background:#383f2c;border-color:#606a4b;color:#ffe37a}[data-theme=dark] .sound-toggle[aria-pressed=false]{color:#a7b095;background:#292f23}[data-theme=dark] .connection,[data-theme=dark] .crumb,[data-theme=dark] .welcome-note,[data-theme=dark] .eyebrow,[data-theme=dark] .back-button{color:#b6c0a6}
@media(max-width:560px){.theme-toggle{width:30px;height:30px}.theme-toggle svg{width:17px;height:17px}}@media(max-width:420px){.connection{font-size:0;gap:0}.connection i{margin:0}.top-actions{gap:7px}}
/* Explicit contrast pairs: action surfaces must not inherit the page text color. */
:root{--muted:#5e6555}
.black-button{background:#24291c;color:#fff}.black-button:hover{background:#3b452d;color:#fff}
.yellow-button,.avatar,.composer button{color:#202617}.art-label{color:#202617}
button:disabled,.saved-account:disabled{opacity:1;cursor:not-allowed}
.black-button:disabled,.yellow-button:disabled,.composer button:disabled{background:#dfe3d5;color:#515b44}
.side-caption,.eyebrow,.welcome-note,.muted,.product p,.utility small,.referral p,.referral .eyebrow,footer,footer a,.upload-note,.back-button{color:#5e6652}
.product-tag{color:#535c42}.product:nth-child(2) .product-tag{color:#625379}
.flow-text,.archive-picker>p,.file-form p{font-size:14px}.busy div>span{color:#68551b;font-size:12px}.demo-banner,.demo-banner button{color:#655212}.wallet p{color:#bcc5ad}.utility small{font-size:11px}.referral p{font-size:12px}.side-caption,.eyebrow,footer,.product-tag,.upload-note{font-size:11px}
.account-details{background:#fff;border:1px solid #c5cdb6;border-radius:18px;padding:24px;margin-bottom:4px}.account-details h2{font-size:19px;margin:0 0 16px}.account-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 18px;padding:15px 0;border-top:1px solid #e1e6d7}.account-detail-label{grid-column:1/-1;color:#59644c;font-size:13px;font-weight:600}.account-detail-row code{font-family:ui-monospace,Consolas,monospace;font-size:19px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;user-select:text;color:#202817;align-self:center;min-width:0}.detail-copy{border:1px solid #b7c19f;border-radius:9px;background:#f0f4e8;color:#374426;padding:10px 13px;font-size:12px;font-weight:700;min-height:42px}.detail-copy:hover{background:#e1e9d3}
[data-theme=dark] .black-button{background:#ffe063;color:#202617}[data-theme=dark] .black-button:hover{background:#ffeb99;color:#202617}
[data-theme=dark] .hero .black-button{background:#24291c;color:#fff}[data-theme=dark] .hero .black-button:hover{background:#3b452d;color:#fff}
[data-theme=dark] .yellow-button,[data-theme=dark] .avatar,[data-theme=dark] .composer button{background:#ffdc28;color:#202617}
[data-theme=dark] .black-button:disabled,[data-theme=dark] .yellow-button:disabled,[data-theme=dark] .composer button:disabled{background:#444e37;color:#d4dec4}
[data-theme=dark] .side-caption,[data-theme=dark] .muted,[data-theme=dark] footer,[data-theme=dark] footer a,[data-theme=dark] .upload-note{color:#b6c0a6}
[data-theme=dark] .demo-banner,[data-theme=dark] .demo-banner button{color:#655212}
[data-theme=dark] .account-details{background:#262e20;border-color:#687653;color:#f1f5e9}[data-theme=dark] .account-detail-row{border-color:#46543a}[data-theme=dark] .account-detail-label{color:#bdcaaa}[data-theme=dark] .account-detail-row code{color:#f7fbeF}[data-theme=dark] .detail-copy{background:#3e4b31;color:#f0f6e6;border-color:#7f9067}[data-theme=dark] .detail-copy:hover{background:#52633f}
@media(max-width:560px){.account-details{padding:19px}.account-detail-row{gap:10px}.account-detail-row code{font-size:16px}.detail-copy{font-size:11px;padding:10px}.product p,.utility small,.referral p{font-size:11px}}
/* Unified banana + warm ivory + graphite palette. */
:root{--paper:#faf9f5;--ink:#24262b;--line:#e4e0d5;--muted:#62636a;--yellow:#ffdc38}
body,.shell{background:var(--paper)}
.product,.utility,.flow-card,.composer,.file-form,.account-details,dialog{border-color:#e1ddD2;background:#fff;color:#24262b}
.product:first-child{background:#fff8d9;border-color:#e5d582}.product:nth-child(2) .product-icon,.product-icon{background:#fff0ad;color:#725b08}.product:nth-child(2) .product-tag,.product-tag{background:#f3f0e5;color:#5f5b4c}
.referral{background:#f4f1e6;border-color:#cfc7b0}.referral p,.referral .eyebrow,.side-caption,.eyebrow,.welcome-note,.muted,.product p,.utility small,footer,footer a,.back-button,.upload-note{color:#62636a}
.utility>span{background:#f4f2e9}.utility svg{stroke:#69645a}.category-button,.reply-keyboard .category-button{background:#fffdf5;border-color:#d1bd71;color:#24262b}.category-details>span{color:#686156}.category-details>b{background:#ffdf5b;color:#292718}
.account-detail-label{color:#62636a}.account-detail-row{border-color:#e5e1d7}.account-detail-row code{color:#24262b}.detail-copy{background:#f3f1e9;color:#424248;border-color:#c9c6bc}.detail-copy:hover{background:#e9e6dc}
.archive-picker{background:#fff9e6;border-color:#dfd2a3}.archive-picker>p,.saved-account>span{color:#65605a}.saved-account{background:#fff;border-color:#d8d1be;color:#24262b}.saved-account:hover{background:#fff2b4}.composer>input{background:#fcfbf7;border-color:#c7c3b8;color:#24262b}
.black-button,.hero .black-button,.upload-archive{background:#27292e;color:#fff}.black-button:hover,.hero .black-button:hover,.upload-archive:hover{background:#41444c;color:#fff}
.theme-toggle,.sound-toggle{background:#fff7d2;border-color:#d5c68d;color:#54480f}.nav-button{color:#62636a}.nav-button.active{background:#ffdf62;color:#292718}
.dialog-symbol{display:block;margin-bottom:16px}dialog .login-link{margin:0 14px 12px 0}dialog .black-button.dialog-close{background:#eeece4;color:#35363b}dialog .black-button.dialog-close:hover{background:#dfdcd1}dialog p{color:#606169}
html[data-theme=dark]{--paper:#191a1e;--ink:#f6f3e9;--line:#41434a;--muted:#bec0c8;background:#191a1e;color:#f6f3e9}
[data-theme=dark] body,[data-theme=dark] .shell{background:#191a1e;color:#f6f3e9}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .bottom-nav{background:#202126;border-color:#3a3c43}
[data-theme=dark] .product,[data-theme=dark] .utility,[data-theme=dark] .flow-card,[data-theme=dark] .composer,[data-theme=dark] .file-form,[data-theme=dark] .account-details,[data-theme=dark] dialog{background:#26282e;border-color:#454750;color:#f6f3e9}
[data-theme=dark] .product:first-child{background:#302d23;border-color:#73633a}[data-theme=dark] .product-icon,[data-theme=dark] .product:nth-child(2) .product-icon{background:#51452b;color:#ffe398}[data-theme=dark] .product-tag,[data-theme=dark] .product:nth-child(2) .product-tag{background:#373941;color:#d3d3dc}
[data-theme=dark] .referral,[data-theme=dark] .archive-picker{background:#2c2b28;border-color:#675f4b}[data-theme=dark] .utility>span{background:#35373f}[data-theme=dark] .utility svg{stroke:#d4d4dd}
[data-theme=dark] .nav-button{color:#c3c4cc}[data-theme=dark] .nav-button:hover{background:#35373f;color:#fff}[data-theme=dark] .nav-button.active{background:#ffdf62;color:#292718}
[data-theme=dark] .category-button,[data-theme=dark] .reply-keyboard .category-button,[data-theme=dark] .saved-account{background:#292b31;border-color:#66645a;color:#f6f3e9}[data-theme=dark] .category-button:hover,[data-theme=dark] .reply-keyboard .category-button:hover,[data-theme=dark] .saved-account:hover{background:#35363c}
[data-theme=dark] .category-details>b{background:#ffdf62;color:#292718}[data-theme=dark] .category-details>span,[data-theme=dark] .saved-account>span{color:#c4c3bc}
[data-theme=dark] .action-button,[data-theme=dark] .reply-keyboard .action-button{color:#f6efd9}[data-theme=dark] .action-button:not(.category-button):not(.secondary-action):not(.tool-action),[data-theme=dark] .reply-keyboard .action-button:not(.category-button):not(.secondary-action):not(.tool-action){background:#454031;border-color:#8c7950}
[data-theme=dark] .tool-action,[data-theme=dark] .reply-keyboard .tool-action{background:#292b31;border-color:#52545c}[data-theme=dark] .tool-icon{background:#51452b}[data-theme=dark] .tool-action small{color:#c5c4bf}
[data-theme=dark] .action-button:disabled,[data-theme=dark] .reply-keyboard .action-button:disabled,[data-theme=dark] .saved-account:disabled{background:#24262c;border-color:#44464f;color:#b6b7c1}[data-theme=dark] .category-button:disabled .category-details>b{background:#41434c;color:#d0d1d8}
[data-theme=dark] .account-detail-row{border-color:#454750}[data-theme=dark] .account-detail-label{color:#c1c2cb}[data-theme=dark] .account-detail-row code{color:#fff4c4}[data-theme=dark] .detail-copy{background:#3c3e47;border-color:#6b6d78;color:#fff4d2}[data-theme=dark] .detail-copy:hover{background:#50535f}
[data-theme=dark] .theme-toggle,[data-theme=dark] .sound-toggle{background:#3b3729;border-color:#807044;color:#ffe385}[data-theme=dark] .sound-toggle[aria-pressed=false]{background:#30323a;color:#c2c3cc}
[data-theme=dark] .composer>input{background:#1d1f24;color:#f6f3e9;border-color:#676a76}[data-theme=dark] .composer>input::placeholder{color:#b8bac5}[data-theme=dark] .composer .attach,[data-theme=dark] .media-file{background:#393c45;color:#eeeef3}
[data-theme=dark] .busy{background:#393325;color:#fff1c2}[data-theme=dark] .busy div>span{color:#e2d3a5}[data-theme=dark] .spinner{border-color:#796c45;border-top-color:#ffe27b}
[data-theme=dark] .side-caption,[data-theme=dark] .eyebrow,[data-theme=dark] .welcome-note,[data-theme=dark] .muted,[data-theme=dark] .product p,[data-theme=dark] .utility small,[data-theme=dark] .referral p,[data-theme=dark] .referral .eyebrow,[data-theme=dark] footer,[data-theme=dark] footer a,[data-theme=dark] .upload-note,[data-theme=dark] .back-button,[data-theme=dark] .connection,[data-theme=dark] .crumb,[data-theme=dark] .archive-picker>p,[data-theme=dark] .file-form p,[data-theme=dark] dialog p{color:#bec0c8}
[data-theme=dark] dialog .black-button.dialog-close{background:#41434c;color:#f5f3ed}[data-theme=dark] dialog .black-button.dialog-close:hover{background:#51545f}
@media(max-width:560px){.account-detail-row code{grid-column:1/-1}.detail-copy{justify-self:start}dialog .login-link{margin-right:12px}}

.wallet{background:#25262b}.wallet p{color:#bec0c8}.wallet-top,.wallet-history{color:#d2d1cd}
/* Reserve a separate corner for the arrow; tags never share its coordinates. */
.product .product-tag{right:54px;top:24px}.product .product-arrow{right:20px;top:24px;bottom:auto;line-height:1}
@media(min-width:561px) and (max-width:700px){.product .product-tag{position:static;display:inline-block;margin:0 0 12px}.product .product-icon{margin-bottom:12px}}
@media(max-width:560px){.product:first-child .product-arrow,.product:nth-child(2) .product-arrow{top:22px;bottom:auto;right:20px}}
/* Footer belongs to the shell, so every screen ends with the same lower bar. */
.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main{width:100%;flex:1 0 auto;padding-bottom:36px}
.site-footer{display:block;flex-shrink:0;width:100%;padding:0;margin-top:auto;background:#fff;border-top:1px solid #deddd6;color:#56565f;font-size:13px}
.footer-inner{max-width:1280px;margin:0 auto;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:12px;color:#27292e;flex-shrink:0}.footer-brand>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff4ba;font-size:25px}.footer-brand strong{display:block;font-size:17px;font-weight:800;letter-spacing:-.4px}.footer-brand small{display:block;font-size:11px;color:#6a6971;margin-top:3px}
.footer-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer-links a,.footer-links button{background:transparent;color:#575962;font-size:12px;padding:10px 0;font-weight:600;min-height:40px}.footer-links a:hover,.footer-links button:hover{color:#292718;text-decoration:underline;text-underline-offset:4px}.footer-links button:disabled{color:#767780}
.footer-account{display:flex;align-items:center;gap:12px}.footer-account button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.footer-account svg{width:20px;height:20px;stroke-width:1.8}.footer-profile{background:#ffdf62;color:#292718;border:1px solid #ead059}.footer-profile:hover{background:#ffda38}.footer-logout{background:#fff;color:#795248;border:1px solid #ddcbc4}.footer-logout:hover{background:#fff0e9;color:#703e31}
.nav-button{gap:12px;padding:11px 13px;min-height:48px}.nav-button .nav-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px}.nav-button .nav-icon svg{width:21px;height:21px;stroke-width:1.8}.nav-logout{border-top:1px solid #e6e0d6;border-radius:0;margin-top:14px;padding-top:18px;color:#795248}.nav-logout:hover{background:#fff2eb;border-radius:12px;color:#703e31}.nav-logout .nav-icon{background:#fbefea;color:#875549}
[data-theme=dark] .site-footer{background:#202126;border-color:#41434a;color:#c2c3cc}[data-theme=dark] .footer-brand{color:#f5f3eb}[data-theme=dark] .footer-brand>span:first-child{background:#49402b}[data-theme=dark] .footer-brand small{color:#b4b5be}[data-theme=dark] .footer-links a,[data-theme=dark] .footer-links button{color:#c5c6ce}[data-theme=dark] .footer-links a:hover,[data-theme=dark] .footer-links button:hover{color:#ffe398}[data-theme=dark] .footer-profile{background:#ffdf62;color:#292718;border-color:#e4c75a}[data-theme=dark] .footer-logout{background:#2e292b;color:#edb7a6;border-color:#72534c}[data-theme=dark] .footer-logout:hover{background:#453037;color:#ffd4c4}
[data-theme=dark] .nav-logout{color:#edb7a6;border-color:#464047}[data-theme=dark] .nav-logout .nav-icon{background:#433238;color:#edb7a6}[data-theme=dark] .nav-logout:hover{background:#453037;color:#ffd4c4}
@media(max-width:1150px){.footer-inner{padding:22px 28px;gap:18px}.footer-links{gap:16px}}
@media(max-width:850px){main{padding-bottom:28px}.site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.footer-inner{padding:22px 24px;gap:20px}.bottom-nav .nav-button{gap:3px;padding:7px 4px;min-height:58px}.bottom-nav .nav-button .nav-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px}.bottom-nav .nav-button .nav-icon svg{width:22px;height:22px}.bottom-nav .nav-button>span:last-child{font-size:10px;font-weight:650;line-height:1.4}}
@media(max-width:560px){.footer-inner{display:grid;grid-template-columns:1fr auto;padding:23px 20px;gap:18px 14px}.footer-links{gap:0;align-items:flex-end;flex-direction:column}.footer-links a,.footer-links button{padding:4px 0;min-height:30px;font-size:11px}.footer-account{grid-column:1/-1;border-top:1px solid #e5e1d8;padding-top:17px;justify-content:stretch}.footer-account button{flex:1}.footer-brand strong{font-size:16px}.footer-brand>span:first-child{width:38px;height:38px;font-size:23px}.footer-brand small{font-size:10px}[data-theme=dark] .footer-account{border-color:#41434a}}

/* Shared vector geometry, independent of the device font. */
.ui-arrow{display:inline-block;width:20px;height:20px;min-width:20px;flex:0 0 20px;vertical-align:middle;pointer-events:none}
.black-button,.yellow-button,.wallet-history,.demo-banner button,.side-bottom a,.footer-links a,.footer-links button{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4}
.black-button>span,.wallet-history>span,.product-arrow,.utility-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.product-arrow .ui-arrow{width:22px;height:22px}.utility>.utility-arrow{width:24px;height:24px}.referral>button{display:grid;place-items:center;padding:0}.referral>button .ui-arrow{width:24px;height:24px}
.sound-toggle,.theme-toggle{display:grid;place-items:center;padding:0;line-height:1;box-sizing:border-box}.sound-toggle svg,.theme-toggle svg{display:block;width:20px;height:20px;flex-shrink:0}
.nav-button .nav-icon{background:transparent;color:inherit}.nav-button .nav-icon svg{stroke-width:1.8}
.footer-links{align-items:center}.footer-links a,.footer-links button{box-sizing:border-box;border:0;margin:0;font-family:inherit;font-size:12px;font-weight:600;line-height:20px;min-height:44px;padding:12px 0;text-decoration:none;white-space:nowrap}.footer-links .ui-arrow{width:16px;height:16px;min-width:16px;flex-basis:16px}
@media(max-width:560px){.footer-links{align-items:flex-end}.footer-links a,.footer-links button{font-size:11px;min-height:36px;padding:8px 0}.sound-toggle,.theme-toggle{width:34px;height:34px}}
@media(orientation:landscape) and (max-width:1000px){.footer-links{flex-direction:row;align-items:center;gap:20px}.footer-links a,.footer-links button{min-height:44px;padding:12px 0}}

.back-button,.secondary-action{display:inline-flex;align-items:center;gap:8px}.secondary-action .ui-arrow,.back-button .ui-arrow{width:18px;height:18px;min-width:18px;flex-basis:18px}

.live-purchases{position:relative}.live-purchases-list{flex:1;scroll-behavior:auto}.live-products{white-space:normal;width:max-content;max-width:420px;line-height:1.5;overflow-wrap:anywhere}.live-motion{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid #cabb78;border-radius:50%;background:#fff3b0;color:#51471f}.live-motion svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.live-motion:focus-visible,.live-purchases-list:focus-visible{outline:2px solid #aa8100;outline-offset:3px}[data-theme=dark] .live-motion{background:#4b4226;border-color:#8d7a3f;color:#ffe898}
.live-products .country-flag{width:16px;height:12px;vertical-align:middle;margin:0 2px}
@media(max-width:560px){.live-motion{position:absolute;right:10px;top:7px;width:32px;height:32px}.live-purchases .live-label{padding-right:36px;min-height:24px}.live-products{max-width:240px}}

.shop-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shop-section{display:flex;align-items:center;gap:18px;padding:28px;text-align:left;background:#fff;border:1px solid #deddd6;border-radius:22px;min-height:130px}.shop-section:hover{border-color:#c4a426;background:#fff9dd}.shop-section-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;background:#fff0a4;border-radius:14px;color:#524414}.shop-section-icon svg{width:26px;height:26px}.shop-section-copy{flex:1;min-width:0}.shop-section-copy strong{display:block;font-size:18px}.shop-section-copy small{display:block;margin-top:7px;font-size:13px;line-height:1.5;color:#686971}
.live-purchases{display:flex;align-items:center;gap:20px;border:1px solid #eadb8c;border-radius:16px;padding:12px 16px;margin:0 0 22px;background:#fff9df;overflow:hidden;min-width:0}.live-label{display:flex;align-items:center;gap:10px;flex-shrink:0}.live-label>span{font-size:26px}.live-label strong{display:block;font-size:12px;color:#493d16}.live-label small{display:block;font-size:10px;color:#736130;margin-top:3px}.live-label i{width:6px;height:6px;border-radius:50%;background:#69a765}.live-purchases-list{display:flex;align-items:center;gap:12px;overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#d9c772 transparent;padding:3px 0}.live-item{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #eee2a9;border-radius:11px;background:#fffdf4;color:#51471f;font-size:11px;white-space:nowrap}.live-item strong{font-weight:700}.live-item time{color:#7a6c42;font-size:10px}.live-empty{font-size:12px;color:#736130;line-height:1.5}
[data-theme=dark] .shop-section{background:#26282e;border-color:#44464e}[data-theme=dark] .shop-section:hover{background:#333126;border-color:#9d8840}[data-theme=dark] .shop-section-copy small{color:#bec0c8}[data-theme=dark] .live-purchases{background:#2e2b21;border-color:#635735}[data-theme=dark] .live-label strong{color:#ffe898}[data-theme=dark] .live-label small,[data-theme=dark] .live-empty{color:#d5c797}[data-theme=dark] .live-item{background:#393426;border-color:#625738;color:#f5e9bf}[data-theme=dark] .live-item time{color:#c7bb91}
@media(max-width:560px){.shop-sections{grid-template-columns:1fr;gap:12px}.shop-section{padding:20px;min-height:110px}.shop-section-copy strong{font-size:16px}.live-purchases{display:block;padding:11px 12px;margin-bottom:18px}.live-label{margin-bottom:7px}.live-label>span{font-size:21px}.live-label>div{display:flex;align-items:center;gap:9px}.live-label small{margin:0;font-size:9px}.live-purchases-list{padding-bottom:4px}.live-item{font-size:10px}}