*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{user-select:text;-webkit-user-select:text}:root{--bg: #0a0a0f;--bg2: #13131a;--card: #14131a;--text: #f5f5f5;--hint: #8b899c;--accent: #04D9FF;--accent2: #7c3aed;--price: #FFC93C;--pink: #FF3D8A;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: rgba(255,255,255,.06);--overlay: rgba(8,8,12,.88);--shadow: 0 2px 10px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-sm: 0 1px 4px rgba(0,0,0,.25);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{min-height:100dvh;padding-bottom:calc(72px + var(--safe-bottom));padding-top:var(--safe-top);position:relative;z-index:1;animation:pageFadeIn .22s cubic-bezier(.25,.46,.45,.94) both}.page-fade{animation:pageFadeOnly .18s ease both}@keyframes pageFadeIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeOnly{0%{opacity:0}to{opacity:1}}.page-body{display:flex;flex-direction:column;gap:10px;padding:12px 16px calc(80px + var(--safe-bottom))}.page-header{position:sticky;top:0;z-index:50;background:#0a0a0fe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.page-header-premium{position:sticky;top:0;z-index:50;background:var(--overlay);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.page-title{flex:1;font-size:17px;font-weight:700;letter-spacing:-.02em}.header-logo{flex-shrink:0;width:28px;height:28px;overflow:hidden}.parallax-header-logo{will-change:transform;transition:transform .05s linear}.header-brand{flex:1;display:flex;flex-direction:column}.header-brand-name{font-size:18px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#04d9ff,#7eeeff,#04d9ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s linear infinite}@keyframes textShine{0%{background-position:0% center}to{background-position:200% center}}.header-brand-sub{font-size:10px;color:var(--hint);margin-top:-1px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:16px;background:var(--bg)}.loading-logo{position:relative;display:inline-flex;align-items:center;justify-content:center}.logo-ring:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);border-right-color:#04d9ff4d;animation:ringSpin 1.2s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:6px;align-items:center;justify-content:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:loadingDot 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1;box-shadow:0 0 8px #04d9ff99}}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.refresh-spin{animation:spin .8s linear infinite}.card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:14px}.card-glow{background:linear-gradient(135deg,#04d9ff0f,#7c3aed0a);border:1px solid rgba(4,217,255,.15);border-radius:var(--radius);padding:14px;box-shadow:0 0 20px #04d9ff0f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);border:none;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn-full{width:100%}.btn-primary{background:var(--accent);color:#000}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.1)}.btn-ghost{background:transparent;color:var(--hint)}.btn-ghost:hover{color:var(--text)}.btn-success{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.3)}.btn-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn:disabled{opacity:.4;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:4px}.label{font-size:12px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.05em}.input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-family:var(--font);font-size:14px;outline:none;width:100%;transition:border-color .15s}.input:focus{border-color:#04d9ff66}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle input{display:none}.toggle-track{width:44px;height:26px;border-radius:13px;background:#ffffff1a;transition:background .2s}.toggle input:checked~.toggle-track{background:var(--accent)}.toggle-thumb{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px #0000004d}.toggle input:checked~.toggle-thumb{transform:translate(18px)}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.scroll-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;flex-wrap:nowrap;white-space:nowrap}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{flex-shrink:0}.divider{height:1px;background:#ffffff12}.pill{padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600;border:1.5px solid rgba(255,255,255,.08);cursor:pointer;white-space:nowrap;transition:all .2s;background:#ffffff0a;color:#ffffff80;-webkit-user-select:none}.pill.active{background:#04d9ff1f;border-color:#04d9ff66;color:var(--accent);box-shadow:0 0 12px #04d9ff26}.pill-v2{padding:7px 16px;border-radius:99px;font-size:12px;font-weight:700;border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all .2s;background:var(--card);color:var(--hint);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:5px;position:relative;overflow:hidden;-webkit-user-select:none}.pill-v2.active{background:#04d9ff1f;border-color:#04d9ff66;color:var(--accent);box-shadow:0 0 12px #04d9ff26,inset 0 0 12px #04d9ff0d}.pill-v2.active:after{content:"";position:absolute;top:-50%;left:-75%;width:40%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:pill-shine 2.5s ease-in-out infinite}@keyframes pill-shine{0%{left:-75%}to{left:125%}}.section-title{font-size:11px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;padding:10px 2px 2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--hint)}.glow-text{color:var(--accent);text-shadow:0 0 20px rgba(4,217,255,.4)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.sheet{background:#13131af2;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(4,217,255,.18);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 16px calc(20px + var(--safe-bottom));width:100%;box-shadow:0 -8px 40px #04d9ff14,inset 0 1px #ffffff0f}.user-banner{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:10px}.user-banner-v2{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.user-banner-v2:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(4,217,255,.08),transparent 70%);pointer-events:none}.avatar-ring{position:relative;flex-shrink:0}.avatar-ring img,.avatar-ring .avatar-placeholder{width:38px;height:38px;border-radius:50%;object-fit:cover;position:relative;z-index:1;border:2px solid rgba(4,217,255,.4)}.avatar-ring .avatar-placeholder{background:#04d9ff26;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--accent)}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.design-card{border-radius:16px;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);overflow:visible;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;will-change:transform}.design-card:active{transform:scale(.97);transition:transform .1s ease}.design-card.selected{border-color:#04d9ff99;background:#04d9ff0d;box-shadow:0 0 0 1px #04d9ff33,0 4px 20px #04d9ff26,inset 0 0 20px #04d9ff0a}.design-card-anim{aspect-ratio:1;background:#00000026;position:relative;border-radius:14px 14px 0 0;overflow:hidden}.design-card-info{padding:7px 9px 9px}.design-card-price{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.design-card-cat{font-size:9px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.design-card-check{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 12px #04d9ffb3,0 2px 4px #0000004d}.design-card-accent{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),#7c3aed);opacity:0;transition:opacity .2s ease;border-radius:0 0 14px 14px}.design-card.selected .design-card-accent{opacity:0}.design-card-press-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(circle at center,rgba(4,217,255,.12),transparent 70%);opacity:0;pointer-events:none;animation:pressGlow .4s ease forwards;z-index:1}@keyframes pressGlow{0%{opacity:0;transform:scale(.8)}30%{opacity:1}to{opacity:0;transform:scale(1.1)}}.new-badge{position:absolute;top:6px;right:6px;z-index:3;background:linear-gradient(135deg,#ff4d4d,#ff8a00);color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.05em;animation:newBadgePulse 1.6s ease-in-out infinite}@keyframes newBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 6px #ff4d4d80}50%{transform:scale(1.08);box-shadow:0 0 14px #ff8a00cc}}.anim-skeleton{border-radius:inherit;background:linear-gradient(100deg,#ffffff08 30%,#04d9ff14,#ffffff08 70%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cart-bar{position:fixed;bottom:calc(72px + var(--safe-bottom));left:16px;right:16px;background:var(--accent);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;z-index:90;box-shadow:0 4px 24px #04d9ff66;cursor:pointer;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:translateY(120px) scale(.8);opacity:0}60%{transform:translateY(-8px) scale(1.03);opacity:1}80%{transform:translateY(4px) scale(.98)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes bounceOut{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(-6px) scale(1.02)}to{transform:translateY(120px) scale(.85);opacity:0}}.cart-bar-enter{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.cart-bar-exit{animation:bounceOut .35s cubic-bezier(.55,0,1,.45) forwards}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-bottom);background:var(--overlay);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-top:1px solid var(--border);display:flex;z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 8px;gap:4px;font-size:10px;font-weight:600;color:var(--hint);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease;position:relative}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item{transition:color .2s ease}.bottom-nav-item svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .2s ease}.bottom-nav-item.active svg{transform:translateY(-2px) scale(1.15)}.bottom-nav-item span{transition:color .2s ease,transform .2s ease}.bottom-nav-item.active span{transform:scale(1.05)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px rgba(4,217,255,.6))}.bottom-nav-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;border-radius:0 0 4px 4px;background:var(--accent);box-shadow:0 0 8px #04d9ff99}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.07);padding-bottom:var(--safe-bottom);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;gap:3px;font-size:9px;font-weight:600;color:var(--hint);cursor:pointer;transition:color .15s}.tab-item.active{color:var(--accent)}.discount-banner{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;animation:neon-border-green 2s ease-in-out infinite}@keyframes neon-border-green{0%,to{border-color:#22c55e4d;box-shadow:0 0 8px #22c55e1a}50%{border-color:#22c55e99;box-shadow:0 0 16px #22c55e40}}.discount-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:800;background:var(--success);color:#000;text-transform:uppercase;letter-spacing:.05em}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.mesh-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.18;mix-blend-mode:screen}.mesh-blob-1{width:280px;height:280px;background:radial-gradient(circle,#04D9FF,transparent 70%);top:-60px;left:-60px;animation:meshFloat1 18s ease-in-out infinite}.mesh-blob-2{width:220px;height:220px;background:radial-gradient(circle,#7c3aed,transparent 70%);top:30%;right:-80px;animation:meshFloat2 22s ease-in-out infinite}.mesh-blob-3{width:260px;height:260px;background:radial-gradient(circle,#04D9FF,transparent 70%);bottom:-80px;left:20%;animation:meshFloat3 25s ease-in-out infinite}@keyframes meshFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,60px) scale(1.15)}66%{transform:translate(-20px,30px) scale(.9)}}@keyframes meshFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-40px) scale(1.2)}}@keyframes meshFloat3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(30px,-50px) scale(1.1)}70%{transform:translate(-40px,20px) scale(.95)}}.confetti-piece{position:fixed;top:-10px;z-index:999;pointer-events:none;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(720deg);opacity:.15}}.achievement-toast{position:fixed;top:calc(20px + var(--safe-top));left:50%;transform:translate(-50%) translateY(-120px);z-index:999;background:linear-gradient(135deg,#04d9fff2,#7c3aede6);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #04d9ff66;max-width:90vw;animation:achievementIn .5s cubic-bezier(.34,1.56,.64,1) forwards,achievementOut .4s ease 3.2s forwards}@keyframes achievementIn{to{transform:translate(-50%) translateY(0)}}@keyframes achievementOut{to{transform:translate(-50%) translateY(-120px);opacity:0}}.timeline-line{stroke-dasharray:100;stroke-dashoffset:100;animation:drawLine .8s ease forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.date-group-header{font-size:11px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;padding:10px 2px 2px}.page-header-premium .header-logo{flex-shrink:0}.parallax-header-logo{will-change:transform}.skeleton-card{pointer-events:none}.skeleton-shimmer{border-radius:inherit;background:linear-gradient(100deg,#ffffff08 30%,#04d9ff14,#ffffff08 70%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-line{border-radius:4px}.balance-pill{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;text-align:right;flex-shrink:0}.design-card.selected-simple{border-color:#04d9ff99;background:#04d9ff0d;box-shadow:none}.new-badge.no-pulse{animation:none}@keyframes cardGrowIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.design-card.card-animate-in{animation:cardGrowIn .4s cubic-bezier(.34,1.56,.64,1) both}.icon-btn-press{transition:transform .1s ease,opacity .1s ease}.icon-btn-press:active{transform:scale(.88);opacity:.7}.dot-loader-wrap{position:relative;display:inline-block}.dot-loader-circle{width:20%;height:20%;position:absolute;border-radius:50%;background-color:var(--text);left:15%;transform-origin:50%;animation:dotLoaderCircle .5s alternate infinite ease}@keyframes dotLoaderCircle{0%{top:100%;height:8%;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:33%;border-radius:50%;transform:scaleX(1)}to{top:0%}}.dot-loader-circle:nth-child(2){left:45%;animation-delay:.2s}.dot-loader-circle:nth-child(3){left:auto;right:15%;animation-delay:.3s}.dot-loader-shadow{width:20%;height:7%;border-radius:50%;background-color:#0006;position:absolute;top:103%;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:dotLoaderShadow .5s alternate infinite ease}@keyframes dotLoaderShadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}.dot-loader-shadow:nth-child(5){left:45%;animation-delay:.2s}.dot-loader-shadow:nth-child(6){left:auto;right:15%;animation-delay:.3s}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--dur-fast: .14s;--dur-med: .26s;--dur-slow: .42s;--glow-accent: 0 0 18px rgba(4,217,255,.35)}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.page-enter{animation:pageEnter var(--dur-med) var(--ease-out) both}.stagger>*{animation:pageEnter var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.btn,.design-card,.bottom-nav-item,.cart-bar{transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-med) ease,background var(--dur-med) ease,border-color var(--dur-med) ease;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.95)}.design-card:active{transform:scale(.97)}.cart-bar:active{transform:scale(.98)}.btn-primary{box-shadow:0 4px 18px #04d9ff40}.btn-primary:active{box-shadow:0 2px 8px #04d9ff33}@keyframes navIndicatorIn{0%{opacity:0;transform:translate(-50%) scaleX(.2)}to{opacity:1;transform:translate(-50%) scaleX(1)}}.bottom-nav{backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.bottom-nav-indicator{animation:navIndicatorIn var(--dur-med) var(--ease-spring) both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{to{opacity:0}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheetOut{to{transform:translateY(100%)}}.overlay{animation:overlayIn var(--dur-med) ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet{animation:sheetIn .38s var(--ease-out) both}.overlay.is-closing{animation:overlayOut .22s ease both}.sheet.is-closing{animation:sheetOut .22s var(--ease-in) both}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.92)}to{opacity:1;transform:none}}.toast{animation:toastIn .35s var(--ease-spring) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.design-card.selected{box-shadow:var(--glow-accent),var(--shadow)}.design-card-check{animation:checkPop .3s var(--ease-spring) both}@keyframes checkPop{0%{transform:scale(0) rotate(-90deg)}to{transform:none}}html[data-gfx=low] *,html[data-gfx=low] *:before,html[data-gfx=low] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.ob-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0a0a0f;display:flex;flex-direction:column;overflow:hidden;animation:pageFadeIn .3s ease;touch-action:pan-y}.ob-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ob-orb{position:absolute;border-radius:50%;filter:blur(40px);will-change:transform}.ob-orb-1{top:-15%;left:-15%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(124,58,237,.32),transparent 70%);animation:meshFloat1 8s ease-in-out infinite}.ob-orb-2{bottom:-15%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(4,217,255,.26),transparent 70%);animation:meshFloat2 10s ease-in-out infinite}.ob-orb-3{top:40%;right:-20%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(255,61,138,.16),transparent 70%);animation:meshFloat3 12s ease-in-out infinite}.ob-top{display:flex;justify-content:space-between;align-items:center;padding:calc(16px + var(--safe-top)) 16px 16px;position:relative;z-index:1}.ob-counter{font-size:12px;font-weight:700;color:#fff6;letter-spacing:1px}.ob-skip{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:99px;color:#ffffffa6;font-size:13px;font-weight:600;cursor:pointer;padding:6px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-med) ease}.ob-skip:active{transform:scale(.92);background:#ffffff24}.ob-content{flex:1;display:flex;align-items:center;justify-content:center;padding:0 32px;position:relative;z-index:1}.ob-slide{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;animation:obSlide .5s var(--ease-out) both}.ob-hero{position:relative;display:flex;align-items:center;justify-content:center;width:220px;height:220px}.ob-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:radial-gradient(circle,rgba(4,217,255,.22),rgba(124,58,237,.12) 50%,transparent 72%);animation:obGlow 3.2s ease-in-out infinite}.ob-float{position:relative;animation:obFloat 4s ease-in-out infinite}.ob-fallback{color:var(--accent);filter:drop-shadow(0 0 14px rgba(4,217,255,.6))}.ob-title{font-size:26px;font-weight:800;line-height:1.2;background:linear-gradient(135deg,#04d9ff,#a78bfa,#ff3d8a);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:obRise .55s var(--ease-out) .12s both,textShine 5s linear infinite}.ob-desc{font-size:15px;color:#ffffff9e;line-height:1.7;max-width:320px;animation:obRise .55s var(--ease-out) .22s both}.ob-dots{display:flex;justify-content:center;gap:8px;padding-bottom:calc(110px + var(--safe-bottom));position:relative;z-index:1}.ob-dot{width:8px;height:8px;border-radius:99px;background:#ffffff29;cursor:pointer;transition:width .4s var(--ease-spring),background .3s ease,box-shadow .3s ease}.ob-dot.active{width:26px;background:linear-gradient(90deg,#04d9ff,#7c3aed);box-shadow:0 0 12px #04d9ff99}@keyframes obSlide{0%{opacity:0;transform:translate(var(--dx)) scale(.96)}to{opacity:1;transform:none}}@keyframes obRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes obFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes obGlow{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}html[data-gfx=low] .ob-orbs{display:none}html{scroll-behavior:smooth}body{overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}::selection{background:#04d9ff4d}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);pointer-events:none;animation:btnShine 4.5s ease-in-out infinite}@keyframes btnShine{0%,60%{left:-80%}to{left:140%}}.card{transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) ease,border-color var(--dur-med) ease}.card:active{transform:scale(.985)}@media (hover: hover){.card:hover{transform:translateY(-2px);border-color:#04d9ff40;box-shadow:0 8px 24px #0006}.design-card:hover{transform:translateY(-3px)}}.page-header-premium{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.bottom-nav-item{position:relative}.bottom-nav-item.active:before{content:"";position:absolute;top:4px;right:10px;bottom:4px;left:10px;border-radius:14px;z-index:-1;background:radial-gradient(circle at 50% 0%,rgba(4,217,255,.16),transparent 75%);animation:overlayIn var(--dur-med) ease both}.cart-bar{animation-name:bounceIn,cartGlow;animation-duration:.5s,3s;animation-iteration-count:1,infinite;animation-delay:0s,.5s;animation-timing-function:cubic-bezier(.34,1.56,.64,1),ease-in-out;animation-fill-mode:forwards,none}@keyframes cartGlow{0%,to{box-shadow:0 6px 20px #04d9ff33}50%{box-shadow:0 6px 28px #04d9ff73}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-gfx=low] .btn-primary:after,html[data-gfx=low] .cart-bar{animation:none!important}html[data-gfx=balanced] .btn-primary:after{display:none}.lb-hero{text-align:center;padding:16px;animation:pageEnter var(--dur-slow) var(--ease-out) both}.lb-hero-icon{display:inline-flex;filter:drop-shadow(0 0 12px rgba(255,215,0,.35));animation:obFloat 4s ease-in-out infinite}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:18px 0 20px}.lb-col{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center}.lb-person{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;position:relative;width:100%;text-align:center;animation:lbPop .6s var(--ease-spring) both}.lb-col-1 .lb-person{animation-delay:.35s}.lb-col-2 .lb-person{animation-delay:.55s}.lb-col-3 .lb-person{animation-delay:.75s}.lb-crown{filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:obFloat 2.6s ease-in-out infinite}.lb-avatar-glow{border-radius:50%;animation:lbGold 2.4s ease-in-out infinite}.lb-name{font-size:12px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-amount{font-size:13px;font-weight:800}.lb-bar{width:100%;border-radius:12px 12px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 32%,transparent),color-mix(in srgb,var(--c) 6%,transparent));border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-bottom:none;transform-origin:bottom;animation:lbGrow .7s var(--ease-out) both}.lb-col-1 .lb-bar{animation-delay:.1s}.lb-col-2 .lb-bar{animation-delay:.3s}.lb-col-3 .lb-bar{animation-delay:.5s}.lb-list{display:flex;flex-direction:column;gap:8px}@keyframes lbGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes lbPop{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:none}}@keyframes lbGold{0%,to{box-shadow:0 0 10px #ffd70059}50%{box-shadow:0 0 26px #ffd700bf}}.pf-auto>*{animation:pageEnter var(--dur-slow) var(--ease-out) both}.pf-auto>*:nth-child(2){animation-delay:70ms}.pf-auto>*:nth-child(3){animation-delay:.14s}.pf-auto>*:nth-child(4){animation-delay:.21s}.pf-auto>*:nth-child(5){animation-delay:.28s}.pf-auto>*:nth-child(n+6){animation-delay:.35s}.pf-auto>.card-glow:first-child>img,.pf-auto>.card-glow:first-child>div:first-child{animation:pfRing 3s ease-in-out infinite}@keyframes pfRing{0%,to{box-shadow:0 0 #04d9ff73,0 0 14px #04d9ff40}50%{box-shadow:0 0 0 7px #04d9ff00,0 0 24px #04d9ff80}}.pf-bar{position:relative;overflow:hidden;background:linear-gradient(90deg,#04d9ff,#7c3aed);box-shadow:0 0 10px #04d9ff80;transition:width .8s var(--ease-out);animation:pfFill 1s var(--ease-out) both}.pf-bar:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);animation:pfShine 2.8s ease-in-out infinite}@keyframes pfFill{0%{width:0}}@keyframes pfShine{0%{left:-50%}60%,to{left:130%}}html[data-gfx=low] .pf-auto>.card-glow:first-child>img,html[data-gfx=low] .pf-auto>.card-glow:first-child>div:first-child,html[data-gfx=low] .pf-bar:after{animation:none!important}html[data-gfx=balanced] .pf-bar:after{display:none}.lb-tabs{position:relative;display:flex;background:#ffffff0d;border:1px solid var(--border);border-radius:14px;padding:4px;margin-bottom:10px}.lb-tab-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:10px;background:linear-gradient(135deg,#04d9ff40,#7c3aed40);border:1px solid rgba(4,217,255,.35);box-shadow:0 0 14px #04d9ff40;transition:transform .4s var(--ease-spring)}.lb-tab{position:relative;z-index:1;flex:1;background:none;border:none;color:var(--hint);font-size:13px;font-weight:700;padding:9px 0;cursor:pointer;transition:color var(--dur-med) ease;-webkit-tap-highlight-color:transparent}.lb-tab.active{color:var(--text)}.lb-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:11px;color:var(--hint)}.lb-reset{display:inline-flex;align-items:center;gap:4px}.lb-mychip{padding:3px 10px;border-radius:99px;background:#04d9ff1f;color:var(--accent);font-weight:700;border:1px solid rgba(4,217,255,.25)}.lb-mine{border:1px solid rgba(4,217,255,.5)!important;background:#04d9ff14!important;box-shadow:0 0 16px #04d9ff33}@keyframes dropIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes pillPop{0%{transform:scale(.88)}60%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes countPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.35)}to{transform:scale(1);opacity:1}}.page-header-premium{animation:dropIn var(--dur-slow) var(--ease-out) both}.user-banner-v2{animation:pageEnter var(--dur-slow) var(--ease-out) 80ms both}.balance-pill{transition:transform var(--dur-fast) var(--ease-spring)}.balance-pill:active{transform:scale(.94)}.search-box{transition:border-color var(--dur-med) ease,box-shadow var(--dur-med) ease,transform var(--dur-med) var(--ease-spring)}.search-box:focus-within{border-color:#04d9ff8c!important;box-shadow:0 0 0 3px #04d9ff1f,0 0 18px #04d9ff33;transform:translateY(-1px)}.scroll-row{scroll-behavior:smooth;scroll-snap-type:x proximity}.pill-v2{transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-med) ease,background var(--dur-med) ease,color var(--dur-med) ease,border-color var(--dur-med) ease;-webkit-tap-highlight-color:transparent;scroll-snap-align:start}.pill-v2:active{transform:scale(.92)}.pill-v2.active{animation:pillPop .4s var(--ease-spring) both;box-shadow:0 0 14px #04d9ff59}.cart-count-pop{animation:countPop .4s var(--ease-spring) both}.icon-btn-press{transition:transform var(--dur-fast) var(--ease-spring)}.icon-btn-press:active{transform:scale(.88)}html[data-gfx=low] .search-box:focus-within{box-shadow:none;transform:none}.scroll-row{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grab}.scroll-row.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.scroll-row.dragging *{pointer-events:none}@media (pointer: coarse){.scroll-row{cursor:auto}}.design-card-anim:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-18deg);pointer-events:none;opacity:0}.design-card:active .design-card-anim:after{opacity:1;animation:cardSweep .55s var(--ease-out) both}@keyframes cardSweep{0%{left:-70%}to{left:130%}}.design-card.selected{animation:selGlow 2.6s ease-in-out infinite}@keyframes selGlow{0%,to{box-shadow:0 0 0 1px #04d9ff40,0 4px 18px #04d9ff26,inset 0 0 18px #04d9ff0a}50%{box-shadow:0 0 0 1px #04d9ff80,0 6px 28px #04d9ff52,inset 0 0 24px #04d9ff14}}.design-card.selected.card-animate-in{animation:cardGrowIn .4s var(--ease-spring) both,selGlow 2.6s ease-in-out .4s infinite}.design-card>button{transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-med) ease;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.design-card>button:active{transform:scale(.8)}.design-card>button svg{transition:transform .35s var(--ease-spring)}.design-card>button:active svg{transform:scale(1.35)}.new-badge{overflow:hidden}.new-badge:after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:badgeShine 3.2s ease-in-out infinite}@keyframes badgeShine{0%,55%{left:-80%}to{left:140%}}.new-badge.no-pulse:after{display:none}.design-card-price{transition:transform var(--dur-med) var(--ease-spring);transform-origin:left center}.design-card.selected .design-card-price{transform:scale(1.08)}.skeleton-card{animation:pageEnter var(--dur-slow) var(--ease-out) both}.skeleton-card:nth-child(2n) .skeleton-shimmer{animation-delay:.2s}.skeleton-card:nth-child(3n) .skeleton-shimmer{animation-delay:.4s}html[data-gfx=balanced] .design-card.selected,html[data-gfx=balanced] .design-card.selected.card-animate-in{animation:cardGrowIn .4s var(--ease-spring) both}html[data-gfx=balanced] .new-badge:after,html[data-gfx=low] .new-badge:after,html[data-gfx=low] .design-card-anim:after{display:none}html[data-gfx=low] .design-card>button{backdrop-filter:none;-webkit-backdrop-filter:none}.drag-active{cursor:grabbing!important;-webkit-user-select:none;user-select:none;scroll-snap-type:none!important;scroll-behavior:auto!important}.drag-active *{pointer-events:none}@media (pointer: fine){*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}*::-webkit-scrollbar{display:block;width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:99px}*::-webkit-scrollbar-track{background:transparent}}.oc-page{position:relative;overflow:hidden}.oc-badge{position:relative;width:84px;height:84px;border-radius:50%;background:#22c55e26;border:2px solid var(--success);display:flex;align-items:center;justify-content:center;animation:ocPop .6s var(--ease-spring) both;box-shadow:0 0 28px #22c55e59}.oc-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid rgba(34,197,94,.5);animation:ocRing 2.2s ease-out infinite}.oc-ring-2{animation-delay:1.1s}.oc-check{stroke-dasharray:40;stroke-dashoffset:40;animation:ocDraw .5s var(--ease-out) .45s forwards}.oc-title{font-size:24px;font-weight:800;margin-bottom:6px;background:linear-gradient(135deg,#22c55e,#04d9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.oc-rise{animation:pageEnter .55s var(--ease-out) var(--d, 0s) both}.oc-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.oc-confetti span{position:absolute;top:-20px;border-radius:2px;opacity:0;animation:ocFall linear both}@keyframes ocPop{0%{transform:scale(0)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ocRing{0%{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}@keyframes ocDraw{to{stroke-dashoffset:0}}@keyframes ocFall{0%{opacity:1;translate:0 0}to{opacity:0;translate:30px 105vh}}.op-line{transform-origin:left center}.op-line.on{animation:opGrow .5s var(--ease-out) both}.op-dot-active{animation:opPulse 2s ease-in-out infinite}@keyframes opGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes opPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}html[data-gfx=low] .oc-confetti,html[data-gfx=low] .oc-ring{display:none}html[data-gfx=balanced] .op-dot-active{animation:none}.pay-auto>*{animation:pageEnter var(--dur-slow) var(--ease-out) both}.pay-auto>*:nth-child(2){animation-delay:70ms}.pay-auto>*:nth-child(3){animation-delay:.14s}.pay-auto>*:nth-child(4){animation-delay:.21s}.pay-auto>*:nth-child(n+5){animation-delay:.28s}.pay-short{animation:payShake .5s ease .3s both,payWarn 2.4s ease-in-out .8s infinite}@keyframes payShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes payWarn{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 18px #ef44444d}}html[data-gfx=low] .pay-short,html[data-gfx=balanced] .pay-short{animation:payShake .5s ease .3s both}html[data-gfx=low] .pay-short{animation:none}.wl-auto>*{animation:pageEnter var(--dur-slow) var(--ease-out) both}.wl-auto>*:nth-child(2){animation-delay:70ms}.wl-auto>*:nth-child(3){animation-delay:.14s}.wl-auto>*:nth-child(n+4){animation-delay:.21s}.wl-icon{display:inline-flex;filter:drop-shadow(0 0 12px rgba(4,217,255,.55));animation:obFloat 4s ease-in-out infinite}.wl-tx{animation:pageEnter var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 45ms + .25s)}.input{transition:border-color var(--dur-med) ease,box-shadow var(--dur-med) ease}.input:focus{border-color:#04d9ff99;box-shadow:0 0 0 3px #04d9ff1f;outline:none}.card[style*="cursor: pointer"]:active,.card[style*="cursor:pointer"]:active{transform:scale(.98)}html[data-gfx=low] .wl-icon{animation:none}.ds-auto>*{animation:pageEnter var(--dur-slow) var(--ease-out) both}.ds-auto>*:nth-child(2){animation-delay:70ms}.ds-auto>*:nth-child(3){animation-delay:.14s}.ds-auto>*:nth-child(4){animation-delay:.21s}.ds-auto>*:nth-child(n+5){animation-delay:.28s}.ds-modes .btn{transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-med) ease,box-shadow var(--dur-med) ease}.ds-modes .btn-primary{box-shadow:0 0 16px #04d9ff4d}.ds-fade{animation:pageEnter var(--dur-med) var(--ease-out) both}.field .input{transition:border-color var(--dur-med) ease,box-shadow var(--dur-med) ease}.field .input:focus{border-color:#04d9ff99;box-shadow:0 0 0 3px #04d9ff1f;outline:none}.toggle-thumb{transition:transform .35s var(--ease-spring),background var(--dur-med) ease!important}.toggle input:checked~.toggle-track{box-shadow:0 0 12px #04d9ff73}html[data-gfx=low] .ds-modes .btn-primary{box-shadow:none}.gv-auto>*{animation:pageEnter var(--dur-slow) var(--ease-out) both}.gv-auto>*:nth-child(2){animation-delay:70ms}.gv-auto>*:nth-child(3){animation-delay:.14s}.gv-auto>*:nth-child(4){animation-delay:.21s}.gv-auto>*:nth-child(n+5){animation-delay:.28s}.gv-float{display:inline-flex;filter:drop-shadow(0 0 16px rgba(167,139,250,.6));animation:obFloat 3.5s ease-in-out infinite}.gv-tick{animation:gvTick .35s var(--ease-spring) both;text-shadow:0 0 12px rgba(167,139,250,.5)}@keyframes gvTick{0%{transform:translateY(-8px) scale(.85);opacity:.2}to{transform:none;opacity:1}}.gv-winner{animation:pageEnter var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms + .2s)}.gv-me{animation:pageEnter var(--dur-slow) var(--ease-out) .2s both,gvGold 2.4s ease-in-out .8s infinite}@keyframes gvGold{0%,to{box-shadow:0 0 8px #ffd70040}50%{box-shadow:0 0 24px #ffd70099}}html[data-gfx=low] .gv-float,html[data-gfx=low] .gv-me{animation:none}html[data-gfx=balanced] .gv-me{animation:pageEnter var(--dur-slow) var(--ease-out) .2s both}.mo-card{animation:pageEnter var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 55ms);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-med) ease}.mo-card:active{transform:scale(.975)}.mo-bar{transform-origin:left center;animation:opGrow .7s var(--ease-out) both}.mo-pending{animation:opGrow .7s var(--ease-out) both,moPulse 1.8s ease-in-out .7s infinite}@keyframes moPulse{0%,to{opacity:.45}50%{opacity:1}}.mo-pill{transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-med) ease,color var(--dur-med) ease,box-shadow var(--dur-med) ease;-webkit-tap-highlight-color:transparent}.mo-pill:active{transform:scale(.92)}.mo-pill.on{animation:pillPop .4s var(--ease-spring) both}html[data-gfx=low] .mo-pending,html[data-gfx=balanced] .mo-pending{animation:opGrow .7s var(--ease-out) both}.od-content{animation:pageEnter var(--dur-med) var(--ease-out) both}.od-tab{transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-med) ease,color var(--dur-med) ease,box-shadow var(--dur-med) ease!important;-webkit-tap-highlight-color:transparent}.od-tab:active{transform:scale(.92)}.od-tab-on{animation:pillPop .4s var(--ease-spring) both}.od-tab svg{transition:transform .35s var(--ease-spring)}.od-tab-on svg{transform:scale(1.2) rotate(-6deg)}