:root,:root[data-theme=light]{color-scheme:light;--brand: #ec4d7e;--brand-hover: #f26d95;--brand-active: #d13868;--brand-gradient: linear-gradient(135deg, #ec4d7e 0%, #f26d95 100%);--brand-gradient-deep: linear-gradient(135deg, #ec4d7e 0%, #d13868 100%);--brand-muted-bg: rgba(236, 77, 126, .12);--bg-primary: #f2f2f7;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-muted: #e8e8ed;--bg-input: #ffffff;--bg-inverse: #1a1a1a;--bg-header: #ec4d7e;--text-primary: #1a1a1a;--text-secondary: #5c5c5c;--text-muted: #8e8e93;--text-on-brand: #ffffff;--text-on-inverse: #ffffff;--text-link: var(--brand);--border: #e5e5ea;--border-strong: #d1d1d6;--border-input: #d1d1d6;--btn-primary-bg: var(--brand);--btn-primary-text: #ffffff;--btn-primary-hover: var(--brand-hover);--btn-primary-active: var(--brand-active);--btn-disabled-bg: #cccccc;--btn-disabled-text: #ffffff;--overlay: rgba(26, 26, 26, .42);--shadow-color: rgba(0, 0, 0, .1);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .05);--shadow-btn: 0 8px 20px rgba(236, 77, 126, .32);--surface-border: 1px solid var(--border);--success: #1f8a5b;--success-bg: rgba(31, 138, 91, .12);--danger: #c0392b;--danger-bg: rgba(192, 57, 43, .1);--warning: var(--brand);--warning-bg: var(--brand-muted-bg);--nav-active: var(--text-primary);--nav-inactive: #8e8e93;--handle: #d1d1d6;--premium-gradient: linear-gradient(135deg, #d13868 0%, #ec4d7e 45%, #f26d95 100%);--premium-glow: rgba(236, 77, 126, .35);--chip-active-bg: var(--bg-inverse);--chip-active-text: var(--text-on-inverse);--chip-inactive-bg: var(--bg-muted);--chip-inactive-text: var(--text-secondary);--glass-bg: color-mix(in srgb, var(--bg-primary) 92%, transparent);--glass-border: var(--border);--install-banner-bg: var(--bg-card);--install-banner-border: var(--border-strong);--bottom-nav-height: calc(72px + env(safe-area-inset-bottom, 0px)) ;--placeholder-gradient: radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--brand) 18%, var(--bg-card)) 0%, var(--bg-muted) 100%);--glow-brand: color-mix(in srgb, var(--brand) 55%, transparent);--cart-fab-bg: var(--text-primary);--cart-fab-fg: var(--text-on-brand);--accent: var(--brand);--accent-soft: var(--brand-muted-bg)}:root[data-theme=dark]{color-scheme:dark;--brand: #ec4d7e;--brand-hover: #f26d95;--brand-active: #d13868;--brand-gradient: linear-gradient(135deg, #ec4d7e 0%, #f26d95 100%);--brand-gradient-deep: linear-gradient(135deg, #ec4d7e 0%, #d13868 100%);--brand-muted-bg: rgba(236, 77, 126, .18);--bg-primary: #121212;--bg-card: #1e1e1e;--bg-elevated: #1e1e1e;--bg-muted: #2a2a2a;--bg-input: #1e1e1e;--bg-inverse: #2a2a2a;--bg-header: #1e1e1e;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #707070;--text-on-brand: #ffffff;--text-on-inverse: #ffffff;--text-link: var(--brand-hover);--border: #2a2a2a;--border-strong: #3a3a3a;--border-input: #2a2a2a;--btn-disabled-bg: #3a3a3a;--btn-disabled-text: #707070;--overlay: rgba(0, 0, 0, .65);--shadow-color: rgba(0, 0, 0, .35);--shadow-btn: 0 12px 26px rgba(236, 77, 126, .22);--success-bg: rgba(31, 138, 91, .2);--danger-bg: rgba(192, 57, 43, .2);--warning-bg: var(--brand-muted-bg);--nav-active: var(--text-primary);--nav-inactive: #707070;--handle: #3a3a3a;--premium-gradient: linear-gradient(135deg, #1e1e1e 0%, #2a1520 40%, #3d1a2e 70%, #121212 100%);--premium-glow: rgba(236, 77, 126, .25);--chip-active-bg: var(--brand);--chip-active-text: var(--text-on-brand);--chip-inactive-bg: var(--bg-muted);--chip-inactive-text: var(--text-secondary);--glass-bg: color-mix(in srgb, var(--bg-primary) 92%, transparent);--glass-border: var(--border);--install-banner-bg: #252525;--install-banner-border: color-mix(in srgb, var(--border-strong) 70%, #ffffff 8%);--placeholder-gradient: radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--brand) 22%, var(--bg-card)) 0%, var(--bg-muted) 100%);--glow-brand: color-mix(in srgb, var(--brand) 45%, transparent);--cart-fab-bg: #ffffff;--cart-fab-fg: #1a1a1a;--accent: var(--brand);--accent-soft: var(--brand-muted-bg);--surface-border: 1px solid transparent}.border-gradient{border:1.5px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--brand-gradient) border-box}:root[data-theme=dark] .border-gradient{border:1.5px solid var(--brand);background:var(--bg-card)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);overscroll-behavior:none;transition:background-color .2s ease,color .2s ease}button,input{font-family:inherit}.sc-scroll::-webkit-scrollbar,.sc-scroll-x::-webkit-scrollbar{width:0;height:0;display:none}.sc-scroll,.sc-scroll-x{scrollbar-width:none;-ms-overflow-style:none}.sc-scroll-x{cursor:grab}.sc-scroll-x:active{cursor:grabbing}.sc-bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:90;display:flex;justify-content:space-around;align-items:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.sc-bottom-nav__item{background:none;border:none;cursor:pointer;padding:0 10px;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.sc-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10100;background:var(--overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;touch-action:none;opacity:0;transition:opacity .38s cubic-bezier(.32,.72,0,1)}.sc-sheet-root--active{opacity:1}.sc-sheet-panel{--sc-sheet-edge-inset: 28px;width:100%;max-height:min(88vh,720px);background:var(--bg-elevated);border-radius:30px 30px 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;will-change:transform;transform:translate3d(0,100%,0);transition:transform .38s cubic-bezier(.32,.72,0,1)}.sc-sheet-panel--active{transform:translateZ(0)}.sc-sheet-grab{flex-shrink:0;padding:10px 22px 0;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.sc-sheet-grab:active{cursor:grabbing}.sc-sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--handle);margin:0 auto 14px}.sc-sheet-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;padding-bottom:14px}.sc-sheet-body{flex:1;overflow-y:auto;min-height:0;padding:0 22px;touch-action:pan-y}.sc-sheet-panel--balanced .sc-sheet-body{padding-bottom:calc(var(--sc-sheet-edge-inset) + env(safe-area-inset-bottom,0px))}.sc-sheet-footer{flex-shrink:0;padding:0 22px calc(22px + env(safe-area-inset-bottom,0px))}.sc-sheet-panel--balanced .sc-sheet-footer{padding-bottom:calc(var(--sc-sheet-edge-inset) + env(safe-area-inset-bottom,0px))}.sc-sheet-panel--notifications .sc-sheet-body{padding-bottom:0}.sc-plan-premium-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--premium-gradient);background-size:320% 320%;animation:sc-premium-gradient 9s ease-in-out infinite}.sc-plan-premium-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 12%,var(--premium-glow) 0%,transparent 52%);animation:sc-premium-glow 6s ease-in-out infinite alternate}@keyframes sc-premium-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes sc-premium-glow{0%{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.legal-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}.legal-page__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 20px 14px;background:color-mix(in srgb,var(--bg-primary) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.legal-page__back{width:40px;height:40px;border-radius:13px;border:none;background:var(--bg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legal-page__title{flex:1;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.25;color:var(--text-primary)}.legal-page__body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px))}.legal-markdown{font-size:15px;line-height:1.6;color:var(--text-primary)}.legal-markdown>*+*{margin-top:.85em}.legal-markdown h1,.legal-markdown h2,.legal-markdown h3{font-weight:700;color:var(--text-primary);line-height:1.3;margin-top:1.4em;margin-bottom:.45em}.legal-markdown h1{font-size:22px}.legal-markdown h2{font-size:18px}.legal-markdown h3{font-size:16px}.legal-markdown p,.legal-markdown li{color:var(--text-primary)}.legal-markdown ul,.legal-markdown ol{padding-left:1.25em}.legal-markdown a{color:var(--text-link);font-weight:600;text-decoration:underline;text-underline-offset:2px}.legal-markdown strong{font-weight:700}.legal-table-wrap{overflow-x:auto;margin:1em 0;-webkit-overflow-scrolling:touch}.legal-table-wrap table{width:100%;min-width:320px;border-collapse:collapse;font-size:13px;line-height:1.45}.legal-table-wrap th,.legal-table-wrap td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}.legal-table-wrap th{background:var(--bg-muted);font-weight:700}.legal-table-wrap tr:nth-child(2n) td{background:color-mix(in srgb,var(--bg-muted) 45%,transparent)}.legal-consents{margin-top:18px;display:flex;flex-direction:column;gap:12px}.legal-consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.legal-consent__input{position:absolute;opacity:0;width:0;height:0}.legal-consent__box{width:20px;height:20px;border-radius:6px;border:2px solid var(--border-strong);background:var(--bg-input);flex-shrink:0;margin-top:1px;position:relative}.legal-consent__input:checked+.legal-consent__box{background:var(--brand);border-color:var(--brand)}.legal-consent__input:checked+.legal-consent__box:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--text-on-brand);border-width:0 2px 2px 0;transform:rotate(45deg)}.legal-consent__text{font-size:13px;line-height:1.5;font-weight:500;color:var(--text-secondary)}.legal-consent__optional{color:var(--text-muted);font-weight:500}.legal-consent__link{color:var(--text-link);font-weight:600;text-decoration:underline;text-underline-offset:2px}.payment-bind-intro{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border)}.payment-bind-intro__icon{width:40px;height:40px;border-radius:12px;background:var(--brand-muted-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-bind-intro__text{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.payment-bind-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.payment-bind-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-muted, var(--chip-inactive-bg));padding:6px 10px;border-radius:999px}.payment-bind-note{margin:10px 0 14px;font-size:12px;line-height:1.4;color:var(--text-muted, var(--text-secondary))}.payment-bind-screen{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.payment-bind-screen__body{flex:1;overflow-y:auto;padding:24px 22px 32px}.payment-bind-panel{max-width:360px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.payment-bind-panel__title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.payment-bind-panel__text{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.payment-bind-panel__fine{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--text-muted, var(--text-secondary))}.payment-bind-panel__error{margin:0;font-size:13px;color:var(--danger)}.payment-bind-panel__spinner{width:44px;height:44px;border-radius:50%;border:3px solid color-mix(in srgb,var(--brand) 20%,transparent);border-top-color:var(--brand);animation:payment-bind-spin .8s linear infinite}.payment-bind-panel__lock,.payment-bind-panel__success{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand-muted-bg)}.payment-bind-panel__success{background:var(--brand)}@keyframes payment-bind-spin{to{transform:rotate(360deg)}}.sc-surface{border:var(--surface-border);box-sizing:border-box}