:root{--bg: #eef2f7;--surface: rgba(255, 255, 255, .58);--surface-strong: rgba(255, 255, 255, .78);--surface-muted: rgba(255, 255, 255, .46);--border: rgba(88, 103, 128, .28);--border-strong: rgba(255, 255, 255, .72);--text: #18202d;--muted: #5b687c;--accent: #f15464;--accent-strong: #f46f58;--accent-cool: #20b8d2;--accent-lime: #51b96a;--danger: #d94a45;--ok: #258d61;--shadow: 0 28px 80px rgba(42, 54, 82, .2), 0 2px 8px rgba(42, 54, 82, .1);--shadow-soft: 0 14px 42px rgba(42, 54, 82, .14);--glass-blur: 32px;--radius: 18px;--radius-sm: 12px;--font-sans: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{--bg: #0c1018;--surface: rgba(26, 31, 45, .56);--surface-strong: rgba(35, 41, 58, .72);--surface-muted: rgba(255, 255, 255, .065);--border: rgba(255, 255, 255, .13);--border-strong: rgba(255, 255, 255, .28);--text: #f7f8fb;--muted: #a9b1c2;--accent: #ff6f6f;--accent-strong: #ff9b84;--accent-cool: #64ddd5;--accent-lime: #91e978;--danger: #ff9a91;--ok: #93edb3;--shadow: 0 28px 90px rgba(0, 0, 0, .44);--shadow-soft: 0 16px 44px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);overflow-x:hidden}body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-sans);line-height:1.5;letter-spacing:0;background:radial-gradient(circle at 12% 8%,rgba(241,84,100,.28),transparent 29rem),radial-gradient(circle at 84% 6%,rgba(32,184,210,.24),transparent 31rem),radial-gradient(circle at 58% 92%,rgba(81,185,106,.18),transparent 28rem),linear-gradient(135deg,#fbfcff,#e5ebf5 42%,#f8efee);background-attachment:fixed;overflow-x:hidden}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 10%,rgba(255,111,111,.24),transparent 27rem),radial-gradient(circle at 78% 12%,rgba(100,221,213,.16),transparent 31rem),radial-gradient(circle at 58% 94%,rgba(145,233,120,.08),transparent 28rem),linear-gradient(135deg,#080b11,#121826 48%,#0a0d14)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 72%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.16) 46%,transparent 54%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.18),transparent 36rem);mix-blend-mode:screen}button,input,select,textarea{font:inherit}button,input,select,textarea{border-radius:var(--radius-sm)}button{position:relative;min-width:0;border:1px solid var(--border);color:var(--text);cursor:pointer;background:linear-gradient(180deg,#ffffff2e,#ffffff09),var(--surface-muted);box-shadow:inset 0 1px #ffffff2e,0 8px 22px #00000014;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 54%,var(--border));box-shadow:inset 0 1px #ffffff3d,0 14px 30px #00000024,0 0 28px color-mix(in srgb,var(--accent) 22%,transparent)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:2px}button:disabled{opacity:.52;cursor:not-allowed;transform:none}input,select{min-width:0;width:100%;border:1px solid var(--border);color:var(--text);padding:.78rem .9rem;background:linear-gradient(180deg,#ffffff21,#ffffff09),#ffffff0e;box-shadow:inset 0 1px #ffffff1f}select option{color:#141922}h1,h2,h3,p{margin:0;overflow-wrap:anywhere}h1{font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:0;max-width:760px}h2{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.1}h3{font-size:1rem;line-height:1.25}a{color:inherit}.glass{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff2e,#ffffff0b 44%),var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);transform:translateZ(0);max-width:100%;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 22%,transparent 70%,rgba(255,255,255,.08)),radial-gradient(circle at 12% 8%,rgba(255,255,255,.24),transparent 18rem);opacity:.82}.glass:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;border-radius:calc(var(--radius) - 1px);border:1px solid rgba(255,255,255,.12);background:linear-gradient(115deg,transparent 0%,transparent 36%,rgba(255,255,255,.16) 49%,transparent 62%,transparent 100%);background-size:240% 100%;opacity:0;transition:opacity .18s ease}.glass>*{position:relative;z-index:1}.glass:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));box-shadow:var(--shadow),0 0 36px color-mix(in srgb,var(--accent) 12%,transparent)}.glass:hover:after{opacity:1;animation:glassSheen 1.45s ease}@keyframes glassSheen{0%{background-position:160% 0}to{background-position:-60% 0}}.sidebar,.auth-card,.floating-mike{animation:floatIn .7s ease both}.header{animation:floatSoft 7s ease-in-out infinite}.summary-card:nth-child(1),.stat-chip:nth-child(1){animation:floatSoft 6.6s ease-in-out infinite}.summary-card:nth-child(2),.stat-chip:nth-child(2){animation:floatSoft 7.2s ease-in-out .45s infinite}.summary-card:nth-child(3),.stat-chip:nth-child(3){animation:floatSoft 6.9s ease-in-out .9s infinite}.summary-card:nth-child(4),.stat-chip:nth-child(4){animation:floatSoft 7.5s ease-in-out 1.35s infinite}@keyframes floatIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.eyebrow{color:var(--accent-strong);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.subtext,.status,.status-line{color:var(--muted)}.error{color:var(--danger)}.auth-shell{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-x:hidden}.auth-card{width:min(440px,calc(100vw - 3rem));max-width:440px;min-width:0;padding:1.25rem;display:grid;gap:1rem;box-shadow:var(--shadow),0 0 80px color-mix(in srgb,var(--accent-cool) 12%,transparent)}.auth-card-compact{max-width:440px}.auth-head-row{display:flex;justify-content:flex-end}.auth-head{display:grid;gap:.48rem}.auth-head h1{font-size:clamp(2.1rem,8vw,3.4rem)}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.28rem;border:1px solid var(--border);border-radius:999px;background:#ffffff0e}.auth-tabs button{border-radius:999px;border-color:transparent;padding:.65rem .8rem;min-width:0;white-space:normal}.auth-tabs button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:#fff;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.45),transparent 28%),linear-gradient(135deg,var(--accent),#d94d61)}.auth-form{display:grid;gap:.85rem}.auth-form label,.filter-grid label,.checkout-fields label{display:grid;gap:.4rem;color:var(--muted);font-size:.88rem;font-weight:650}.auth-submit,.auth-google,.theme-btn,.voice-main-btn{padding:.78rem .95rem}.auth-submit,.voice-main-btn,.product-card button{color:#fff;border-color:color-mix(in srgb,var(--accent) 64%,var(--border));background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.42),transparent 28%),linear-gradient(135deg,var(--accent),#d84d62 58%,#a650dd)}.auth-google{background:linear-gradient(180deg,#ffffff29,#ffffff0b),#ffffff14}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.auth-divider span{font-size:.85rem}.auth-diagnostics{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .8rem;background:var(--surface-muted);color:var(--muted);font-size:.86rem}.auth-diagnostics summary{cursor:pointer;color:var(--text);font-weight:700}.auth-diagnostics p{margin-top:.45rem}.app-shell{min-height:100vh;padding:1.25rem 1.25rem 7rem;overflow-x:hidden}.app-layout{width:100%;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:248px minmax(0,1fr);gap:1rem}.sidebar{position:sticky;top:1rem;height:calc(100vh - 2rem);padding:1rem;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;box-shadow:var(--shadow),0 0 58px color-mix(in srgb,var(--accent) 10%,transparent)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border);padding-bottom:.95rem}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:900;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.5),transparent 28%),linear-gradient(145deg,var(--accent),#865df0);box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 32%,transparent)}.sidebar-brand strong{display:block;font-size:1rem}.sidebar-brand p{color:var(--muted);font-size:.84rem}.sidebar-nav{display:grid;gap:.35rem;align-content:start}.sidebar-link{display:flex;align-items:center;gap:.65rem;text-align:left;padding:.72rem .78rem;border-color:transparent;background:transparent;box-shadow:none}.sidebar-link:hover{background:#ffffff12}.sidebar-link.active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--text);background:radial-gradient(circle at 0% 50%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 46%),#ffffff1a;box-shadow:inset 0 1px #ffffff29,0 0 28px color-mix(in srgb,var(--accent) 17%,transparent)}.sidebar-link-icon{width:1.4rem;color:color-mix(in srgb,var(--accent-strong) 78%,var(--muted));text-align:center;font-weight:800}.sidebar-summary{display:grid;gap:.6rem}.sidebar-summary div{padding:.78rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.sidebar-summary span,.stat-chip span,.summary-card span{display:block;color:var(--muted);font-size:.78rem}.sidebar-summary strong,.stat-chip strong,.summary-card strong{display:block;margin-top:.18rem;font-size:1rem}.main-content{min-width:0;width:100%;display:grid;gap:1rem}.topbar,.header,.filters,.voice-panel,.cart-panel,.history-panel,.recommendations,.showcase,.checkout-shell,.settings-card,.faq-card,.simple-panel{padding:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:999px;min-width:0}.topbar-copy{display:grid;gap:.08rem}.topbar-copy strong{font-size:.94rem}.topbar-copy p{color:var(--muted);font-size:.84rem}.topbar-right{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;min-width:0}.topbar-status,.auth-user-chip span,.memory,.panel-count{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.38rem .72rem;color:var(--muted);background:var(--surface-muted);font-size:.84rem}.auth-user-chip{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.header{min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:1.2rem;align-items:end;min-width:0;background:radial-gradient(circle at 12% 10%,rgba(255,111,111,.28),transparent 22rem),radial-gradient(circle at 92% 18%,rgba(100,221,213,.16),transparent 20rem),radial-gradient(circle at 70% 90%,rgba(145,233,120,.1),transparent 18rem),linear-gradient(135deg,#fff3,#ffffff0a),var(--surface);transition:filter .22s ease,opacity .22s ease,box-shadow .22s ease}.header:after{background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 24%,transparent 72%,rgba(255,255,255,.06)),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 52%,transparent 100%);transition:opacity .22s ease}.header.subdued{filter:saturate(.84) brightness(.94)}.header.subdued:after{opacity:.48}.header-copy{display:grid;gap:.7rem;align-content:end}.header-copy .subtext{max-width:720px;font-size:1.04rem}.header-command-preview{width:min(520px,100%);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem;background:#ffffff13;box-shadow:inset 0 1px #ffffff21}.header-command-preview span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.25rem}.header-stats,.simple-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.78rem}.header .header-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-chip,.summary-card{padding:.95rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff1c,#ffffff09),var(--surface-muted);box-shadow:inset 0 1px #ffffff1f}.stat-chip:hover,.summary-card:hover,.cart-item:hover,.history-item:hover,.review-card:hover,.faq-item:hover,.setting-row:hover{border-color:color-mix(in srgb,var(--accent-cool) 30%,var(--border));box-shadow:inset 0 1px #ffffff29,0 12px 28px #0000001f;transform:translateY(-2px)}.summary-card{min-height:126px;display:grid;align-content:space-between;gap:.45rem}.summary-card p{color:var(--muted);font-size:.88rem}.memory{width:fit-content;gap:.45rem;grid-column:1 / -1}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.86fr);gap:1rem;min-width:0;align-items:start}.stack{display:grid;gap:1rem;align-content:start}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem}.simple-actions,.category-list,.payment-methods,.settings-actions{display:flex;gap:.65rem;flex-wrap:wrap}.simple-actions button,.category-list button,.filter-actions button,.payment-methods button,.checkout-actions button,.settings-actions button,.cart-foot button{padding:.7rem .9rem}.filters{display:grid;gap:.9rem}.showcase{display:grid;gap:.9rem;min-width:0;align-self:start}.showcase-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.showcase-grid{display:grid;gap:.85rem}.showcase-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.9rem;align-items:center;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff1c,#ffffff09),var(--surface-muted);min-width:0}.showcase-card img{width:100%;height:112px;object-fit:cover;border-radius:calc(var(--radius-sm) - 2px);display:block}.showcase-copy{min-width:0;display:grid;gap:.28rem}.showcase-copy h3,.showcase-copy p{margin:0}.showcase-copy h3{font-size:1rem;line-height:1.25;overflow-wrap:anywhere}.showcase-copy p{color:var(--muted);font-size:.9rem}.filter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.filter-actions{display:flex;gap:.5rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.grid-wrap{min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.92rem;min-width:0}.product-card{display:grid;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-6px) scale(1.01);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:var(--shadow),0 0 38px color-mix(in srgb,var(--accent) 16%,transparent);animation-play-state:paused}.product-card:nth-child(3n+1){animation:productFloat 8s ease-in-out infinite}.product-card:nth-child(3n+2){animation:productFloat 8.8s ease-in-out .6s infinite}.product-card:nth-child(3n+3){animation:productFloat 9.4s ease-in-out 1.1s infinite}@keyframes productFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.product-card:hover{animation:none;transform:translateY(-6px) scale(1.01)}.product-card img{width:100%;height:188px;object-fit:contain;padding:1.1rem;background:radial-gradient(circle at 50% 35%,#fffffff5,#f2f4f8db 58%,#ffffff6b),#ffffff9e}:root[data-theme=dark] .product-card img{background:radial-gradient(circle at 50% 35%,#fffffffa,#eceff4eb 58%,#ffffffb3),#fff}.product-card .content{display:grid;gap:.58rem;padding:.95rem}.card-head{display:grid;gap:.45rem}.category-badge{width:fit-content;color:var(--muted);font-size:.78rem;border:1px solid var(--border);border-radius:999px;padding:.18rem .52rem;background:var(--surface-muted)}.brand-line{color:var(--accent-cool);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.desc{color:var(--muted);font-size:.88rem}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--muted);font-size:.82rem}.meta strong{color:var(--text);font-size:1.05rem}.meta span{border:1px solid var(--border);border-radius:999px;padding:.18rem .5rem;background:var(--surface-muted)}.product-card button,.reco-chip,.manual-row button{padding:.7rem .9rem}.cart-head,.checkout-head,.checkout-summary-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.cart-items,.history-list,.reco-list,.summary-items,.settings-list,.faq-list{display:grid;gap:.72rem}.cart-item,.history-item,.summary-item,.review-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.82rem;background:var(--surface-muted);min-width:0}.cart-foot,.checkout-trust{margin-top:1rem}.cart-foot{display:grid;gap:.62rem}.history-label{display:inline-flex;min-width:38px;justify-content:center;border:1px solid var(--border);border-radius:999px;padding:.12rem .45rem;margin-right:.5rem;font-size:.74rem;color:var(--accent-strong);background:#ffffff0e}.user,.assistant,.history-time{font-size:.92rem}.history-time{color:var(--muted)}.reco-chip{display:flex;justify-content:space-between;gap:1rem;width:100%;text-align:left}.voice-panel{display:grid;gap:.86rem;border-color:color-mix(in srgb,var(--accent-cool) 22%,var(--border))}.voice-panel-head,.voice-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center}.voice-orb{width:48px;height:48px;border-radius:999px;background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.72),transparent 24%),linear-gradient(145deg,#ffffff29,#ffffff09);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff2e;animation:orbDrift 5.5s ease-in-out infinite}.voice-orb span{display:block;width:100%;height:100%;border-radius:inherit}.voice-orb.active{background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.72),transparent 24%),linear-gradient(145deg,var(--accent-cool),var(--accent-lime));box-shadow:0 0 26px color-mix(in srgb,var(--accent-cool) 42%,transparent),inset 0 1px #ffffff47}@keyframes orbDrift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}.toggle{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted)}.toggle input{width:auto}.voice-transcript,.voice-fallback,.checkout-head-meta,.checkout-trust{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.86rem;background:var(--surface-muted)}.voice-transcript-label{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.35rem}.recognized{font-weight:750}.noise-tip{margin-top:.35rem;color:var(--muted);font-size:.88rem}.manual-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.quick-cmds{display:flex;flex-wrap:wrap;gap:.5rem}.quick-cmds button{padding:.55rem .75rem}.floating-mike{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;display:grid;justify-items:end;gap:.65rem;transition:opacity .18s ease,transform .18s ease}.floating-mike-card{width:min(334px,calc(100vw - 2rem));padding:.9rem;display:none;gap:.75rem}.floating-mike:hover .floating-mike-card,.floating-mike:focus-within .floating-mike-card,.floating-mike.listening .floating-mike-card,.floating-mike.awake .floating-mike-card{display:grid}.floating-mike.compact .floating-mike-card{display:none!important}.floating-transcript{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:.65rem;font-size:.9rem}.floating-actions{display:flex;justify-content:flex-end;gap:.5rem}.floating-actions button{padding:.55rem .75rem}.mike-orb-button{position:relative;width:74px;height:74px;border-radius:999px;border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:#fff;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 68% 78%,rgba(100,221,213,.38),transparent 34%),linear-gradient(145deg,var(--accent),#955cff 74%);box-shadow:0 18px 44px #00000052,0 0 42px color-mix(in srgb,var(--accent) 32%,transparent);overflow:visible;isolation:isolate;animation:mikeFloat 3.3s ease-in-out infinite;transition:width .18s ease,height .18s ease,opacity .18s ease,box-shadow .18s ease,transform .18s ease}.mike-orb-button:disabled{filter:grayscale(1)}.mike-ambient,.mike-core,.mike-orbit{position:absolute;border-radius:999px;pointer-events:none}.mike-ambient{top:-16px;right:-16px;bottom:-16px;left:-16px;background:radial-gradient(circle,rgba(121,225,255,.32) 0%,rgba(121,225,255,.12) 34%,transparent 72%);filter:blur(10px);opacity:.95;z-index:0;animation:mikeAmbientPulse 2.4s ease-in-out infinite}.mike-core{top:10px;right:10px;bottom:10px;left:10px;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.95),rgba(255,255,255,.18) 24%,transparent 26%),radial-gradient(circle at 70% 76%,rgba(100,221,213,.4),transparent 34%),radial-gradient(circle at center,rgba(255,169,191,.16),transparent 64%);box-shadow:inset 0 1px #ffffff70,0 0 20px #76e2ff57;z-index:1;animation:mikeCoreShift 3.4s ease-in-out infinite}.mike-name{position:relative;z-index:2;font-weight:900;text-shadow:0 0 12px rgba(255,255,255,.34),0 0 20px rgba(121,225,255,.28)}.mike-pulse{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:inherit;border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);opacity:0;z-index:0}.floating-mike.listening .mike-pulse,.floating-mike.awake .mike-pulse{animation:mikePulse 1.35s ease-out infinite}.mike-orbit{top:50%;left:50%;width:8px;height:8px;margin-left:-4px;margin-top:-4px;background:radial-gradient(circle,#fffffff2,#79e1ff7a);box-shadow:0 0 10px #79e1ff85,0 0 18px #ff7ea547;z-index:2}.mike-orbit-one{animation:mikeOrbit 3.2s linear infinite}.mike-orbit-two{width:6px;height:6px;margin-left:-3px;margin-top:-3px;animation:mikeOrbitReverse 2.6s linear infinite}.floating-mike.awake .mike-orb-button{border-color:var(--ok);box-shadow:0 18px 44px #00000052,0 0 52px #91e97847,0 0 88px #75e0ff29}.floating-mike.compact .mike-orb-button{width:64px;height:64px;opacity:.74;box-shadow:0 12px 28px #00000047,0 0 28px color-mix(in srgb,var(--accent) 22%,transparent);animation-duration:4.2s}.app-shell.voice-focus-active .floating-mike{opacity:.86;transform:translateY(2px)}@keyframes mikePulse{0%{opacity:.74;transform:scale(.92)}to{opacity:0;transform:scale(1.38)}}@keyframes mikeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes mikeAmbientPulse{0%,to{transform:scale(.94);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes mikeCoreShift{0%,to{transform:scale(.98);filter:saturate(1)}50%{transform:scale(1.05);filter:saturate(1.18)}}@keyframes mikeOrbit{0%{transform:rotate(0) translate(46px) rotate(0)}to{transform:rotate(360deg) translate(46px) rotate(-360deg)}}@keyframes mikeOrbitReverse{0%{transform:rotate(360deg) translate(32px) rotate(-360deg)}to{transform:rotate(0) translate(32px) rotate(0)}}.voice-target-active{position:relative;isolation:isolate}.voice-target-active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 32%),linear-gradient(135deg,#75e0ff38,#9dffce29);box-shadow:0 0 0 1px #93ebff57,0 0 28px #65e3ff38,0 0 54px #9dffce1f;animation:voiceTargetHalo 1.4s ease-in-out infinite}.voice-magic-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;pointer-events:none;overflow:hidden}.voice-magic-edge-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.voice-magic-edge{position:absolute;opacity:.56;filter:blur(14px);mix-blend-mode:screen}.voice-magic-edge.top,.voice-magic-edge.bottom{left:4.5vw;right:4.5vw;height:26px}.voice-magic-edge.left,.voice-magic-edge.right{top:7vh;bottom:7vh;width:24px}.voice-magic-edge.top{top:0;background:radial-gradient(circle at 18% 50%,rgba(255,158,199,.78),transparent 20%),radial-gradient(circle at 50% 50%,rgba(103,214,255,.88),transparent 24%),radial-gradient(circle at 82% 50%,rgba(173,255,214,.76),transparent 20%);animation:voiceEdgeSweepHorizontal 4.8s ease-in-out infinite alternate}.voice-magic-edge.bottom{bottom:0;background:radial-gradient(circle at 12% 50%,rgba(94,206,255,.48),transparent 18%),radial-gradient(circle at 50% 50%,rgba(189,237,255,.58),transparent 24%),radial-gradient(circle at 88% 50%,rgba(255,132,191,.42),transparent 18%);animation:voiceEdgeSweepHorizontal 5.8s ease-in-out infinite alternate-reverse}.voice-magic-edge.left{left:0;background:radial-gradient(circle at 50% 18%,rgba(255,157,199,.52),transparent 20%),radial-gradient(circle at 50% 50%,rgba(118,219,255,.54),transparent 22%),radial-gradient(circle at 50% 82%,rgba(165,255,217,.42),transparent 18%);animation:voiceEdgeSweepVertical 5.2s ease-in-out infinite alternate}.voice-magic-edge.right{right:0;background:radial-gradient(circle at 50% 22%,rgba(120,220,255,.44),transparent 18%),radial-gradient(circle at 50% 54%,rgba(255,168,204,.34),transparent 22%),radial-gradient(circle at 50% 84%,rgba(176,255,219,.38),transparent 18%);animation:voiceEdgeSweepVertical 6.1s ease-in-out infinite alternate-reverse}.voice-magic-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 34%,rgba(174,232,255,.1),transparent 16rem),radial-gradient(circle at 50% 72%,rgba(255,155,198,.06),transparent 20rem),linear-gradient(180deg,#05081014,#04070e33);backdrop-filter:blur(5px) saturate(104%);-webkit-backdrop-filter:blur(5px) saturate(104%)}.voice-magic-done-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 44%,rgba(214,255,240,.08),transparent 18rem),radial-gradient(circle at 50% 50%,rgba(143,228,255,.05),transparent 26rem);animation:voiceDoneFlash .62s ease-out forwards}.voice-magic-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.voice-magic-beam{fill:none;stroke-linecap:round;stroke-dasharray:14 14;opacity:.94;animation:voiceBeamFlow 1.1s linear infinite}.voice-magic-beam-glow{stroke:#a7ebff33;stroke-width:16;filter:blur(18px);opacity:.62}.voice-magic-beam-core{stroke:url(#voice-magic-beam-gradient);stroke-width:3.2}.voice-magic-beam-pulse{fill:none;stroke:#f2feffeb;stroke-width:3.8;stroke-linecap:round;stroke-dasharray:10 220;filter:blur(1.2px);animation:voiceBeamPulse .9s linear infinite}.voice-magic-target{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:999px;border:1px solid rgba(199,238,250,.72);background:radial-gradient(circle,rgba(255,255,255,.92),rgba(126,225,255,.1) 72%,transparent 74%);box-shadow:0 0 0 8px #75e0ff0d,0 0 22px #75e0ff3d;animation:voiceTargetPulse 1.15s ease-out infinite}.voice-target-active:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:inherit;pointer-events:none;border:1px solid rgba(203,245,255,.26);box-shadow:inset 0 0 0 1px #bff3ff0f,0 0 28px #83ebff1f;animation:voiceTargetLock 1.2s ease-in-out infinite}.voice-magic-center{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:.9rem}.voice-magic-focus-ring{position:absolute;top:-3rem;right:-3rem;bottom:-3rem;left:-3rem;border-radius:999px;pointer-events:none}.voice-magic-focus-halo,.voice-magic-focus-grid{position:absolute}.voice-magic-focus-halo{top:0;right:0;bottom:0;left:0;border-radius:inherit}.voice-magic-focus-halo.primary{border:1px solid rgba(196,236,247,.08);box-shadow:0 0 0 1px #c4ecf70a,0 0 38px #68c7e714}.voice-magic-focus-halo.secondary{top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(196,236,247,.07);opacity:.55}.voice-magic-focus-grid{background:#bfe8f712}.voice-magic-focus-grid.horizontal{top:50%;left:12%;right:12%;height:1px}.voice-magic-focus-grid.vertical{top:12%;bottom:12%;left:50%;width:1px}.voice-magic-membrane-shell{position:relative;width:min(196px,46vw);aspect-ratio:1;filter:drop-shadow(0 0 18px rgba(171,231,255,.06)) drop-shadow(0 0 40px rgba(77,164,201,.06));animation:voiceMembraneBreathe 5.4s ease-in-out infinite}.voice-magic-aura,.voice-magic-fog,.voice-magic-core-shadow,.voice-magic-node-network,.voice-magic-dot-cloud,.voice-magic-filaments,.voice-magic-inner-points,.voice-magic-contours,.voice-magic-halo-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.voice-magic-aura{top:10%;right:10%;bottom:10%;left:10%;border-radius:56% 44% 49% 51%/48% 56% 44% 52%;background:radial-gradient(circle at 40% 38%,rgba(255,255,255,.08),transparent 22%),radial-gradient(circle at 60% 58%,rgba(149,229,255,.08),transparent 26%),radial-gradient(circle at 56% 50%,rgba(86,126,154,.1),transparent 56%);filter:blur(20px);animation:voiceAuraPulse 3s ease-in-out infinite}.voice-magic-fog{top:16%;right:16%;bottom:16%;left:16%;border-radius:51% 49% 52% 48%/43% 57%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.04),transparent 22%),radial-gradient(circle at 48% 54%,rgba(138,225,255,.1),transparent 44%),radial-gradient(circle at 65% 62%,rgba(145,189,215,.08),transparent 30%);filter:blur(12px)}.voice-magic-node-network{top:9%;right:9%;bottom:9%;left:9%;opacity:.68;mix-blend-mode:screen}.voice-magic-node-network svg{width:100%;height:100%;overflow:visible}.voice-magic-network-link{stroke:#b4e9f838;stroke-width:.52;stroke-linecap:round;stroke-dasharray:2.8 3.8;filter:drop-shadow(0 0 3px rgba(132,219,247,.18));animation:voiceNetworkFlow 3.6s linear infinite;animation-delay:var(--link-delay)}.voice-magic-network-node{position:absolute;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.96),rgba(187,235,249,.72) 42%,rgba(89,172,203,.18) 72%,transparent);box-shadow:0 0 10px #b5ecf93d,0 0 22px #58a7c524;animation:voiceNetworkNodePulse 3s ease-in-out infinite;animation-delay:var(--network-delay)}.voice-magic-dot-cloud{mix-blend-mode:screen}.voice-magic-dot-cloud-back{opacity:.46;transform:scale(.95);filter:blur(.35px)}.voice-magic-dot-cloud-front{opacity:.9}.voice-magic-dot-cloud span,.voice-magic-inner-points span{position:absolute;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.92),rgba(196,232,245,.74) 36%,rgba(83,144,176,.18) 72%,transparent);box-shadow:0 0 8px #ade6fb2e,0 0 14px #5da0c11f;animation:voicePointFloat var(--point-duration) ease-in-out infinite;animation-delay:var(--point-delay)}.voice-magic-inner-points{top:24%;right:24%;bottom:24%;left:24%;opacity:.9}.voice-magic-inner-points span{background:radial-gradient(circle,rgba(255,255,255,.8),rgba(199,229,240,.48) 40%,rgba(122,216,250,.14) 72%,transparent)}.voice-magic-core-shadow{top:23%;right:23%;bottom:23%;left:23%;border-radius:47% 53% 49% 51%/55% 42% 58% 45%;background:radial-gradient(circle at 50% 44%,rgba(2,4,8,.92),rgba(4,8,14,.72) 42%,rgba(10,15,24,.24) 68%,transparent 78%);box-shadow:inset 0 0 48px #ffffff05,0 0 26px #03060c57;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);animation:voiceCoreMorph 8s ease-in-out infinite alternate}.voice-magic-filaments{top:17%;right:17%;bottom:17%;left:17%}.voice-magic-filaments span,.voice-magic-contours span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:55% 45% 57% 43%/44% 55% 45% 56%}.voice-magic-filaments span{border-top:1px solid rgba(227,237,242,.34);border-right:1px solid rgba(139,215,240,.16);transform:rotate(var(--filament-rotate)) scaleX(var(--filament-scale-x)) scaleY(var(--filament-scale-y));filter:blur(.3px);opacity:.58;animation:voiceFilamentDrift 4.8s ease-in-out infinite;animation-delay:var(--filament-delay)}.voice-magic-contours{top:13%;right:13%;bottom:13%;left:13%}.voice-magic-contours span{border:1px solid rgba(202,226,237,.1);mix-blend-mode:screen;animation:voiceContourShift 5.4s ease-in-out infinite}.voice-magic-contours span:nth-child(2){transform:rotate(48deg) scaleX(.94) scaleY(1.08);animation-delay:.22s}.voice-magic-contours span:nth-child(3){transform:rotate(102deg) scaleX(1.08) scaleY(.88);animation-delay:.44s}.voice-magic-contours span:nth-child(4){transform:rotate(144deg) scaleX(.9) scaleY(1.06);animation-delay:.66s}.voice-magic-halo-nodes span{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(175,233,250,.38) 46%,transparent 76%);transform:translate(-50%,-50%) rotate(var(--node-angle)) translate(var(--node-distance));box-shadow:0 0 12px #b0eafa3d,0 0 20px #62a5bf24;animation:voiceHaloPulse 2.6s ease-in-out infinite;animation-delay:var(--node-delay)}.voice-magic-panel{position:fixed;left:50%;bottom:max(1.15rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(470px,calc(100vw - 1.4rem));padding:.78rem .9rem;text-align:left;border-color:#c4e4ef29;background:linear-gradient(135deg,#ffffff17,#ffffff08),#060a103d;box-shadow:var(--shadow),0 0 26px #76c7e60f;backdrop-filter:blur(20px) saturate(116%);-webkit-backdrop-filter:blur(20px) saturate(116%)}.voice-magic-panel-head,.voice-magic-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.voice-magic-badge,.voice-magic-stage-chip,.voice-magic-meta span{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(196,228,239,.14);background:#0a0e1457;color:#d4ebf4d1}.voice-magic-badge,.voice-magic-stage-chip{padding:.34rem .68rem;font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.voice-magic-stage-chip.stage-listening{border-color:#8adeff38}.voice-magic-stage-chip.stage-thinking{border-color:#c3e4ff38}.voice-magic-stage-chip.stage-acting,.voice-magic-stage-chip.stage-done{border-color:#a5ffd538}.voice-magic-panel strong,.voice-magic-panel p{display:block}.voice-magic-panel strong{margin-top:.52rem;font-size:clamp(1rem,2vw,1.22rem);line-height:1.2}.voice-magic-transcript{max-width:60ch;margin-top:.28rem;color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}.voice-magic-flow,.voice-magic-route{display:flex;flex-wrap:wrap;gap:.5rem}.voice-magic-flow{margin-top:.72rem}.voice-magic-flow-step,.voice-magic-route-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(196,228,239,.12);background:#0a0e1442;color:#d0e1eabd}.voice-magic-flow-step{padding:.32rem .62rem;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.voice-magic-flow-step.active{border-color:#b0ebfd47;color:#e5f7fcf5;box-shadow:0 0 0 1px #b4ebfc14,0 0 18px #6ddaf714}.voice-magic-flow-step.complete{border-color:#a6ffd63d;color:#d5f8e8f0}.voice-magic-route{margin-top:.62rem}.voice-magic-route-chip{padding:.34rem .64rem;font-size:.78rem;color:#d2e5eed1}.voice-magic-meta{margin-top:.75rem}.voice-magic-meta span{padding:.3rem .58rem;font-size:.77rem;color:#cde0e8c2}.app-shell.voice-focus-active .voice-panel,.app-shell.voice-focus-active .topbar,.app-shell.voice-focus-active .summary-card,.app-shell.voice-focus-active .simple-panel,.app-shell.voice-focus-active .history-panel,.app-shell.voice-focus-active .recommendations,.app-shell.voice-focus-active .showcase{transition:opacity .22s ease,filter .22s ease}.app-shell.voice-focus-active .voice-panel{opacity:.9}.voice-magic-layer.stage-listening .voice-magic-beam,.voice-magic-layer.stage-thinking .voice-magic-beam,.voice-magic-layer.stage-listening .voice-magic-target,.voice-magic-layer.stage-thinking .voice-magic-target{opacity:0}.voice-magic-layer.stage-thinking .voice-magic-membrane-shell{animation-duration:2.2s}.voice-magic-layer.stage-thinking .voice-magic-dot-cloud span,.voice-magic-layer.stage-thinking .voice-magic-inner-points span{animation-duration:1.6s}.voice-magic-layer.stage-thinking .voice-magic-network-link{stroke:#c6effb47;animation-duration:2.4s}.voice-magic-layer.stage-thinking .voice-magic-network-node{animation-duration:2.1s}.voice-magic-layer.stage-acting .voice-magic-membrane-shell,.voice-magic-layer.stage-done .voice-magic-membrane-shell{animation-duration:3.1s;filter:drop-shadow(0 0 28px rgba(174,233,251,.12)) drop-shadow(0 0 52px rgba(102,181,215,.1))}.voice-magic-layer.stage-acting .voice-magic-contours span,.voice-magic-layer.stage-done .voice-magic-contours span{border-color:#d6eaf22e}.voice-magic-layer.stage-acting .voice-magic-network-link,.voice-magic-layer.stage-done .voice-magic-network-link{stroke:#c1f8e652;stroke-width:.62;filter:drop-shadow(0 0 4px rgba(154,255,213,.18)) drop-shadow(0 0 8px rgba(111,214,245,.12))}.voice-magic-layer.stage-acting .voice-magic-network-node,.voice-magic-layer.stage-done .voice-magic-network-node{box-shadow:0 0 12px #c4f4fa4d,0 0 26px #64dfdf33}.voice-magic-layer.stage-done .voice-magic-target{animation-duration:.9s}@keyframes voiceBeamFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-84}}@keyframes voiceTargetPulse{0%{transform:translate(-50%,-50%) scale(.92);opacity:.78}to{transform:translate(-50%,-50%) scale(1.24);opacity:0}}@keyframes voiceBeamPulse{0%{stroke-dashoffset:0;opacity:.34}35%{opacity:1}to{stroke-dashoffset:-230;opacity:.2}}@keyframes voiceNetworkFlow{0%{stroke-dashoffset:0;opacity:.52}50%{opacity:.92}to{stroke-dashoffset:-18;opacity:.56}}@keyframes voiceNetworkNodePulse{0%,to{transform:translate(-50%,-50%) scale(.94);opacity:.58}50%{transform:translate(calc(-50% + var(--network-drift-x)),calc(-50% + var(--network-drift-y))) scale(1.14);opacity:1}}@keyframes voiceEdgeSweepHorizontal{0%{transform:translate(-1.8%) scaleX(.98)}to{transform:translate(1.8%) scaleX(1.02)}}@keyframes voiceEdgeSweepVertical{0%{transform:translateY(-2.2%) scaleY(.98)}to{transform:translateY(2.2%) scaleY(1.02)}}@keyframes voiceTargetHalo{0%,to{opacity:.66}50%{opacity:1}}@keyframes voiceTargetLock{0%,to{opacity:.52;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes voiceDoneFlash{0%{opacity:0}16%{opacity:1}to{opacity:0}}@keyframes voiceAuraPulse{0%,to{transform:scale(.92);opacity:.68}50%{transform:scale(1.06);opacity:.98}}@keyframes voicePointFloat{0%,to{transform:translate(-50%,-50%) scale(.84)}50%{transform:translate(calc(-50% + var(--point-drift-x)),calc(-50% + var(--point-drift-y))) scale(1.18)}}@keyframes voiceMembraneBreathe{0%,to{transform:scale(.98) rotate(0)}35%{transform:scale(1.03) rotate(-2deg)}65%{transform:scale(.995) rotate(2deg)}}@keyframes voiceCoreMorph{0%{border-radius:47% 53% 49% 51%/55% 42% 58% 45%;transform:rotate(0) scale(.98)}to{border-radius:55% 45% 57% 43%/42% 58% 46% 54%;transform:rotate(9deg) scale(1.04)}}@keyframes voiceFilamentDrift{0%,to{opacity:.4;filter:blur(.2px)}50%{opacity:.86;filter:blur(.8px)}}@keyframes voiceContourShift{0%,to{opacity:.18}50%{opacity:.4}}@keyframes voiceHaloPulse{0%,to{opacity:.26;transform:translate(-50%,-50%) rotate(var(--node-angle)) translate(var(--node-distance)) scale(.8)}50%{opacity:.96;transform:translate(-50%,-50%) rotate(var(--node-angle)) translate(var(--node-distance)) scale(1.35)}}.checkout-shell{display:grid;gap:1rem}.checkout-head-meta span,.checkout-trust span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.2rem}.checkout-steps{display:flex;gap:.5rem;flex-wrap:wrap}.checkout-steps span{border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;color:var(--muted);background:var(--surface-muted)}.checkout-steps span.active,.payment-methods button.active{border-color:var(--accent);color:var(--accent-strong)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:1rem}.checkout-form,.checkout-summary{display:grid;gap:1rem}.checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.checkout-actions{display:flex;flex-wrap:wrap;gap:.5rem}.summary-rows{display:grid;gap:.5rem}.summary-rows p{display:flex;justify-content:space-between;gap:1rem}.payable{font-weight:800}.checkout-selected-payment{display:grid;gap:.15rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem .95rem;background:var(--surface-muted)}.checkout-selected-payment span{color:var(--muted);font-size:.78rem}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.review-card strong,.review-card p,.summary-item span,.summary-item strong{display:block;overflow-wrap:anywhere}.payment-direct-panel{display:grid;gap:.85rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-cool) 16%,transparent),transparent 10rem),linear-gradient(180deg,#ffffff1f,#ffffff0a),var(--surface-muted)}.payment-direct-copy{display:grid;gap:1rem}.payment-flow-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.payment-flow-switch button{padding:.82rem .8rem}.payment-flow-switch button.active{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface-muted))}.payment-direct-copy p{color:var(--muted)}.payment-direct-badge{width:fit-content;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:999px;padding:.32rem .72rem;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.payment-direct-points{display:flex;flex-wrap:wrap;gap:.6rem}.payment-direct-points span{border:1px solid var(--border);border-radius:999px;padding:.36rem .68rem;background:#ffffff14;color:var(--muted);font-size:.8rem}.demo-qr-panel{display:grid;gap:.9rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent-lime) 30%,var(--border));background:color-mix(in srgb,var(--accent-lime) 9%,transparent);border-radius:var(--radius)}.demo-qr-copy{display:grid;gap:.35rem}.demo-qr-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:center}.demo-qr-card img,.demo-qr-fallback{width:100%;max-width:220px;aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;padding:.7rem}.demo-qr-fallback{display:grid;place-items:center;color:#111827;font-weight:600}.demo-qr-meta{display:grid;gap:.65rem}.demo-qr-meta p{display:grid;gap:.2rem}.demo-qr-meta span{color:var(--muted);font-size:.82rem}.demo-qr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.demo-qr-steps span{padding:.7rem .8rem;text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-strong) 70%,transparent)}.checkout-empty,.checkout-success{padding:1rem}.success-badge{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem;margin-bottom:.75rem;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.settings-list{margin-top:1rem}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.78rem .9rem;background:var(--surface-muted)}.setting-row input{width:auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:.78rem .9rem}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{margin-top:.5rem;color:var(--muted)}.menu-btn,.sidebar-backdrop,.mobile-nav{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width: 1180px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:grid;gap:.75rem;padding:.75rem;position:sticky;top:.5rem;z-index:30;box-shadow:var(--shadow-soft)}.mobile-nav .sidebar-brand{display:none}.mobile-nav .sidebar-nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.mobile-nav .sidebar-nav::-webkit-scrollbar{display:none}.mobile-nav .sidebar-link{flex:0 0 auto;min-height:44px;padding:.62rem .78rem;border-radius:999px;white-space:nowrap;background:#ffffff0f;border-color:var(--border)}.mobile-nav .sidebar-link-icon{width:auto}.mobile-nav .sidebar-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.mobile-nav .sidebar-summary div{padding:.58rem .62rem}.mobile-nav .sidebar-summary span{font-size:.68rem}.mobile-nav .sidebar-summary strong{font-size:.86rem}.sidebar-backdrop{display:none}.menu-btn{display:none;padding:.7rem .9rem}.header{grid-template-columns:1fr;min-height:auto}.header .header-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes mobileNavDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 880px){.topbar,.voice-panel-head,.voice-toolbar,.filter-head,.cart-head,.checkout-head,.checkout-summary-head{flex-direction:column;align-items:flex-start}.header-stats,.simple-grid,.filter-grid,.review-grid,.checkout-fields,.checkout-grid,.layout{grid-template-columns:1fr}.topbar{border-radius:var(--radius);gap:.65rem}}@media (max-width: 640px){.app-shell,.auth-shell{padding:.75rem}.app-shell{padding-bottom:6.25rem}.app-layout,.main-content{gap:.75rem}.topbar,.header,.filters,.voice-panel,.cart-panel,.history-panel,.recommendations,.showcase,.checkout-shell,.settings-card,.faq-card,.simple-panel{padding:.85rem}.topbar-copy{display:none}.topbar-right{flex-direction:row;align-items:center}.showcase-card{grid-template-columns:1fr}.showcase-card img{height:180px}.topbar-status,.auth-user-chip span{max-width:100%}.header{min-height:auto}.header-command-preview{padding:.75rem}.header .header-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-chip,.summary-card{min-height:auto;padding:.78rem}.grid{grid-template-columns:1fr}.product-card img{height:150px}.filter-grid{gap:.6rem}.auth-shell{align-items:flex-start;justify-content:flex-start}.auth-card{width:min(100%,360px);max-width:360px;padding:1rem;margin-left:0;margin-right:0}h1{font-size:2.35rem}.manual-row{grid-template-columns:1fr}.topbar-right,.settings-actions,.simple-actions,.category-list,.quick-cmds,.filter-actions{width:100%}.auth-tabs{gap:.3rem;padding:.22rem}.auth-tabs button,.auth-submit,.auth-google,.theme-btn,.voice-main-btn,.manual-row button,.quick-cmds button{padding-left:.62rem;padding-right:.62rem}.header-copy .subtext,.auth-head .subtext{max-width:100%}.topbar-right button,.filter-actions button,.simple-actions button,.category-list button,.settings-actions button{flex:1 1 auto}.floating-mike{right:.75rem;bottom:.75rem}.voice-magic-membrane-shell{width:min(190px,56vw)}.voice-magic-panel{width:min(420px,calc(100vw - 1rem));padding:.78rem .82rem}.voice-magic-focus-ring{top:-2rem;right:-2rem;bottom:-2rem;left:-2rem}.voice-magic-panel-head,.voice-magic-meta{gap:.5rem}.mike-orb-button{width:58px;height:58px}.floating-mike-card{max-height:min(420px,calc(100dvh - 6rem));overflow-y:auto}.summary-item,.reco-chip,.auth-user-chip{flex-direction:column;align-items:flex-start}}@media (max-width: 420px){.auth-shell{align-items:flex-start}.auth-card{margin-top:.65rem}.auth-head h1,h1{font-size:2rem}.auth-head .subtext,.subtext,.status{font-size:.92rem}.floating-mike-card{width:calc(100vw - 1.5rem)}}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.primary-cta{padding:.92rem 1.2rem;color:#fff;border-color:color-mix(in srgb,var(--accent) 64%,var(--border));background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.42),transparent 28%),linear-gradient(135deg,#ff7a32,#f15464 55%,#d44ab0)}.secondary-cta{padding:.84rem 1.05rem}.modern-cart-panel,.checkout-address-card,.checkout-summary-card{padding:1.15rem}.cart-head-meta{display:grid;gap:.2rem;justify-items:end;text-align:right}.cart-head-meta span{color:var(--muted);font-size:.8rem}.cart-summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.cart-summary-strip div,.checkout-benefit{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem;background:var(--surface-muted)}.cart-summary-strip span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.2rem}.cart-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:.85rem;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.82rem;background:var(--surface-muted);min-width:0}.cart-item img,.checkout-summary-item img{width:76px;height:76px;object-fit:contain;border-radius:16px;background:#ffffffe0;padding:.65rem}.cart-item-copy,.checkout-summary-item div,.cart-empty-state{display:grid;gap:.25rem;min-width:0}.cart-item-actions{display:grid;gap:.6rem;justify-items:end}.cart-qty-controls{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:999px;padding:.25rem;background:#ffffff14}.cart-qty-controls button{min-width:2rem;padding:.48rem .58rem;border-radius:999px}.cart-qty-controls span{min-width:1.6rem;text-align:center;font-weight:700}.cart-item-remove{padding:.62rem .78rem}.cart-inline-actions{display:flex;gap:.65rem;flex-wrap:wrap}.checkout-page{display:grid;gap:1rem}.checkout-page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}.checkout-page-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.checkout-page-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:1rem;align-items:start}.checkout-card-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;margin-bottom:1rem}.checkout-chip{border:1px solid var(--border);border-radius:999px;padding:.38rem .72rem;background:var(--surface-muted);color:var(--muted);font-size:.8rem}.checkout-chip-live{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 38%,var(--border));background:color-mix(in srgb,var(--ok) 10%,transparent)}.checkout-chip-warning{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 38%,var(--border));background:color-mix(in srgb,var(--danger) 10%,transparent)}.modern-checkout-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.checkout-field-span{grid-column:1 / -1}.checkout-benefits{display:grid;gap:.75rem;margin-top:1rem}.checkout-summary-items{display:grid;gap:.72rem;max-height:360px;overflow-y:auto;padding-right:.25rem}.checkout-summary-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:.85rem;align-items:center}.summary-breakdown{margin-top:1rem}.checkout-payable-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:1.05rem}.checkout-payment-note{margin-top:1rem;padding:.9rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-cool) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-cool) 26%,var(--border))}.payment-gateway-panel{margin-top:1rem;padding:1rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:linear-gradient(180deg,#ffffff1a,#ffffff08),color-mix(in srgb,var(--accent-cool) 10%,transparent);display:grid;gap:.95rem}.payment-gateway-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.payment-gateway-head h3{margin-top:.25rem}.payment-refresh-btn{white-space:nowrap}.payment-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.payment-status-card{padding:.9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 74%,transparent)}.payment-status-card span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.payment-status-card strong{display:block;margin-bottom:.35rem}.payment-interface-preview{border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:color-mix(in srgb,var(--surface-strong) 78%,transparent)}.payment-interface-bar{display:flex;align-items:center;gap:.45rem;padding:.75rem .9rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted) 86%,transparent)}.payment-interface-dot{width:.65rem;height:.65rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 70%,white)}.payment-interface-body{display:grid;gap:.85rem;padding:.95rem}.payment-interface-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.payment-interface-methods button{padding:.75rem .6rem}.payment-interface-methods button.active{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface-muted))}.payment-interface-copy{display:grid;gap:.55rem}.checkout-pay-button{width:100%;margin-top:1rem}.checkout-error{margin-top:.85rem}.button-spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;animation:buttonSpin .8s linear infinite}@keyframes buttonSpin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.checkout-page-grid{grid-template-columns:1fr}.payment-status-grid,.payment-interface-methods,.demo-qr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-qr-card{grid-template-columns:1fr}}@media (max-width: 640px){.checkout-page-head,.checkout-page-actions{flex-direction:column;align-items:stretch}.modern-checkout-fields,.cart-summary-strip,.payment-gateway-head,.payment-status-grid,.payment-interface-methods,.payment-flow-switch,.demo-qr-steps,.cart-item,.checkout-summary-item{grid-template-columns:1fr}.cart-item-actions{justify-items:stretch}}