:root{--neon-red: #E30613;--beer-mint: #F0F8F0;--beer-green: #00A651;--beer-green-light: #E8F4EA;--beer-green-deep: #046A38;--beer-green-darkest: #0B5C36;--beer-green-rgb: 0, 166, 81;--beer-green-light-rgb: 232, 244, 234;--beer-yellow: #FFC72C;--beer-yellow-light: #FFE699;--beer-red: #E30613;--gold: #FFD200;--beer-gold: #FFD200;--beer-yellow-2: #FFE699;--beer-yellow-pale: #FFF5CC;--beer-beige: #F8F4E9;--silver: #9CA3AF;--bg-deep: #F8F4E9;--bg-dark: #F0F4ED;--bg-card: rgba(255, 255, 255, .92);--bg-elevated: #E8F4EA;--bg-gradient: linear-gradient(180deg, #F8F4E9 0%, #F0F4ED 40%, #F8F4E9 100%);--bg-gradient-subtle: linear-gradient(135deg, #F8F4E9 0%, #E8F4EA 50%, #F8F4E9 100%);--text-primary: #1A1A1A;--text-secondary: #5A6B5C;--text-muted: #9CA3AF;--success: #00A651;--warning: #FFD200;--danger: #E30613;--info: #FFC72C;--gradient-primary: linear-gradient(135deg, #00A651, #046A38);--gradient-hero: linear-gradient(135deg, #F8F4E9, #E8F4EA);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.97), rgba(var(--beer-green-light-rgb),.92));--gradient-shimmer: linear-gradient(110deg, transparent 33%, rgba(var(--beer-green-rgb),.15) 50%, transparent 67%);--gradient-mint-yellow: linear-gradient(135deg, #E8F4EA 0%, #FFE699 100%);--gradient-gold-green: linear-gradient(135deg, #FFD200 0%, #00A651 100%);--accent-beer: #00A651;--accent-beer-light: #E8F4EA;--accent-beer-glow: rgba(var(--beer-green-rgb), .3);--card-bg: rgba(255, 255, 255, .92);--card-border: rgba(var(--beer-green-rgb), .2);--border-color: rgba(26, 26, 26, .08);--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-cn: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--font-num: "DIN Alternate", "Helvetica Neue", Arial, sans-serif;--font-elegant: "Helvetica Neue", Arial, sans-serif}[data-theme=blue]{--beer-green: #2196F3;--beer-green-light: #E3F2FD;--beer-green-deep: #1565C0;--beer-green-darkest: #0D47A1;--beer-green-rgb: 33, 150, 243;--beer-green-light-rgb: 227, 242, 253;--success: #2196F3;--bg-elevated: #E3F2FD;--bg-dark: #EDF2FA;--bg-gradient: linear-gradient(180deg, #F8F4E9 0%, #EDF2FA 40%, #F8F4E9 100%);--bg-gradient-subtle: linear-gradient(135deg, #F8F4E9 0%, #E3F2FD 50%, #F8F4E9 100%);--gradient-primary: linear-gradient(135deg, #2196F3, #1565C0);--gradient-hero: linear-gradient(135deg, #F8F4E9, #E3F2FD);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.97), rgba(227,242,253,.92));--gradient-shimmer: linear-gradient(110deg, transparent 33%, rgba(33,150,243,.15) 50%, transparent 67%);--gradient-mint-yellow: linear-gradient(135deg, #E3F2FD 0%, #FFE699 100%);--gradient-gold-green: linear-gradient(135deg, #FFD200 0%, #2196F3 100%);--accent-beer: #2196F3;--accent-beer-light: #E3F2FD;--accent-beer-glow: rgba(33, 150, 243, .3);--card-border: rgba(33, 150, 243, .2)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-cn);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5}#root{height:100%;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--beer-green);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px rgba(var(--beer-green-rgb),.4),0 0 20px rgba(var(--beer-green-light-rgb),.2)}50%{box-shadow:0 0 16px rgba(var(--beer-green-rgb),.6),0 0 40px rgba(var(--beer-green-light-rgb),.35)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes banner-slide{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes ripple-effect{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes btn-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes rotate-lens{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flip-in{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes flip-out{0%{transform:rotateX(0);opacity:1}to{transform:rotateX(90deg);opacity:0}}@keyframes title-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 2px rgba(255,210,0,.3))}50%{filter:drop-shadow(0 0 8px rgba(255,210,0,.6))}}.nav-tab-active{background:linear-gradient(135deg,rgba(var(--beer-green-rgb),.15),rgba(var(--beer-green-light-rgb),.1))!important;color:var(--beer-green-darkest)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.nav-tab-inactive{color:var(--text-muted)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.font-num{font-family:var(--font-num)}.font-elegant{font-family:var(--font-elegant)}.animate-shimmer{background-image:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 2s infinite}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up .3s ease-out forwards}.animate-fade-in{animation:fade-in .25s ease-out forwards}.animate-scale-in{animation:scale-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-marquee{animation:marquee 12s linear infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}.btn-primary{position:relative;overflow:hidden;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-cn);font-weight:600;cursor:pointer;transition:all .25s ease}.btn-primary:before{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 2.5s infinite;pointer-events:none}.btn-primary:hover{box-shadow:0 0 20px rgba(var(--beer-green-rgb),.5),0 0 40px rgba(var(--beer-green-light-rgb),.3);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-secondary{position:relative;overflow:hidden;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid rgba(var(--beer-green-rgb),.3);border-radius:var(--radius-md);font-family:var(--font-cn);font-weight:500;cursor:pointer;transition:all .25s ease}.btn-secondary:hover{border-color:var(--beer-green);color:var(--text-primary);box-shadow:0 0 12px rgba(var(--beer-green-rgb),.3)}.card-dark{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(var(--beer-green-rgb),.08)}.input-dark{width:100%;padding:12px 16px;background:#fffc;border:1px solid rgba(var(--beer-green-rgb),.25);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-cn);font-size:15px;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.input-dark:focus{border-color:var(--beer-green);box-shadow:0 0 12px rgba(var(--beer-green-rgb),.2);background:#fff}.input-dark::placeholder{color:var(--text-muted)}.input-dark::-webkit-inner-spin-button,.input-dark::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-dark[type=number]{-moz-appearance:textfield}.badge-burgundy{display:inline-flex;align-items:center;padding:2px 10px;background:rgba(var(--beer-green-rgb),.2);color:var(--beer-green-darkest);border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-success{display:inline-flex;align-items:center;padding:2px 10px;background:rgba(var(--beer-green-rgb),.15);color:var(--success);border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-warning{display:inline-flex;align-items:center;padding:2px 10px;background:#ffd20026;color:var(--warning);border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-muted{display:inline-flex;align-items:center;padding:2px 10px;background:#9ca3af26;color:var(--text-muted);border-radius:var(--radius-full);font-size:12px;font-weight:600}.tab-active{color:var(--beer-green-darkest);border-bottom:2px solid var(--beer-green)}.lens-border{position:relative}.lens-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:calc(var(--radius-lg) + 2px);background:conic-gradient(from 0deg,var(--beer-green),var(--beer-green-light),var(--beer-gold),var(--beer-green-light),var(--beer-green));z-index:-1;opacity:.4}.page-enter{animation:fade-in-up .3s ease-out forwards}.progress-bar{height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:3px;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 2s infinite}@media (max-width:360px){:root{--nav-height: 56px}.btn-primary,.btn-secondary{font-size:13px;padding:10px 14px}}@media (min-width:361px) and (max-width:414px){:root{--nav-height: 60px}}@media (min-width:415px){:root{--nav-height: 64px}}.phone-frame,.app-container{height:100vh;height:100dvh;height:calc(var(--vh, 100vh) * 1)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)}html{font-size:clamp(14px,3.5vw,16px)}button,a,[role=button]{min-height:44px;min-width:44px}@keyframes aperture-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lens-flare{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:.3;transform:translate(100%)}}@keyframes shutter-click{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.aperture-ring{border:2px solid var(--beer-green);border-radius:50%;animation:aperture-spin 20s linear infinite}.lens-flare{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--beer-green-rgb),.1),transparent);animation:lens-flare 4s ease-in-out infinite}.message-content img{max-width:100%!important;height:auto!important;border-radius:8px}.popup-content{width:100%;overflow:hidden;word-break:break-word}.popup-content img{max-width:100%!important;height:auto!important;display:block;margin:8px auto;border-radius:8px;object-fit:contain}.popup-content div{max-width:100%!important;width:auto!important}.popup-content span{max-width:100%!important;word-break:break-word}.popup-content p{margin:6px 0}.popup-content a{color:var(--beer-green-darkest);word-break:break-all}.popup-image-wrap{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8f4e9,#e8f4ea)}.popup-image-wrap img{display:block;max-width:100%;height:auto;max-height:50vh;width:auto;margin:0 auto;object-fit:contain}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button[style*=background],.btn-primary,.btn-secondary,a[style*=background]{-webkit-tap-highlight-color:transparent}button[style*="#8B1A2B"],button[style*="#E88AA2"],button[style*="#A01635"],button[style*="#D06A82"],button[style*="#F2A6B8"],button[style*="#E30613"]{background:var(--gradient-primary)!important}.product-card-chanel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px rgba(var(--beer-green-rgb),.08);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.product-card-chanel:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--beer-green-rgb),.15)}.product-card-chanel:active{transform:scale(.98)}.flip-card{perspective:1000px;display:inline-block}.flip-card-inner{position:relative;display:inline-block;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card-inner.flipping{animation:flip-in .6s cubic-bezier(.4,0,.2,1)}:root{--clay-base: #E6EBE4;--clay-raised: #E9EEE7;--clay-raised-2: #E6EBE4;--clay-sunken: #E1E6DF;--clay-shadow: 148, 162, 144;--clay-light: 255, 255, 255;--clay-border: rgba(var(--clay-shadow), .16);--clay-border-soft: rgba(var(--clay-shadow), .1);--clay-accent: #2F7F5C;--clay-accent-deep: #245F45;--clay-accent-soft: #DCE9E1;--clay-accent-ink: #FFFFFF;--clay-gold: #C9A227;--clay-danger: #BA2C34;--clay-danger-soft: #F0DCDE;--clay-warning: #A8791A;--clay-success: #2F7F5C;--clay-text: #2C3830;--clay-text-soft: #5E6E63;--clay-text-faint: #7A8981;--r-xs: 10px;--r-sm: 14px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--clay-shadow-1: 4px 4px 8px -2px rgba(var(--clay-shadow), .22), -4px -4px 8px -2px rgba(var(--clay-light), .75);--clay-shadow-2: 8px 8px 16px -4px rgba(var(--clay-shadow), .24), -6px -6px 12px -4px rgba(var(--clay-light), .8);--clay-shadow-3: 16px 16px 32px -8px rgba(var(--clay-shadow), .28), -8px -8px 16px -8px rgba(var(--clay-light), .85);--clay-inset: inset 5px 5px 10px -2px rgba(var(--clay-shadow), .28), inset -5px -5px 10px -2px rgba(var(--clay-light), .8);--clay-inset-sm: inset 3px 3px 6px -1px rgba(var(--clay-shadow), .26), inset -3px -3px 6px -1px rgba(var(--clay-light), .78);--clay-scrim: rgba(var(--clay-shadow), .52);--clay-scrim-strong: rgba(var(--clay-shadow), .74);--z-nav: 100;--z-header: 50;--z-sticky: 60;--z-dialog: 1000;--z-toast: 9999;--z-confetti: 10000;--z-celebration: 50000}[data-theme=blue]{--clay-base: #E3E9F1;--clay-raised: #E6ECF4;--clay-raised-2: #E3E9F1;--clay-sunken: #DEE4EC;--clay-shadow: 142, 156, 178;--clay-light: 255, 255, 255;--clay-accent: #2B71AB;--clay-accent-deep: #215682;--clay-accent-soft: #DCE7F2;--clay-gold: #A8801F;--clay-danger: #B6484B;--clay-danger-soft: #F0DCDE;--clay-warning: #A5771C;--clay-success: #2F7F5C;--clay-text: #2A3440;--clay-text-soft: #5A6878;--clay-text-faint: #7A8899}[data-theme=purple]{--clay-base: #EAE6EB;--clay-raised: #EDE9EE;--clay-raised-2: #EAE6EB;--clay-sunken: #E5E1E6;--clay-shadow: 158, 146, 164;--clay-light: 255, 255, 255;--clay-accent: #773582;--clay-accent-deep: #5C2765;--clay-accent-soft: #E7DEEC;--clay-gold: #96772A;--clay-danger: #A8455E;--clay-danger-soft: #F2DEE6;--clay-warning: #96731F;--clay-success: #3F8A62;--clay-text: #342E38;--clay-text-soft: #665E6E;--clay-text-faint: #857D8E}:root{--beer-green: var(--clay-accent);--beer-green-deep: var(--clay-accent-deep);--beer-green-darkest: var(--clay-accent-deep);--beer-green-light: var(--clay-accent-soft);--beer-green-rgb: 47, 127, 92;--accent-beer: var(--clay-accent);--accent-beer-light: var(--clay-accent-soft);--accent-beer-glow: rgba(var(--clay-shadow), .22);--beer-mint: var(--clay-accent-soft);--beer-yellow: var(--clay-gold);--beer-yellow-light: var(--clay-gold);--beer-yellow-2: var(--clay-gold);--beer-yellow-pale: var(--clay-accent-soft);--gold: var(--clay-gold);--beer-gold: var(--clay-gold);--bg-elevated: var(--clay-sunken);--bg-dark: var(--clay-sunken);--bg-gradient: var(--clay-base);--bg-gradient-subtle: var(--clay-base);--popup-img-bg: var(--clay-sunken);--card-bg: var(--clay-raised);--bg-card: var(--clay-raised);--bg-deep: var(--clay-sunken);--card-border: transparent;--success: var(--clay-success);--warning: var(--clay-warning);--danger: var(--clay-danger);--info: var(--clay-accent);--neon-red: var(--clay-danger);--beer-red: var(--clay-danger);--color-disabled: var(--clay-sunken);--color-locked: var(--clay-sunken);--text-primary: var(--clay-text);--text-secondary: var(--clay-text-soft);--text-muted: var(--clay-text-faint);--gradient-primary: linear-gradient(135deg, var(--clay-accent), var(--clay-accent-deep));--gradient-hero: var(--clay-base);--gradient-card: var(--clay-raised);--gradient-mint-yellow: var(--clay-accent-soft);--gradient-gold-green: var(--clay-accent-soft);--card-placeholder-from: var(--clay-sunken);--card-placeholder-to: var(--clay-sunken);--tier-1: var(--clay-gold);--tier-2: var(--clay-accent);--tier-3: var(--clay-danger);--tier-4: var(--clay-accent-deep);--tier-5: var(--clay-gold);--earning-from: var(--clay-accent);--earning-to: var(--clay-accent-soft);--profile-accent-1: var(--clay-accent-soft);--profile-accent-2: var(--clay-accent-soft);--profile-accent-3: var(--clay-accent-soft);--profile-accent-4: var(--clay-accent-soft);--profile-accent-5: var(--clay-accent-soft);--profile-accent-6: var(--clay-accent-soft);--title-glow-from: rgba(var(--clay-shadow), .2);--title-glow-to: rgba(var(--clay-shadow), .3);--silver: var(--clay-text-faint);--beer-beige: var(--clay-base);--nav-bg: var(--clay-raised);--nav-border: var(--clay-border);--nav-active-bg: var(--clay-accent-soft);--nav-active-color: var(--clay-accent-deep);--header-bg: var(--clay-raised);--header-border: var(--clay-border);--overlay-primary: var(--clay-scrim);--overlay-dark: var(--clay-scrim-strong);--input-bg: var(--clay-sunken);--input-border: var(--clay-border);--input-focus-border: var(--clay-accent);--input-focus-shadow: var(--clay-inset-sm);--radius-sm: var(--r-xs);--radius-md: var(--r-sm);--radius-lg: var(--r-md);--radius-xl: var(--r-lg);--shadow-sm: var(--clay-shadow-1);--shadow-md: var(--clay-shadow-2);--shadow-lg: var(--clay-shadow-3);--shadow-glow: var(--clay-shadow-2)}[data-theme=blue]{--beer-green-rgb: 43, 113, 171}[data-theme=purple]{--beer-green-rgb: 119, 53, 130}.clay-body{background:var(--clay-base);color:var(--clay-text)}.clay-card{background:var(--clay-raised);border-radius:var(--r-md);box-shadow:var(--clay-shadow-2)}.clay-card-flat{background:var(--clay-raised);border-radius:var(--r-md);box-shadow:var(--clay-shadow-1)}.clay-sunken{background:var(--clay-sunken);border-radius:var(--r-sm);box-shadow:var(--clay-inset-sm)}.clay-well{background:var(--clay-sunken);border-radius:var(--r-md);box-shadow:var(--clay-inset)}.clay-pressable{transition:box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1)}.clay-pressable:active{box-shadow:var(--clay-inset-sm);transform:translateY(1px)}.clay-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--clay-raised);border:none;border-radius:50%;box-shadow:var(--clay-shadow-1);color:var(--clay-accent);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.clay-icon-btn:active{box-shadow:var(--clay-inset-sm);transform:scale(.94)}.clay-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:none;border-radius:var(--r-md);background:var(--clay-accent);color:var(--clay-accent-ink);font-family:var(--font-cn);font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:var(--clay-shadow-2);transition:box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),opacity .2s ease;-webkit-tap-highlight-color:transparent}.clay-btn:active:not(:disabled){box-shadow:var(--clay-inset);transform:translateY(1px)}.clay-btn:disabled,.clay-btn[aria-disabled=true]{cursor:not-allowed;background:var(--clay-sunken);color:var(--clay-text-faint);box-shadow:var(--clay-inset-sm)}.clay-btn-soft{background:var(--clay-raised);color:var(--clay-text-soft)}.clay-btn-ghost{background:var(--clay-sunken);color:var(--clay-accent);box-shadow:var(--clay-inset-sm);border-color:transparent}.clay-btn-ghost:hover:not(:disabled){box-shadow:var(--clay-inset)}.clay-btn-ghost:active:not(:disabled){box-shadow:var(--clay-inset)}.clay-btn-danger{background:var(--clay-danger);color:#fff}.clay-btn-chip{padding:12px 0;background:var(--clay-raised);color:var(--clay-text);border-radius:var(--r-sm);font-weight:600;box-shadow:var(--clay-shadow-1)}.clay-btn-chip.is-active{background:var(--clay-accent);color:var(--clay-accent-ink);box-shadow:var(--clay-inset-sm)}.clay-input{width:100%;padding:13px 16px;background:var(--clay-sunken);border:none;border-radius:var(--r-sm);box-shadow:var(--clay-inset-sm);color:var(--clay-text);font-family:var(--font-cn);font-size:15px;outline:none;transition:box-shadow .22s ease,background .22s ease}.clay-input::placeholder{color:var(--clay-text-faint)}.clay-input:focus{background:var(--clay-raised-2);box-shadow:var(--clay-inset-sm),0 0 0 2px rgba(var(--clay-shadow),.1),0 0 0 3px var(--clay-accent-soft)}.clay-input:disabled{cursor:not-allowed;color:var(--clay-text-faint);box-shadow:var(--clay-inset-sm);opacity:.7}.clay-input::-webkit-inner-spin-button,.clay-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.clay-input[type=number]{-moz-appearance:textfield}.clay-input.is-readonly{color:var(--clay-accent-deep);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);opacity:.9}.clay-checkbox{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border:none;border-radius:7px;background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);cursor:pointer;transition:box-shadow .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.clay-checkbox.is-checked{background:var(--clay-accent);box-shadow:var(--clay-shadow-1),inset 0 1px 2px #ffffff73}.clay-checkbox:active{box-shadow:var(--clay-inset-sm)}.clay-switch-track{position:relative;width:48px;height:28px;flex:0 0 48px;border-radius:var(--r-pill);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);cursor:pointer;transition:background .24s ease;-webkit-tap-highlight-color:transparent}.clay-switch-track.is-on{background:var(--clay-accent-soft)}.clay-switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--clay-raised);box-shadow:var(--clay-shadow-1);transition:transform .24s cubic-bezier(.4,0,.2,1)}.clay-switch-track.is-on .clay-switch-thumb{transform:translate(20px);background:var(--clay-accent)}.clay-radio{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);cursor:pointer;transition:box-shadow .2s ease}.clay-radio.is-checked{box-shadow:var(--clay-shadow-1)}.clay-radio.is-checked:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--clay-accent);box-shadow:inset 0 1px 1px #ffffff80}.clay-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm)}.clay-tab{padding:8px 18px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--clay-text-soft);font-family:var(--font-cn);font-size:14px;font-weight:600;cursor:pointer;transition:box-shadow .22s ease,color .22s ease;-webkit-tap-highlight-color:transparent}.clay-tab.is-active{background:var(--clay-raised);color:var(--clay-accent-deep);box-shadow:var(--clay-shadow-1)}.clay-tab-underline{position:relative;padding:10px 4px;border:none;background:transparent;color:var(--clay-text-faint);font-family:var(--font-cn);font-size:15px;font-weight:600;cursor:pointer;transition:color .22s ease}.clay-tab-underline.is-active{color:var(--clay-accent-deep)}.clay-tab-underline.is-active:after{content:"";position:absolute;left:50%;bottom:2px;width:22px;height:4px;border-radius:var(--r-pill);transform:translate(-50%);background:var(--clay-accent);box-shadow:var(--clay-shadow-1)}.clay-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-xs);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);color:var(--clay-text-soft);font-size:12px;font-weight:600;white-space:nowrap}.clay-badge.is-accent{background:var(--clay-accent-soft);color:var(--clay-accent-deep);box-shadow:var(--clay-inset-sm)}.clay-badge.is-danger{background:var(--clay-danger-soft);color:var(--clay-danger);box-shadow:var(--clay-inset-sm)}.clay-badge.is-warning{background:#f3e6cc;color:var(--clay-warning);box-shadow:var(--clay-inset-sm)}.clay-badge.is-success{background:var(--clay-accent-soft);color:var(--clay-success);box-shadow:var(--clay-inset-sm)}.clay-progress{width:100%;height:10px;border-radius:var(--r-pill);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);overflow:hidden}.clay-progress-fill{height:100%;border-radius:var(--r-pill);background:var(--clay-accent);box-shadow:inset 0 1px 2px #fff6,inset 0 -2px 4px rgba(var(--clay-shadow),.35);transition:width .6s cubic-bezier(.4,0,.2,1)}.clay-scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--clay-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-dialog);animation:clay-scrim-in .2s ease-out}.clay-dialog{width:100%;max-width:360px;max-height:86vh;overflow-y:auto;padding:28px 24px 22px;border-radius:var(--r-lg);background:var(--clay-raised);box-shadow:var(--clay-shadow-3);animation:clay-dialog-in .28s cubic-bezier(.34,1.4,.64,1)}.clay-dialog-title{margin:0 0 14px;font-family:var(--font-elegant);font-size:17px;font-weight:700;letter-spacing:.03em;color:var(--clay-text)}.clay-dialog-text{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--clay-text-soft)}.clay-dialog-actions{display:flex;gap:12px;margin-top:22px}.clay-dialog-actions>*{flex:1}.clay-dialog--celebrate{max-width:420px;padding:32px 28px;border:2px solid transparent;background-image:linear-gradient(var(--clay-raised),var(--clay-raised)),linear-gradient(135deg,var(--clay-accent),var(--clay-gold),var(--clay-accent-deep));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:var(--clay-shadow-3)}@keyframes clay-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes clay-dialog-in{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.clay-nav{background:var(--clay-raised);box-shadow:var(--clay-shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:none}.clay-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0;border:none;background:transparent;color:var(--clay-text-faint);font-family:var(--font-cn);font-size:11px;font-weight:600;cursor:pointer;transition:color .22s ease;-webkit-tap-highlight-color:transparent}.clay-nav-item.is-active{color:var(--clay-accent-deep)}.clay-nav-item.is-active:before{content:"";position:absolute;top:2px;width:26px;height:4px;border-radius:var(--r-pill);background:var(--clay-accent);box-shadow:var(--clay-shadow-1)}.clay-header{background:var(--clay-raised);border-bottom:none;box-shadow:0 6px 14px -6px rgba(var(--clay-shadow),.3)}.clay-media{border-radius:var(--r-md);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);object-fit:cover}.clay-skeleton{border-radius:var(--r-sm);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);overflow:hidden;position:relative}.clay-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(var(--clay-light),.55) 50%,transparent 70%);background-size:200% 100%;animation:clay-skeleton 1.4s linear infinite}@keyframes clay-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.clay-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;border-radius:var(--r-md);background:var(--clay-sunken);box-shadow:var(--clay-inset);color:var(--clay-text-faint)}.clay-ghost-slot{border:2px dashed rgba(var(--clay-shadow),.45);border-radius:var(--r-md);background:var(--clay-sunken);box-shadow:var(--clay-inset-sm);color:var(--clay-text-faint)}.clay-disc{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--clay-raised);box-shadow:var(--clay-shadow-3),inset 0 2px 4px #fff9}.clay-toast-scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--clay-scrim-strong);z-index:var(--z-toast);animation:clay-scrim-in .18s ease-out}.clay-dialog--toast{display:flex;flex-direction:column;align-items:center}.clay-dialog--toast .clay-btn{min-width:96px}.clay-toast-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:14px;border-radius:50%;color:#fff;box-shadow:var(--clay-shadow-1),inset 0 2px 3px #ffffff59,inset 0 -2px 4px rgba(var(--clay-shadow),.28)}.clay-toast-mark.is-ok{background:var(--clay-accent)}.clay-toast-mark.is-bad{background:var(--clay-danger)}.clay-toast-text{margin-bottom:18px;font-size:15px;font-weight:600;line-height:1.6;color:var(--clay-text);word-break:break-word}.clay-ripple{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffffff80,#fff0 70%);transform:scale(0);animation:clay-ripple-out .6s ease-out forwards}@keyframes clay-ripple-out{to{transform:scale(1);opacity:0}}.clay-btn[data-pressed]{transform:translateY(1px);box-shadow:var(--clay-inset-sm)}.clay-lang-pin{position:fixed;top:12px;right:16px;z-index:var(--z-header)}.clay-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:clay-spin .8s linear infinite}@keyframes clay-spin{to{transform:rotate(360deg)}}.clay-chest-disc{background:var(--clay-raised);box-shadow:var(--clay-shadow-3),inset 0 3px 8px #ffffffbf,inset 0 -4px 10px rgba(var(--clay-shadow),.28)}button[style*="#8B1A2B"],button[style*="#E88AA2"],button[style*="#A01635"],button[style*="#D06A82"],button[style*="#F2A6B8"],button[style*="#E30613"]{background:revert-layer!important}.clay-btn-danger:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(var(--clay-shadow),.4)}@media (prefers-reduced-motion: reduce){.clay-card,.clay-card-flat,.clay-btn,.clay-pressable,.clay-tab,.clay-progress-fill,.clay-skeleton:after{transition:none!important;animation:none!important}.clay-skeleton:after{opacity:.35}}.clay-pressable,.clay-btn,.clay-input,.clay-icon-btn,.clay-checkbox,.clay-switch-track,.clay-radio,.clay-nav-item,.clay-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none}[style*="var(--clay-raised)"],[style*="var(--clay-raised-2)"],[style*="var(--card-bg)"],[style*="var(--header-bg)"],[style*="var(--bg-gradient)"],[style*="var(--bg-gradient-subtle)"],[style*="var(--accent-beer-light)"],[style*="var(--clay-accent-soft)"]{box-shadow:var(--clay-shadow-2);border-color:transparent!important}[style*="var(--clay-sunken)"],[style*="var(--bg-elevated)"],[style*="var(--bg-dark)"],[style*="var(--bg-deep)"]{box-shadow:var(--clay-inset);border-color:transparent!important}.clay-card,.clay-raised,.clay-sunken,.clay-btn,.clay-pressable,.clay-input,.clay-icon-btn,.clay-nav-item,.clay-tab,.clay-switch-track,.clay-checkbox,.clay-radio,.clay-list-row,.clay-stat,.clay-section{border-color:transparent!important}[style*="var(--clay-raised)"]:focus-visible,[style*="var(--clay-base)"]:focus-visible,[style*="var(--clay-sunken)"]:focus-visible,[style*="var(--card-bg)"]:focus-visible,.clay-btn:focus-visible,.clay-input:focus-visible,.clay-pressable:focus-visible{outline:2px solid var(--clay-accent)!important;outline-offset:2px;border-color:transparent!important}:root{--glass-bg-base: #F8F4E9;--glass-bg-deep: #F0F4ED;--glass-bg-soft: #E8F4EA;--glass-blob-saffron: #00A651;--glass-blob-magenta: #00C853;--glass-blob-green: #00E676;--glass-blob-gold: #FFD200;--glass-blob-cyan: #00B8D4;--glass-fill: rgba(255, 255, 255, .92);--glass-fill-strong: rgba(255, 255, 255, .97);--glass-fill-soft: rgba(255, 255, 255, .75);--glass-fill-dark: rgba(255, 255, 255, .92);--glass-fill-deep: rgba(255, 255, 255, .97);--glass-fill-tinted: rgba(0, 166, 81, .1);--glass-border: rgba(0, 166, 81, .2);--glass-border-strong: rgba(0, 166, 81, .3);--glass-border-soft: rgba(0, 166, 81, .12);--glass-border-tinted: rgba(0, 166, 81, .4);--glass-highlight: rgba(255, 255, 255, .55);--glass-blur-sm: 8px;--glass-blur-md: 14px;--glass-blur-lg: 20px;--glass-blur-xl: 32px;--glass-saturate: 180%;--glass-gradient-primary: linear-gradient(135deg, #00A651 0%, #046A38 100%);--glass-gradient-success: linear-gradient(135deg, #00D66C 0%, #138808 100%);--glass-gradient-danger: linear-gradient(135deg, #FF5252 0%, #D32F2F 100%);--glass-gradient-royal: linear-gradient(135deg, #7B2FF7 0%, #4A148C 100%);--glass-gradient-gold: linear-gradient(135deg, #FFD700 0%, #FF9933 100%);--glass-accent: #00A651;--glass-accent-deep: #046A38;--glass-accent-soft: rgba(0, 166, 81, .16);--glass-gold: #FFD700;--glass-success: #00D66C;--glass-success-soft: rgba(0, 214, 108, .16);--glass-danger: #FF5252;--glass-danger-soft: rgba(255, 82, 82, .16);--glass-warning: #FFC107;--glass-info: #00B8D4;--glass-text: #1A1A1A;--glass-text-soft: #5A6B5C;--glass-text-muted: #9CA3AF;--glass-text-faint: #B5BFB8;--glass-text-on-accent: #FFFFFF;--glass-text-success: #00A651;--glass-text-danger: #E30613;--glass-text-warning: #B8860B;--gr-xs: 8px;--gr-sm: 12px;--gr-md: 16px;--gr-lg: 22px;--gr-xl: 28px;--gr-2xl: 36px;--gr-pill: 9999px;--glass-shadow-sm: 0 2px 8px rgba(0, 0, 0, .24), 0 1px 2px rgba(0, 0, 0, .18);--glass-shadow-md: 0 8px 24px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .2);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .24);--glass-shadow-glow: 0 0 24px rgba(0, 166, 81, .45);--glass-shadow-success-glow: 0 0 24px rgba(0, 214, 108, .45);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .2);--gs-xs: 4px;--gs-sm: 8px;--gs-md: 12px;--gs-lg: 16px;--gs-xl: 20px;--gs-2xl: 24px;--gs-3xl: 32px;--gs-4xl: 48px;--gz-base: 1;--gz-sticky: 60;--gz-header: 80;--gz-nav: 100;--gz-dropdown: 200;--gz-modal: 1000;--gz-toast: 9999;--gz-confetti: 10000;--gz-celebration: 50000;--glass-top-light: inset 0 1px 1px 0 rgba(255, 255, 255, .45)}[data-theme=blue]{--glass-blob-saffron: #2196F3;--glass-blob-magenta: #42A5F5;--glass-blob-green: #64B5F6;--glass-blob-gold: #FFD200;--glass-blob-cyan: #00B8D4;--glass-fill-tinted: rgba(33, 150, 243, .1);--glass-border: rgba(33, 150, 243, .2);--glass-border-strong: rgba(33, 150, 243, .3);--glass-border-soft: rgba(33, 150, 243, .12);--glass-border-tinted: rgba(33, 150, 243, .4);--glass-gradient-primary: linear-gradient(135deg, #2196F3 0%, #1565C0 100%);--glass-accent: #2196F3;--glass-accent-deep: #1565C0;--glass-accent-soft: rgba(33, 150, 243, .16);--glass-shadow-glow: 0 0 24px rgba(33, 150, 243, .45);--glass-text-success: #2196F3;--beer-green-rgb: 33, 150, 243;--beer-green-light-rgb: 227, 242, 253;--beer-green: #2196F3;--beer-green-deep: #1565C0;--beer-green-darkest: #0D47A1;--beer-green-light: #E3F2FD;--accent-beer: #2196F3;--accent-beer-light: #E3F2FD;--accent-beer-glow: rgba(33, 150, 243, .3);--beer-mint: #E3F2FD;--info: #2196F3;--success: #2196F3;--gradient-primary: linear-gradient(135deg, #2196F3, #1565C0);--gradient-mint-yellow: linear-gradient(135deg, #E3F2FD 0%, #FFE699 100%);--gradient-gold-green: linear-gradient(135deg, #FFD200 0%, #2196F3 100%);--gradient-shimmer: linear-gradient(110deg, transparent 33%, rgba(33,150,243,.15) 50%, transparent 67%);--card-border: rgba(33, 150, 243, .2);--bg-elevated: #E3F2FD;--bg-dark: #EDF2FA}.glass-app,.glass-app *{box-sizing:border-box}.glass-app{position:relative;min-height:100vh;background-color:var(--glass-bg-base);color:var(--glass-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.glass-app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,var(--glass-blob-saffron) 0%,transparent 38%),radial-gradient(circle at 88% 4%,var(--glass-blob-magenta) 0%,transparent 42%),radial-gradient(circle at 6% 92%,var(--glass-blob-green) 0%,transparent 40%),radial-gradient(circle at 95% 95%,var(--glass-blob-gold) 0%,transparent 44%),radial-gradient(circle at 50% 50%,var(--glass-bg-soft) 0%,transparent 70%);opacity:.55;filter:blur(0)}.glass-app:after{content:none}.glass-app>*{position:relative;z-index:1}.glass-page{position:relative;z-index:1;min-height:100vh;padding:0 var(--gs-lg) calc(var(--gs-4xl) + 80px);color:var(--glass-text)}.glass-page--no-pad{padding:0}.glass-page--padded{padding:var(--gs-2xl) var(--gs-lg) calc(var(--gs-4xl) + 80px)}.glass-stack{display:flex;flex-direction:column;gap:var(--gs-lg)}.glass-stack--sm{gap:var(--gs-sm)}.glass-stack--md{gap:var(--gs-md)}.glass-stack--lg{gap:var(--gs-xl)}.glass-stack--xl{gap:var(--gs-2xl)}.glass-row{display:flex;align-items:center;gap:var(--gs-md)}.glass-row--between{justify-content:space-between}.glass-row--center{justify-content:center}.glass-row--wrap{flex-wrap:wrap}.glass-grid{display:grid;gap:var(--gs-md)}.glass-grid--2{grid-template-columns:repeat(2,1fr)}.glass-grid--3{grid-template-columns:repeat(3,1fr)}.glass-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 360px){.glass-grid--4{grid-template-columns:repeat(2,1fr)}}.glass-hero{position:relative;margin:var(--gs-lg) 0 var(--gs-xl);padding:var(--gs-3xl) var(--gs-2xl);border-radius:var(--gr-2xl);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-md),var(--glass-top-light);overflow:hidden}.glass-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-gradient-primary);opacity:.18;pointer-events:none}.glass-hero>*{position:relative;z-index:1}.glass-hero__title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--gs-sm);color:var(--glass-text);line-height:1.1}.glass-hero__subtitle{font-size:14px;font-weight:500;color:var(--glass-text-soft);margin:0 0 var(--gs-xl)}.glass-hero__amount{font-size:36px;font-weight:800;letter-spacing:-.01em;background:var(--glass-gradient-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 var(--gs-md)}.glass-section{margin:var(--gs-lg) 0;padding:var(--gs-2xl) var(--gs-2xl);border-radius:var(--gr-xl);background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.glass-section--strong{background:var(--glass-fill-strong);border-color:var(--glass-border);box-shadow:var(--glass-shadow-md),var(--glass-top-light)}.glass-section--dark{background:var(--glass-fill-dark);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate))}.glass-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gs-lg)}.glass-section__title{font-size:16px;font-weight:700;color:var(--glass-text);margin:0;display:flex;align-items:center;gap:var(--gs-sm)}.glass-section__title:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--glass-gradient-primary)}.glass-section__link{font-size:13px;font-weight:600;color:var(--glass-accent);text-decoration:none}.glass-card{position:relative;padding:var(--gs-xl);border-radius:var(--gr-lg);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));border:1px solid var(--glass-border-soft);box-shadow:var(--glass-shadow-sm),var(--glass-top-light);color:var(--glass-text);transition:transform .18s ease,box-shadow .18s ease}.glass-card--strong{background:var(--glass-fill-strong);border-color:var(--glass-border);box-shadow:var(--glass-shadow-md),var(--glass-top-light)}.glass-card--dark{background:var(--glass-fill-dark);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate))}.glass-card--tinted{background:var(--glass-fill-tinted);border-color:var(--glass-border-tinted)}.glass-card--pressable{cursor:pointer}.glass-card--pressable:active{transform:scale(.98);box-shadow:var(--glass-shadow-sm),var(--glass-top-light),inset 0 2px 4px #0000002e}.glass-card [style*=glass-fill-soft],.glass-hero [style*=glass-fill-soft],.glass-dialog [style*=glass-fill-soft],.glass-section [style*=glass-fill-soft],.glass-app [style*=glass-fill-soft],.glass-card [style*="var(--glass-fill)"],.glass-hero [style*="var(--glass-fill)"],.glass-dialog [style*="var(--glass-fill)"],.glass-section [style*="var(--glass-fill)"],.glass-app [style*="var(--glass-fill)"],[style*="background:var(--glass-fill-soft)"],[style*="background: var(--glass-fill-soft)"],[style*="background:var(--glass-fill)"],[style*="background: var(--glass-fill)"]{background:transparent!important}.glass-hero .glass-card,.glass-hero .glass-card--strong,.glass-hero .glass-card--dark,.glass-hero .glass-card--tinted,.glass-card .glass-card,.glass-card .glass-card--strong,.glass-card .glass-card--dark,.glass-card .glass-card--tinted,.glass-section--strong .glass-card,.glass-section--strong .glass-card--strong,.glass-section--strong .glass-card--dark,.glass-section--strong .glass-card--tinted,.glass-section--dark .glass-card,.glass-section--dark .glass-card--strong,.glass-section--dark .glass-card--dark,.glass-section--dark .glass-card--tinted,.glass-dialog .glass-card,.glass-dialog .glass-card--strong,.glass-dialog .glass-card--dark,.glass-dialog .glass-card--tinted{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gs-sm);padding:14px var(--gs-2xl);border:1px solid var(--glass-border);border-radius:var(--gr-pill);font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--glass-text);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow-sm),var(--glass-top-light);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:transform .12s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.glass-btn:active{transform:scale(.96);box-shadow:var(--glass-shadow-sm),var(--glass-top-light),inset 0 2px 6px #0003}.glass-btn:disabled{opacity:.45;cursor:not-allowed}.glass-btn--primary{background:var(--glass-gradient-primary);border-color:var(--glass-border-tinted);color:var(--glass-text-on-accent);box-shadow:var(--glass-shadow-md),var(--glass-shadow-glow),var(--glass-top-light)}.glass-btn--success{background:var(--glass-gradient-success);border-color:var(--glass-border-tinted);color:#fff;box-shadow:var(--glass-shadow-md),var(--glass-shadow-success-glow),var(--glass-top-light)}.glass-btn--danger{background:var(--glass-gradient-danger);border-color:var(--glass-border-tinted);color:#fff;box-shadow:var(--glass-shadow-md),var(--glass-top-light)}.glass-btn--ghost{background:var(--glass-fill-soft);border-color:var(--glass-border-soft);color:var(--glass-text-soft);box-shadow:none}.glass-btn--block{width:100%}.glass-btn--sm{padding:8px var(--gs-lg);font-size:13px}.glass-btn--lg{padding:16px var(--gs-3xl);font-size:17px}.glass-input,.glass-textarea,.glass-select{width:100%;padding:14px var(--gs-xl);border:1px solid var(--glass-border-soft);border-radius:var(--gr-md);background:var(--glass-fill-soft);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));color:var(--glass-text);font-size:15px;font-weight:500;box-shadow:inset 0 1px 2px #0003;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.glass-input::placeholder,.glass-textarea::placeholder{color:var(--glass-text-faint)}.glass-input:focus,.glass-textarea:focus,.glass-select:focus{border-color:var(--glass-accent);background:var(--glass-fill-tinted);box-shadow:inset 0 1px 2px #0003,0 0 0 3px var(--glass-accent-soft)}.glass-input-affix{display:flex;align-items:center;background:var(--glass-fill-soft);border:1px solid var(--glass-border-soft);border-radius:var(--gr-md);padding:0 var(--gs-lg);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 2px #0003}.glass-input-affix .glass-input{background:transparent;border:none;box-shadow:none;padding:14px 0}.glass-input-affix:focus-within{border-color:var(--glass-accent);box-shadow:inset 0 1px 2px #0003,0 0 0 3px var(--glass-accent-soft)}.glass-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--gr-pill);font-size:12px;font-weight:700;background:var(--glass-fill-soft);border:1px solid var(--glass-border-soft);color:var(--glass-text-soft);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm))}.glass-chip--accent{background:var(--glass-accent-soft);color:var(--glass-accent);border-color:var(--glass-border-tinted)}.glass-chip--success{background:var(--glass-success-soft);color:var(--glass-text-success);border-color:#00d66c4d}.glass-chip--danger{background:var(--glass-danger-soft);color:var(--glass-text-danger);border-color:#ff52524d}.glass-chip--gold{background:#ffd70029;color:var(--glass-gold);border-color:#ffd7004d}.glass-avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--glass-gradient-primary);color:var(--glass-text-on-accent);font-weight:800;font-size:18px;border:2px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-sm),var(--glass-top-light);overflow:hidden}.glass-avatar--sm{width:36px;height:36px;font-size:14px}.glass-avatar--lg{width:64px;height:64px;font-size:24px}.glass-avatar--gold{background:var(--glass-gradient-gold)}.glass-avatar--royal{background:var(--glass-gradient-royal);color:#fff}.glass-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);border:none;margin:var(--gs-lg) 0}.glass-list-item{display:flex;align-items:center;gap:var(--gs-md);padding:var(--gs-lg) var(--gs-xl);background:var(--glass-fill-soft);border:1px solid var(--glass-border-soft);border-radius:var(--gr-md);color:var(--glass-text);cursor:pointer;transition:background .16s,transform .12s}.glass-list-item+.glass-list-item{margin-top:var(--gs-sm)}.glass-list-item:active{transform:scale(.98);background:var(--glass-fill)}.glass-list-item__icon{flex:0 0 40px;width:40px;height:40px;border-radius:var(--gr-sm);background:var(--glass-accent-soft);display:flex;align-items:center;justify-content:center;color:var(--glass-accent)}.glass-list-item__title{flex:1;font-size:15px;font-weight:600;color:var(--glass-text)}.glass-list-item__sub{font-size:12px;color:var(--glass-text-muted);margin-top:2px}.glass-list-item__arrow{color:var(--glass-text-faint);font-size:18px}.glass-stat{display:flex;flex-direction:column;gap:6px;padding:var(--gs-lg);background:var(--glass-fill);border:1px solid var(--glass-border-soft);border-radius:var(--gr-md);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow-sm),var(--glass-top-light);text-align:center}.glass-stat__value{font-size:20px;font-weight:800;color:var(--glass-text);letter-spacing:-.01em}.glass-stat__label{font-size:12px;color:var(--glass-text-muted);font-weight:600}.glass-stat--accent .glass-stat__value{color:var(--glass-accent)}.glass-stat--success .glass-stat__value{color:var(--glass-text-success)}.glass-stat--gold .glass-stat__value{color:var(--glass-gold)}.glass-progress{height:8px;background:var(--glass-fill-soft);border:1px solid var(--glass-border-soft);border-radius:var(--gr-pill);overflow:hidden}.glass-progress__bar{height:100%;background:var(--glass-gradient-primary);border-radius:var(--gr-pill);box-shadow:var(--glass-shadow-glow);transition:width .32s ease}.glass-nav{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:var(--gz-nav);display:flex;align-items:center;gap:0;padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));border-radius:0;background:var(--glass-fill-dark);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));border-top:1px solid var(--glass-border);border-left:none;border-right:none;border-bottom:none;box-shadow:0 -4px 24px #00000059,var(--glass-top-light)}.glass-nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0;padding:6px 2px;border:none;background:transparent;color:var(--glass-text-muted);font-size:10px;font-weight:600;border-radius:0;cursor:pointer;transition:color .18s,background .18s,transform .12s;-webkit-tap-highlight-color:transparent}.glass-nav__item svg{width:22px;height:22px}.glass-nav__item:active{transform:scale(.92)}.glass-nav__item--active{color:var(--glass-text-on-accent);background:transparent;box-shadow:none}.glass-nav__item--active svg{filter:drop-shadow(0 0 6px var(--glass-accent))}.glass-nav__item--active span{color:var(--glass-accent)}.glass-header{position:sticky;top:0;z-index:var(--gz-header);display:flex;align-items:center;justify-content:space-between;gap:var(--gs-md);padding:var(--gs-md) var(--gs-lg);background:var(--glass-fill-dark);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border-soft);color:var(--glass-text)}.glass-header__title{font-size:17px;font-weight:700;color:var(--glass-text);margin:0}.glass-header__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-border-soft);background:var(--glass-fill);color:var(--glass-text);cursor:pointer;-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm))}.glass-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--gz-modal);background:#00000073;-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));display:flex;align-items:center;justify-content:center;padding:var(--gs-xl);animation:glass-fade-in .18s ease}.glass-dialog{position:relative;width:100%;max-width:360px;padding:var(--gs-2xl);border-radius:var(--gr-2xl);background:var(--glass-fill-deep);-webkit-backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg),var(--glass-top-light);color:var(--glass-text);animation:glass-pop-in .22s cubic-bezier(.2,.8,.2,1)}.glass-dialog--toast{max-width:320px;padding:var(--gs-xl) var(--gs-2xl);text-align:center}.glass-dialog--sheet{position:fixed;left:0;right:0;bottom:0;max-width:100%;width:100%;margin:0 auto;border-radius:var(--gr-2xl) var(--gr-2xl) 0 0;animation:glass-slide-up .26s cubic-bezier(.2,.8,.2,1)}.glass-dialog__title{font-size:18px;font-weight:700;color:var(--glass-text);margin:0 0 var(--gs-sm);text-align:center}.glass-dialog__body{font-size:14px;font-weight:500;color:var(--glass-text-soft);margin:0 0 var(--gs-2xl);text-align:center;line-height:1.5}.glass-dialog__actions{display:flex;gap:var(--gs-md)}.glass-dialog__actions>.glass-btn{flex:1}.glass-dialog__mark{width:56px;height:56px;margin:0 auto var(--gs-md);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-accent-soft);border:1px solid var(--glass-border-tinted);color:var(--glass-accent);font-size:28px}.glass-dialog__mark--success{background:var(--glass-success-soft);color:var(--glass-text-success);border-color:#00d66c4d}.glass-dialog__mark--danger{background:var(--glass-danger-soft);color:var(--glass-text-danger);border-color:#ff52524d}.glass-dialog__mark--gold{background:#ffd70029;color:var(--glass-gold);border-color:#ffd7004d}.glass-toast{position:fixed;left:50%;top:24px;transform:translate(-50%);z-index:var(--gz-toast);padding:12px var(--gs-xl);border-radius:var(--gr-pill);background:var(--glass-fill-deep);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg),var(--glass-top-light);color:var(--glass-text);font-size:14px;font-weight:600;max-width:calc(100% - 32px);text-align:center;animation:glass-toast-in .22s ease}.glass-toast--success{border-color:#00d66c66;color:var(--glass-text-success)}.glass-toast--danger{border-color:#ff525266;color:var(--glass-text-danger)}@keyframes glass-fade-in{0%{opacity:0}to{opacity:1}}@keyframes glass-pop-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glass-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes glass-toast-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.glass-text{color:var(--glass-text)!important}.glass-text--soft{color:var(--glass-text-soft)!important}.glass-text--muted{color:var(--glass-text-muted)!important}.glass-text--accent{color:var(--glass-accent)!important}.glass-text--gold{color:var(--glass-gold)!important}.glass-text--success{color:var(--glass-text-success)!important}.glass-text--danger{color:var(--glass-text-danger)!important}.glass-gradient-text{background:var(--glass-gradient-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-gradient-text--primary{background:var(--glass-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-flex-1{flex:1}.glass-text-center{text-align:center}.glass-text-right{text-align:right}.glass-mt-sm{margin-top:var(--gs-sm)}.glass-mt-md{margin-top:var(--gs-md)}.glass-mt-lg{margin-top:var(--gs-lg)}.glass-mt-xl{margin-top:var(--gs-xl)}.glass-mb-sm{margin-bottom:var(--gs-sm)}.glass-mb-md{margin-bottom:var(--gs-md)}.glass-mb-lg{margin-bottom:var(--gs-lg)}.glass-mb-xl{margin-bottom:var(--gs-xl)}@supports not (backdrop-filter: blur(1px)){.glass-card,.glass-section,.glass-hero,.glass-stat,.glass-input,.glass-textarea,.glass-select,.glass-list-item,.glass-input-affix,.glass-nav,.glass-header,.glass-btn,.glass-chip{background:#ffffffeb!important}.glass-dialog,.glass-toast,.glass-scrim{background:#0000008c!important}}@media (prefers-reduced-transparency: reduce){.glass-card,.glass-section,.glass-hero,.glass-stat,.glass-list-item,.glass-input-affix,.glass-nav,.glass-header,.glass-btn,.glass-chip{background:#fffffff2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass-dialog,.glass-toast{background:#0009!important}.glass-app:before{opacity:.18}.glass-app:after{display:none}}.glass-app .clay-btn,.glass-app .btn-primary,.glass-app .clay-btn-primary{background:var(--glass-gradient-primary)!important;color:var(--glass-text-on-accent)!important;border:1px solid var(--glass-border-tinted)!important;box-shadow:var(--glass-shadow-md),var(--glass-shadow-glow),var(--glass-top-light)!important;-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important}.glass-app .clay-dialog,.glass-app .clay-toast,.glass-app .clay-modal{background:var(--glass-fill-deep)!important;-webkit-backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturate))!important;backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturate))!important;border:1px solid var(--glass-border)!important;color:var(--glass-text)!important;box-shadow:var(--glass-shadow-lg),var(--glass-top-light)!important}.glass-app .card-dark,.glass-app .clay-card,.glass-app .clay-panel,.glass-app .card{background:var(--glass-fill)!important;-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate))!important;backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate))!important;border:1px solid var(--glass-border-soft)!important;color:var(--glass-text)!important;box-shadow:var(--glass-shadow-sm),var(--glass-top-light)!important}.glass-app .input-dark,.glass-app .clay-input,.glass-app input[type=text],.glass-app input[type=password],.glass-app input[type=tel],.glass-app input[type=number],.glass-app input[type=email]{background:var(--glass-fill-soft)!important;border:1px solid var(--glass-border-soft)!important;color:var(--glass-text)!important;-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate))!important;backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate))!important;box-shadow:inset 0 1px 2px #0003!important}body:has(.glass-app),body:has(.glass-app) #root{background:var(--glass-bg-base)!important}body:has(.glass-app){background:var(--glass-bg-base)!important;color:var(--glass-text)!important}#root:has(.glass-app){background:var(--glass-bg-base)!important}html:has(.glass-app) body{background:var(--glass-bg-base)!important;color:var(--glass-text)!important}html,body{background:var(--glass-bg-base)!important}.glass-app ::-webkit-scrollbar{width:4px;height:4px}.glass-app ::-webkit-scrollbar-track{background:transparent}.glass-app ::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--gr-pill)}