:root{--bg:#070b12;--bg-soft:#0b111c;--surface:#ffffff0a;--surface-2:#ffffff10;--surface-solid:#121a28;--border:#ffffff13;--border-strong:#ffffff24;--mint:#00e0aa;--mint-dim:#00b88c;--blue:#3aa0ff;--grad:linear-gradient(135deg, #00e0aa, #3aa0ff);--text:#eef4fb;--text-2:#eef4fb9e;--text-3:#eef4fb57;--danger:#ff5d78;--warn:#ffc857;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:26px;--shadow:0 8px 28px #0000006b;--glow:0 0 0 1px #00e0aa59, 0 8px 30px #00e0aa29;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}body{overscroll-behavior-y:none;background-image:radial-gradient(900px 500px at 12% -10%,#00e0aa17,#0000 60%),radial-gradient(800px 500px at 100% 0,#3aa0ff12,#0000 55%);background-attachment:fixed}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer}input:focus,select:focus,textarea:focus{outline:none}input,select,textarea{font-size:16px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app{flex-direction:column;min-height:100dvh;display:flex}.wrap{width:100%;max-width:560px;margin:0 auto;padding:0 14px}@media (min-width:900px){.wrap{max-width:1180px;padding:0 24px}}.topbar{z-index:60;padding-top:var(--sat);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#070b12f2;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:10px;height:56px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--grad);border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:17px;display:grid;box-shadow:0 0 18px #00e0aa57}.brand-name{letter-spacing:-.2px;font-size:14px;font-weight:800;line-height:1.15}.brand-sub{color:var(--text-3);font-size:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.card-pad-lg{padding:20px}.section-label{letter-spacing:1.1px;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:10px;font-weight:800;display:block}.field{border-radius:var(--r);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:13px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.field::placeholder{color:var(--text-3)}.field:focus{border-color:#00e0aa80;box-shadow:0 0 0 3px #00e0aa1a}.bignum{width:100%;color:var(--text);letter-spacing:-1px;background:0 0;border:none;padding:0 64px 0 0;font-size:34px;font-weight:900}.btn{border-radius:var(--r);-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:15px;font-weight:800;transition:transform .12s,opacity .15s,border-color .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-primary{background:var(--grad);color:#04121c;box-shadow:0 8px 26px #00e0aa42}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-2)}.btn-ghost:active{background:var(--surface-2)}.btn-danger-ghost{border-color:var(--border);color:var(--text-3);background:0 0}.btn-block{width:100%}.btn-sm{border-radius:var(--r-sm);min-height:38px;padding:0 13px;font-size:13px}.btn-lg{border-radius:var(--r-lg);min-height:56px;font-size:16px}.chiprow{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.chiprow::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);color:var(--text-3);white-space:nowrap;text-transform:capitalize;background:0 0;border-radius:999px;flex:none;padding:8px 14px;font-size:12.5px;font-weight:700}.chip[data-on=true]{color:var(--mint);background:#00e0aa1f;border-color:#00e0aa80}.tilegrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:560px){.tilegrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.tilegrid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}.tile{text-align:left;border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--surface);-webkit-tap-highlight-color:transparent;padding:14px;transition:transform .16s cubic-bezier(.34,1.4,.64,1),border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.tile:active{transform:scale(.97)}.tile[data-on=true]{border-color:var(--mint);box-shadow:var(--glow);background:#00e0aa1a}.tile[data-on=true]:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#00e0aa29,#0000 65%);position:absolute;inset:0}.tile-icon{margin-bottom:8px;font-size:24px}.tile-name{font-size:13px;font-weight:700;line-height:1.3}.tile-unit{color:var(--text-3);margin-top:2px;font-size:10.5px}.tile-price{letter-spacing:-.4px;margin-top:8px;font-size:20px;font-weight:900}.pickrow{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.pickrow-4{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.pick{border-radius:var(--r);border:1.5px solid var(--border);background:var(--surface);min-height:62px;color:var(--text-3);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 6px;transition:border-color .15s,background .15s,color .15s,transform .12s;display:flex}.pick:active{transform:scale(.97)}.pick[data-on=true]{color:var(--mint);background:#00e0aa21;border-color:#00e0aa8c;box-shadow:0 0 18px #00e0aa24}.pick-icon{font-size:19px}.pick-label{font-size:12px;font-weight:800}.pick-note{opacity:.8;font-size:10px;font-weight:600}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-sm{color:var(--text-2);font-size:13px}.total-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.total-value{color:var(--mint);letter-spacing:-.8px;font-size:27px;font-weight:900}.dock{z-index:55;padding:14px 0 calc(14px + var(--sab));background:linear-gradient(to top, var(--bg) 70%, #070b12ed);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);margin-top:auto;position:sticky;bottom:0}.dock-space{padding-bottom:26px}.pos-grid{display:block}@media (min-width:900px){.pos-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:26px;display:grid}.pos-grid>section:last-child{margin-top:0!important}}details>summary::-webkit-details-marker{display:none}.modal-bg{z-index:200;-webkit-backdrop-filter:blur(12px);background:#03060bc7;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:640px){.modal-bg{align-items:center;padding:20px}}.sheet{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:460px;max-height:92dvh;padding:22px 20px calc(22px + var(--sab));animation:.26s cubic-bezier(.22,1,.36,1) sheet-up;overflow-y:auto}@media (min-width:640px){.sheet{border-radius:var(--r-xl);padding-bottom:22px;animation:.24s fade-up}}.sheet-grip{background:var(--border-strong);border-radius:99px;width:38px;height:4px;margin:-8px auto 14px}@media (min-width:640px){.sheet-grip{display:none}}.alert{border-radius:var(--r);align-items:center;gap:9px;padding:12px 14px;font-size:13.5px;font-weight:600;line-height:1.45;display:flex}.alert-error{color:var(--danger);background:#ff5d781f;border:1px solid #ff5d784d}.alert-warn{color:var(--warn);background:#ffc8571a;border:1px solid #ffc85747}.alert-ok{color:var(--mint);background:#00e0aa1a;border:1px solid #00e0aa4d}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.mint{color:var(--mint)}.tnum{font-variant-numeric:tabular-nums}.hint{color:var(--text-3);font-size:11.5px;line-height:1.6}.divider{background:var(--border);height:1px;margin:14px 0}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.hide-phone{display:none}@media (min-width:900px){.hide-phone{display:initial}}.only-phone{display:initial}@media (min-width:900px){.only-phone{display:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #00e0aa33;border-top-color:var(--mint);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}