:root{--accent:#397dc3;--ink:#253046;--muted:#727e90;--soft:#edf3fc;--canvas:#f7f8fc;color:var(--ink);background:var(--canvas)}
body{color:#253046;background:var(--canvas)}
.screen{padding-top:12px}
.member-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start;gap:4px!important;max-width:100%!important;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;white-space:nowrap;padding:5px;background:white;border:1px solid #edf0f6;border-radius:13px;-webkit-overflow-scrolling:touch}
.member-nav::-webkit-scrollbar{display:none}.member-nav .nav-break{display:none!important}
.member-nav a{flex:0 0 auto;white-space:nowrap!important;font-size:12px!important;padding:10px 12px!important;scroll-snap-align:start;border-radius:9px;color:#525e72}
.member-nav a.active{color:#253046!important;background:#e9f1fc;font-weight:600}
.mobile-page-head{background:#f7f8fcf7;border-color:#e9edf5}.mobile-page-head h1,.mobile-back{color:#253046}
.root-nav{background:#fff;border:1px solid #edf0f6;border-bottom:0;box-shadow:0 -5px 25px #26395708;backdrop-filter:none}
.root-nav a{color:#667386}.root-nav a.active{background:#edf3fc;color:#253046!important}.root-nav .nav-icon{color:#253046}
.water-showcase{margin-top:14px;position:relative;border-radius:20px;overflow:hidden;isolation:isolate}
.water-window{overflow:hidden;touch-action:pan-y}.water-track{display:flex;width:100%;transition:transform .48s cubic-bezier(.22,.75,.3,1)}
.water-slide{position:relative;isolation:isolate;display:flex;min-width:0;flex:0 0 100%;height:216px;padding:23px 20px 32px;overflow:hidden;background:linear-gradient(120deg,#e7f3ff,#d5e9fb)}
.water-slide.peach{background:linear-gradient(115deg,#fff0e4,#fbded2)}.water-slide.lilac{background:linear-gradient(115deg,#ecebff,#dce8fa)}
.water-slide-copy{position:relative;z-index:2;min-width:0;flex:1}.water-kicker{font-size:10px;letter-spacing:.4px;color:#557493}
.peach .water-kicker{color:#ad7962}.lilac .water-kicker{color:#787395}
.water-slide h2{font-size:25px;line-height:1.38;letter-spacing:.4px;font-weight:750;color:#253c58;margin:9px 0 8px}
.peach h2{color:#654b44}.lilac h2{color:#44486b}.water-slide p{font-size:11px;color:#667e98;line-height:1.6}.peach p{color:#a17a67}.lilac p{color:#727c99}
.water-shop{display:inline-flex;align-items:center;gap:13px;margin-top:13px;font-size:11px;font-weight:600;color:#263b56}.water-shop span{font-size:16px}
.water-scene{position:absolute;right:8px;top:13px;width:43%;height:185px;pointer-events:none}
.water-scene img{position:absolute;width:124px;height:180px;right:4px;top:0;object-fit:contain;filter:drop-shadow(0 14px 9px #324f7220);transform:rotate(8deg)}
.water-orbit{position:absolute;width:170px;height:170px;border:1px solid #ffffff9c;border-radius:50%;top:0;left:-7px}
.water-orbit:before{content:"";position:absolute;inset:16px;border:1px solid #ffffffa8;border-radius:50%}
.water-pedestal{position:absolute;width:130px;height:26px;bottom:-2px;right:0;border-radius:50%;background:#c2dcf5;box-shadow:0 9px 0 #b4d1eb,0 15px 14px #5988b322}.peach .water-pedestal{background:#f9cfb9;box-shadow:0 9px 0 #efbfa7,0 15px 14px #b7836922}.lilac .water-pedestal{background:#d2d5f5;box-shadow:0 9px 0 #c1c8eb,0 15px 14px #697bb322}
.water-controls{position:absolute;bottom:10px;left:20px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:3}
.water-dots{display:flex;gap:5px}.water-dots button{height:5px;width:5px;min-height:5px;border-radius:5px;background:#ffffffc9;padding:0}.water-dots button.selected{width:18px;background:#526f96}
.water-pause{font-size:10px;color:#4d6680;width:25px;height:22px;border-radius:20px;background:#ffffff85}
.v12-mode{padding:4px;border-radius:12px;background:#eceff6;gap:3px;margin:18px 0 14px}.v12-mode button{font-size:12px;color:#758096;padding:10px}.v12-mode button.active{background:#fff;color:#26354c!important;box-shadow:0 3px 9px #4d668610;border-radius:9px}
.product-row{border:1px solid #edf0f5;box-shadow:0 5px 18px #26395705;border-radius:17px;background:white}
.product-image{background:linear-gradient(145deg,#eef4e8,#e4edda);border-radius:12px}.product-row:nth-of-type(2n) .product-image{background:linear-gradient(145deg,#eaf2ff,#dce9fa)}
.product-label h3{color:#253046}.product-label span,.product-price em{color:#7c8798}.product-price strong{color:#24334d}.stepper{background:#f0f3f9}.stepper button{color:#253046}
.product-ops .btn{border-radius:8px;font-weight:500}.btn,.product-ops .btn:last-child{background:#355e99;color:white}.btn:hover{background:#294d80;color:white}
.product-ops .deposit-option{background:#f3f5fa;border:0;color:#4c5b73}.product-ops .deposit-option:first-child{background:#fff1e5;color:#9b6b39}
.product-ops .btn.red{background:#fff0e9;color:#b97456!important}
.rules-box{background:#fff7eb;border:1px solid #f6e6d1}.rules-box h3{color:#89673e}.rules-box .rule{color:#988169!important}
.wallet-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#294b79,#456fa9);color:white;border:0;box-shadow:0 12px 28px #38578719}
.wallet-card:after{content:"";position:absolute;z-index:-1;width:160px;height:160px;border:1px solid #ffffff16;box-shadow:0 0 0 25px #ffffff08,0 0 0 55px #ffffff05;border-radius:50%;right:-45px;bottom:-82px}
.wallet-card .wallet-caption,.wallet-card .wallet-caption button,.wallet-card .wallet-number,.wallet-card .wallet-actions{color:#fff}.wallet-caption{opacity:.85}.wallet-actions button{background:#ffffff20;color:white;border:1px solid #ffffff30}.wallet-actions button:first-of-type{background:#f3cda3;color:#594933;border-color:transparent}
.income-row{position:relative;border:1px solid #edf0f6;background:white;box-shadow:none;padding-left:20px}.income-row:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:#a6c8ee;border-radius:3px}.income-row:nth-of-type(2n):before{background:#efc49d}.income-row:nth-of-type(3n):before{background:#c4b8e5}
.income-row .income-title,.income-row .income-title strong{color:#35415a}.income-row button{color:#74839a}.income-row a{color:#597da9}
.profile-top{background:radial-gradient(ellipse at 100% 0,#ffe9dc,transparent 65%),linear-gradient(120deg,#e6f0ff,#f2f6fd);border:1px solid #e3ebf7;border-radius:18px;margin-top:12px;color:#2e415c}
.profile-top .face{background:#fff9ef;border:1px solid #efd9bf;color:#b18c63}.profile-top .small{color:#78879a}.profile-tags span{background:#ffffff91;border:0;color:#6b7990}
.profile-menu{background:#fff;border:1px solid #edf0f6;box-shadow:none}.profile-menu>a,.profile-menu>button{color:#39465b}.profile-menu .profile-invite-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;padding-top:14px;padding-bottom:14px;padding-right:30px;background:transparent}
.profile-invite-entry span{display:block;text-align:left;min-width:0}.profile-invite-entry small{display:block;font-size:10px;font-weight:400;color:#88909c;margin-top:6px;line-height:1.6}.profile-invite-entry img{width:76px;height:54px;flex:none;object-fit:contain;object-position:center;background:#f6f9fc;border-radius:13px;padding:3px}
.order-item,.member-line,.delivery-row,.detail-card,.stats-block,.reward-block,.empty-state{border-color:#e9edf5}.member-line,.delivery-row{background:white}.status-row button.active,.delivery-status button.active{background:#e9f1fc;color:#2b4770!important}
.fix-form-note,.modal-note,.footer-hint{color:#788497}.footer-hint{font-size:9px}.red,.fix-number,.fix-ordered{color:#c56756!important}.fix-unordered{color:#428378!important}
.mobile-detail .form-section{background:#fff;border:1px solid #edf0f5}.field-row input,.field-row select{background:#f5f7fb;color:#28364b}.admin-home-note{background:linear-gradient(115deg,#e9f1ff,#f5edff)}.admin-home-grid>a:nth-child(3n+1){background:#edf4ff}.admin-home-grid>a:nth-child(3n+2){background:#fff3e7}.admin-home-grid>a:nth-child(3n){background:#f2edfb}
.invite-page{margin:-8px -4px 0}.invite-poster{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 12px 30px #ba7d5d10}
.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 12px}.invite-actions button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:13px 7px;min-width:0;color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 16px #c47f5e12}.invite-save{background:linear-gradient(115deg,#5c96c8,#427cb3)}.invite-share{background:linear-gradient(115deg,#f1997b,#e67966)}
.invite-actions svg{width:23px;height:23px;flex:none}.invite-actions small{display:block;font-size:9px;font-weight:400;opacity:.86;margin-top:4px}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;background:white;padding:12px;border-radius:10px;border:1px solid #f0e6df;color:#7c7a7b}.invite-code b{color:#a57460;margin-left:4px}.invite-code button{display:flex;align-items:center;gap:5px;font-size:11px;color:#526e8e}.invite-code svg{width:14px;height:14px}.invite-note{text-align:center;font-size:10px;line-height:1.7;margin:13px 10px;color:#9a8b82}.invite-demo{text-align:center;margin-top:15px}.invite-demo button{font-size:11px;color:#8995a5;border-bottom:1px solid #cbd3de}.invite-link-field{width:100%;padding:12px;font-size:13px}.invite-save-preview{margin-top:16px}.invite-save-preview p{text-align:center;font-size:12px;color:#876d59;padding:10px}.invite-save-preview img{width:100%;border-radius:16px}
@media(max-width:350px){.member-nav a{padding:9px 10px!important;font-size:11px!important}.water-slide{height:203px;padding:20px 15px 30px}.water-slide h2{font-size:22px}.water-kicker{font-size:9px}.water-scene{right:0;width:41%;top:18px}.water-scene img{width:101px;height:155px;right:0}.water-pedestal{width:105px;bottom:17px}.water-orbit{width:137px;height:137px}.water-slide p{font-size:10px}.water-controls{left:15px}.invite-actions button{gap:5px;font-size:12px}.invite-actions svg{width:19px}}
@media(prefers-reduced-motion:reduce){.water-track{transition:none}}
.shop-mode-forward{animation:shop-mode-forward .18s ease-out both}.shop-mode-back{animation:shop-mode-back .18s ease-out both}
@keyframes shop-mode-forward{from{opacity:.35;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes shop-mode-back{from{opacity:.35;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.shop-mode-forward,.shop-mode-back{animation:none}}