:root{color-scheme:light dark;--radius: 22px;--danger: #ff5d5d;--bg: #08090d;--text: rgba(255, 255, 255, .96);--muted: rgba(255, 255, 255, .58);--overlay-bg: rgba(0, 0, 0, .6);--border: rgba(255, 255, 255, .1);--panel: rgba(255, 255, 255, .05);--panel2: rgba(255, 255, 255, .07);--glass: rgba(16, 16, 20, .72);--glass2: rgba(16, 16, 20, .58);--shadow: rgba(0, 0, 0, .65);--bg-accent-1: rgba(139, 92, 246, .25);--bg-accent-2: rgba(6, 182, 212, .18);--bg-accent-3: rgba(244, 63, 94, .12);--topbar-fade: rgba(8, 9, 13, .85);--fade-clear: rgba(8, 9, 13, 0);--tabbar-fade-1: rgba(8, 9, 13, .75);--tabbar-fade-2: rgba(8, 9, 13, .92);--pill-active-bg: rgba(255, 255, 255, .95);--pill-active-color: #0a0a0a;--tab-active-bg: rgba(255, 255, 255, .1);--card-overlay-1: rgba(0, 0, 0, .08);--card-overlay-2: rgba(0, 0, 0, .55);--card-overlay-3: rgba(0, 0, 0, .78);--card-bg: rgba(16, 16, 20, .92);--profile-card-bg: rgba(16, 16, 20, .55);--profile-card-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .3);--button-bg: rgba(255, 255, 255, .08);--button-hover: rgba(255, 255, 255, .14);--button-primary-bg: rgba(255, 255, 255, .95);--button-primary-color: #0a0a0a;--plan-desc-active: rgba(0, 0, 0, .75);--theme-btn-bg: rgba(16, 16, 20, .45);--theme-btn-border: rgba(255, 255, 255, .1);--theme-btn-hover: rgba(16, 16, 20, .65);--theme-btn-active-bg: rgba(255, 255, 255, .95);--theme-btn-active-color: #0a0a0a;--accent-gradient: linear-gradient(135deg, #a855f7, #06b6d4);--accent-glow: rgba(139, 92, 246, .4);--card-hover-lift: -6px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--tabbar-space: 78px}:root[data-theme=light]{--bg: #ffffff;--text: rgba(15, 15, 20, .9);--muted: rgba(15, 15, 20, .55);--overlay-bg: rgba(15, 15, 20, .2);--border: rgba(139, 92, 246, .12);--panel: rgba(255, 255, 255, .95);--panel2: rgba(255, 255, 255, .98);--glass: rgba(255, 255, 255, .92);--glass2: rgba(255, 255, 255, .88);--shadow: rgba(139, 92, 246, .08);--bg-accent-1: rgba(139, 92, 246, .08);--bg-accent-2: rgba(6, 182, 212, .06);--bg-accent-3: rgba(244, 63, 94, .04);--topbar-fade: rgba(255, 255, 255, .92);--fade-clear: rgba(255, 255, 255, 0);--tabbar-fade-1: rgba(255, 255, 255, .85);--tabbar-fade-2: rgba(255, 255, 255, .95);--pill-active-bg: linear-gradient(135deg, #7c3aed, #0891b2);--pill-active-color: #ffffff;--tab-active-bg: rgba(139, 92, 246, .1);--card-overlay-1: rgba(255, 255, 255, .02);--card-overlay-2: rgba(0, 0, 0, .32);--card-overlay-3: rgba(0, 0, 0, .48);--card-bg: #ffffff;--profile-card-bg: #ffffff;--profile-card-border: rgba(139, 92, 246, .12);--input-bg: #ffffff;--button-bg: rgba(139, 92, 246, .08);--button-hover: rgba(139, 92, 246, .14);--button-primary-bg: linear-gradient(135deg, #7c3aed, #0891b2);--button-primary-color: #ffffff;--plan-desc-active: rgba(255, 255, 255, .92);--theme-btn-bg: rgba(139, 92, 246, .06);--theme-btn-border: rgba(139, 92, 246, .15);--theme-btn-hover: rgba(139, 92, 246, .12);--theme-btn-active-bg: linear-gradient(135deg, #7c3aed, #0891b2);--theme-btn-active-color: #ffffff;--accent-gradient: linear-gradient(135deg, #7c3aed, #0891b2);--accent-glow: rgba(124, 58, 237, .2);--card-hover-lift: -6px;--tabbar-space: 78px}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg: #ffffff;--text: rgba(15, 15, 20, .9);--muted: rgba(15, 15, 20, .55);--overlay-bg: rgba(15, 15, 20, .2);--border: rgba(139, 92, 246, .12);--panel: rgba(255, 255, 255, .95);--panel2: rgba(255, 255, 255, .98);--glass: rgba(255, 255, 255, .92);--glass2: rgba(255, 255, 255, .88);--shadow: rgba(139, 92, 246, .08);--bg-accent-1: rgba(139, 92, 246, .08);--bg-accent-2: rgba(6, 182, 212, .06);--bg-accent-3: rgba(244, 63, 94, .04);--topbar-fade: rgba(255, 255, 255, .92);--fade-clear: rgba(255, 255, 255, 0);--tabbar-fade-1: rgba(255, 255, 255, .85);--tabbar-fade-2: rgba(255, 255, 255, .95);--pill-active-bg: linear-gradient(135deg, #7c3aed, #0891b2);--pill-active-color: #ffffff;--tab-active-bg: rgba(139, 92, 246, .1);--card-overlay-1: rgba(255, 255, 255, .02);--card-overlay-2: rgba(0, 0, 0, .32);--card-overlay-3: rgba(0, 0, 0, .48);--card-bg: #ffffff;--profile-card-bg: #ffffff;--profile-card-border: rgba(139, 92, 246, .12);--input-bg: #ffffff;--button-bg: rgba(139, 92, 246, .08);--button-hover: rgba(139, 92, 246, .14);--button-primary-bg: linear-gradient(135deg, #7c3aed, #0891b2);--button-primary-color: #ffffff;--plan-desc-active: rgba(255, 255, 255, .92);--theme-btn-bg: rgba(139, 92, 246, .06);--theme-btn-border: rgba(139, 92, 246, .15);--theme-btn-hover: rgba(139, 92, 246, .12);--theme-btn-active-bg: linear-gradient(135deg, #7c3aed, #0891b2);--theme-btn-active-color: #ffffff;--accent-gradient: linear-gradient(135deg, #7c3aed, #0891b2);--accent-glow: rgba(124, 58, 237, .2);--card-hover-lift: -6px;--tabbar-space: 78px}}:root[data-theme=dark]{--bg: #08090d;--text: rgba(255, 255, 255, .96);--muted: rgba(255, 255, 255, .58);--overlay-bg: rgba(0, 0, 0, .6);--border: rgba(255, 255, 255, .1);--panel: rgba(255, 255, 255, .05);--panel2: rgba(255, 255, 255, .07);--glass: rgba(16, 16, 20, .72);--glass2: rgba(16, 16, 20, .58);--shadow: rgba(0, 0, 0, .65);--bg-accent-1: rgba(139, 92, 246, .25);--bg-accent-2: rgba(6, 182, 212, .18);--bg-accent-3: rgba(244, 63, 94, .12);--topbar-fade: rgba(8, 9, 13, .85);--fade-clear: rgba(8, 9, 13, 0);--tabbar-fade-1: rgba(8, 9, 13, .75);--tabbar-fade-2: rgba(8, 9, 13, .92);--pill-active-bg: rgba(255, 255, 255, .95);--pill-active-color: #0a0a0a;--tab-active-bg: rgba(255, 255, 255, .1);--card-overlay-1: rgba(0, 0, 0, .08);--card-overlay-2: rgba(0, 0, 0, .55);--card-overlay-3: rgba(0, 0, 0, .78);--card-bg: rgba(16, 16, 20, .92);--profile-card-bg: rgba(16, 16, 20, .55);--profile-card-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .3);--button-bg: rgba(255, 255, 255, .08);--button-hover: rgba(255, 255, 255, .14);--theme-btn-bg: rgba(16, 16, 20, .45);--theme-btn-border: rgba(255, 255, 255, .1);--theme-btn-hover: rgba(16, 16, 20, .65);--theme-btn-active-bg: rgba(255, 255, 255, .95);--theme-btn-active-color: #0a0a0a;--accent-gradient: linear-gradient(135deg, #a855f7, #06b6d4);--accent-glow: rgba(139, 92, 246, .4);--card-hover-lift: -6px;--tabbar-space: 78px}html,body{height:100%}body{margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,SF Pro Display,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg);color:var(--text);letter-spacing:-.01em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 1400px 900px at 15% -5%,var(--bg-accent-1),transparent 50%),radial-gradient(ellipse 1000px 700px at 85% 5%,var(--bg-accent-2),transparent 50%),radial-gradient(ellipse 800px 600px at 50% 100%,var(--bg-accent-3),transparent 50%);animation:bgPulse 20s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:1}to{opacity:.7}}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:900;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;display:flex;justify-content:center;background:linear-gradient(180deg,var(--topbar-fade),var(--fade-clear))}.topbar__pill{width:min(520px,calc(100% - 24px));height:44px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:18px;background:var(--glass);border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow),0 0 0 1px #ffffff0d inset;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}.topbar__left{display:flex;align-items:center;gap:10px;min-width:0}.topbarGen{height:30px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--glass2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);cursor:pointer;flex:0 0 auto;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.topbarGen:hover{transform:scale(1.02)}.topbarGen:active{transform:scale(.98)}.topbarGen__count{font-weight:900;letter-spacing:-.01em}.topbarGen__plus{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(135deg,#a855f7,#06b6d4);color:#fff;font-weight:800;line-height:1;font-size:14px;box-shadow:0 2px 8px #a855f759}.topbar__logo{width:28px;height:28px;border-radius:10px;object-fit:cover}.topbar__title{font-size:16px;font-weight:800;letter-spacing:-.02em}.app__content{flex:1;padding-bottom:calc(var(--tabbar-space) + env(safe-area-inset-bottom,0px))}.screen{padding:18px 16px 28px;max-width:520px;margin:0 auto}.gateScreen{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:calc(22px + env(safe-area-inset-top,0px)) 16px calc(22px + env(safe-area-inset-bottom,0px));background:transparent;color:var(--text)}.gateCard{width:min(520px,100%);border-radius:28px;background:var(--glass);border:1px solid var(--border);box-shadow:0 25px 80px var(--shadow),0 0 0 1px #ffffff0d inset;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);padding:24px 20px 20px;text-align:center;animation:gateCardIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes gateCardIn{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.gateHead{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:18px;background:var(--glass2);border:1px solid var(--border);box-shadow:0 18px 60px var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.gateLogo{width:34px;height:34px;border-radius:14px;object-fit:cover}.gateBrand{font-size:16px;font-weight:900;letter-spacing:-.02em}.gateTitle{margin-top:18px;font-size:clamp(20px,5vw,26px);font-weight:800;letter-spacing:-.03em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gateText{margin-top:10px;color:var(--muted);font-weight:700;line-height:1.35}.screen__header{margin-bottom:16px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.screen__title{font-size:clamp(20px,5vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:10px}.pillbar{display:flex;gap:10px}.templatesToolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px}.templatesToolbarTop{display:flex;align-items:center;gap:12px;width:100%}.searchPill{flex:1 1 auto;min-width:110px;max-width:260px;height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:999px;background:var(--glass2);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.searchPill__icon{color:var(--muted);font-weight:900}.searchPill__input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:14px;font-weight:600}.searchPill__input::placeholder{color:var(--muted);opacity:.75}.photoPicker__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.photoPicker__label{font-size:16px;font-weight:900;letter-spacing:-.02em}.photoPicker__meta{color:var(--muted);font-weight:800;font-size:14px;white-space:nowrap}.searchPill__clear{width:28px;height:28px;border-radius:12px;border:0;background:#00000040;color:#ffffffe6;font-size:20px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.searchPill__clear--ghost{background:transparent;cursor:default}.pill{border:0;background:var(--panel);color:var(--text);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-fast)}.pill:hover{background:var(--panel2)}.pill.is-active{background:var(--pill-active-bg);color:var(--pill-active-color);box-shadow:0 4px 12px #00000026}.pill.is-active:hover{background:var(--pill-active-bg)}:root[data-theme=light] .pill.is-active,:root[data-theme=light] .pill.is-active:hover{background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;box-shadow:0 4px 16px #7c3aed40}@media (prefers-color-scheme: light){:root:not([data-theme]) .pill.is-active,:root:not([data-theme]) .pill.is-active:hover{background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;box-shadow:0 4px 16px #7c3aed40}}.catbar{display:flex;gap:8px;overflow-x:auto;padding:2px 0 0;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none;-ms-overflow-style:none}.catbar::-webkit-scrollbar{display:none}.scrollTopBtn{position:fixed;right:14px;bottom:calc(var(--tabbar-space) + 14px);width:46px;height:46px;border-radius:16px;border:1px solid var(--border);background:var(--glass2);color:var(--text);box-shadow:0 18px 60px var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:1200}.scrollTopBtn:active{transform:translateY(1px)}.catPill{flex:0 0 auto;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--button-bg);color:var(--muted);font-size:13px;font-weight:600;line-height:28px;white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.catPill:hover{background:var(--button-hover);color:var(--text)}.catPill.is-active{background:var(--pill-active-bg);color:var(--pill-active-color);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #0000001f}.catPill.is-active:hover{background:var(--pill-active-bg)}:root[data-theme=light] .catPill.is-active,:root[data-theme=light] .catPill.is-active:hover{background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;border:1px solid transparent;box-shadow:0 4px 14px #7c3aed4d}@media (prefers-color-scheme: light){:root:not([data-theme]) .catPill.is-active,:root:not([data-theme]) .catPill.is-active:hover{background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;border:1px solid transparent;box-shadow:0 4px 14px #7c3aed4d}}.cards{display:grid;gap:16px}.cards>*{animation:cardFadeIn .5s cubic-bezier(.4,0,.2,1) backwards}.cards>*:nth-child(1){animation-delay:0ms}.cards>*:nth-child(2){animation-delay:50ms}.cards>*:nth-child(3){animation-delay:.1s}.cards>*:nth-child(4){animation-delay:.15s}.cards>*:nth-child(5){animation-delay:.2s}.cards>*:nth-child(6){animation-delay:.25s}.cards>*:nth-child(n+7){animation-delay:.3s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.variantGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.variantTile{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--card-bg);padding:0;cursor:pointer;text-align:left;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-fast)}.variantTile:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px var(--shadow);border-color:#ffffff26}.variantTile:active{transform:translateY(-2px) scale(.99)}.variantTile__media{position:relative;width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.variantTile__overlay{display:none}.variantTile__title{position:relative;padding:10px 12px;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--text);text-shadow:none}.refLibCatbar{margin-bottom:10px}.refLibGridWrap{max-height:min(62vh,560px);overflow:auto;padding-right:2px}.refLibGrid{padding-bottom:6px}.refLibGrid .variantTile__overlay{display:none}.refLibGrid .variantTile__media{filter:none}.colorGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.colorChip{width:100%;border-radius:16px;padding:10px 12px;border:1px solid var(--border);background:var(--glass2);color:var(--text);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:700}.colorChip.is-active{background:var(--pill-active-bg);color:var(--pill-active-color)}.formatGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width: 420px){.formatGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.formatChip{width:100%;border-radius:16px;padding:10px;border:1px solid var(--border);background:var(--glass2);color:var(--text);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition-fast)}.formatChip:hover{border-color:#fff3;transform:translateY(-2px)}.formatChip.is-active{border-color:#a855f799;box-shadow:0 0 0 2px #a855f733,0 12px 32px #00000040;color:var(--text);background:linear-gradient(135deg,#a855f71a,#06b6d40d)}.formatChip__iconWrap{width:100%;height:28px;display:flex;align-items:center;justify-content:center}.formatChip__icon{height:28px;max-width:44px;width:auto;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;box-shadow:inset 0 0 0 1px #0000002e}.formatChip.is-active .formatChip__icon{border-color:#a855f799;background:#a855f71a}.formatChip__label{font-size:12px;line-height:1;letter-spacing:-.01em}.formatPicker{display:flex;flex-direction:column;gap:10px}.formatPicker__head{width:100%;border:0;background:transparent;color:var(--text);padding:0;display:flex;align-items:center;justify-content:space-between;font-weight:800}.formatPicker__title{opacity:.95}.formatPicker__chev{opacity:.75;font-size:14px}.formatChip.formatChip--single{width:100%}.variantTile.theme-winter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 220px at 20% 10%,rgba(56,189,248,.18),transparent 62%),radial-gradient(420px 220px at 85% 95%,rgba(147,197,253,.12),transparent 66%);opacity:.7;z-index:0}.variantTile.theme-magic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 220px at 20% 10%,rgba(192,132,252,.18),transparent 62%),radial-gradient(420px 220px at 85% 95%,rgba(236,72,153,.12),transparent 66%);opacity:.7;z-index:0}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;margin:20px 0}.emptyState__icon{font-size:64px;line-height:1;color:var(--muted);margin-bottom:20px;opacity:.6}.emptyState__title{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:10px}.emptyState__text{font-size:14px;font-weight:600;color:var(--muted);line-height:1.4;max-width:320px}.card{position:relative;border-radius:var(--radius);overflow:hidden;min-height:190px;background:var(--card-bg);border:1px solid var(--border);isolation:isolate;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-fast);cursor:pointer}.card:hover{transform:translateY(var(--card-hover-lift)) scale(1.01);box-shadow:0 20px 50px var(--shadow),0 0 0 1px #ffffff14 inset;border-color:#ffffff2e}.card:active{transform:translateY(-2px) scale(.995)}:root[data-theme=light] .card{box-shadow:0 2px 12px #7c3aed0f}:root[data-theme=light] .card:hover{box-shadow:0 20px 50px #7c3aed1f;border-color:#7c3aed33}@media (prefers-color-scheme: light){:root:not([data-theme]) .card{box-shadow:0 2px 12px #7c3aed0f}:root:not([data-theme]) .card:hover{box-shadow:0 20px 50px #7c3aed1f;border-color:#7c3aed33}}.card.has-media{min-height:0;aspect-ratio:1920 / 840}.card.has-media:before{display:none}.card__mediaBlur{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(18px) saturate(1.05) contrast(1.05) brightness(.85);transform:scale(1.12);z-index:0}.card__mediaMain{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:1}.card__mediaOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--card-overlay-1),var(--card-overlay-2) 78%,var(--card-overlay-3));z-index:2}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(820px 300px at 20% 10%,rgba(255,255,255,.12),transparent 62%),radial-gradient(760px 260px at 85% 95%,rgba(255,255,255,.08),transparent 66%);opacity:.7}.card.theme-winter:before{background:radial-gradient(820px 300px at 20% 10%,rgba(56,189,248,.22),transparent 62%),radial-gradient(760px 260px at 85% 95%,rgba(147,197,253,.16),transparent 66%)}.card.theme-magic:before{background:radial-gradient(820px 300px at 20% 10%,rgba(192,132,252,.24),transparent 62%),radial-gradient(760px 260px at 85% 95%,rgba(236,72,153,.16),transparent 66%)}.card.theme-detail:before{background:radial-gradient(820px 300px at 20% 10%,rgba(250,204,21,.18),transparent 62%),radial-gradient(760px 260px at 85% 95%,rgba(34,197,94,.14),transparent 66%)}.card.theme-box:before{background:radial-gradient(820px 300px at 20% 10%,rgba(251,113,133,.2),transparent 62%),radial-gradient(760px 260px at 85% 95%,rgba(59,130,246,.12),transparent 66%)}.card__badge{position:absolute;top:14px;left:14px;padding:8px 12px;background:#00000061;border:1px solid rgba(255,255,255,.12);border-radius:14px;font-weight:800;color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.card__fav{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:10px;border:0;padding:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#ffffffe6;font-size:16px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;transition:transform var(--transition-bounce),background var(--transition-fast)}.card__fav:hover{transform:scale(1.15)}.card__fav:active{transform:scale(.9)}.card__fav.is-on{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#0a0a0a;box-shadow:0 4px 12px #f59e0b59}.card__body{position:absolute;left:16px;right:16px;bottom:16px;z-index:3}.card__title{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:#fffffffa}.card__subtitle{margin-top:6px;color:#fffc;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.22}.card:not(.has-media) .card__title{color:var(--text)}.card:not(.has-media) .card__subtitle{color:var(--muted)}.ugcCard{padding:12px;min-height:0;display:flex;flex-direction:column;gap:12px}.ugcCard__media{position:relative;overflow:hidden;border-radius:calc(var(--radius) - 10px);aspect-ratio:1920 / 840;background:#000}.ugcCard__media .card__mediaBlur{filter:blur(18px) saturate(1.05) contrast(1.05) brightness(1)}.ugcCard__body{position:relative;left:auto;right:auto;bottom:auto}.ugcCard__body .card__title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.ugcCard__body .card__subtitle{font-size:12px;font-weight:500}.mi{display:inline-block;vertical-align:-.12em}.mi--16{width:16px;height:16px}.proBadge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(168,85,247,.3);background:linear-gradient(135deg,#a855f71f,#06b6d414);color:var(--text);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.proBadge--locked{opacity:.7;border-color:var(--border);background:#00000026}.proBadge--active{background:linear-gradient(135deg,#a855f740,#06b6d42e);border-color:#a855f780;box-shadow:0 0 12px #a855f733}.btn.btn-pro{position:relative;background:linear-gradient(135deg,#a855f726,#06b6d41a);color:var(--text);border:1px solid rgba(168,85,247,.4);box-shadow:0 0 20px #a855f726,0 8px 24px #00000040;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn.btn-pro:hover{border-color:#a855f799;box-shadow:0 0 30px #a855f740,0 12px 32px #0000004d}.btn.btn-pro:active{transform:translateY(1px) scale(.98)}:root[data-theme=light] .btn.btn-pro{background:linear-gradient(135deg,#a855f71a,#06b6d414);color:#0a0a0aeb;border:1px solid rgba(168,85,247,.35);box-shadow:0 0 16px #a855f71a,0 8px 20px #00000014}:root[data-theme=light] .btn.btn-pro:hover{border-color:#a855f780;box-shadow:0 0 24px #a855f726,0 12px 28px #0000001a}@media (prefers-color-scheme: light){:root:not([data-theme]) .btn.btn-pro{background:linear-gradient(135deg,#a855f71a,#06b6d414);color:#0a0a0aeb;border:1px solid rgba(168,85,247,.35);box-shadow:0 0 16px #a855f71a,0 8px 20px #00000014}:root:not([data-theme]) .btn.btn-pro:hover{border-color:#a855f780;box-shadow:0 0 24px #a855f726,0 12px 28px #0000001a}}.btn-secondary{background:var(--button-bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--button-hover)}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{background:#7f1d1d;opacity:.6}.btn-accent{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#0a0a0af2;border:0;box-shadow:0 0 0 1px #fbbf244d,0 8px 24px #f59e0b40}.btn-accent:hover{box-shadow:0 0 0 1px #fbbf2466,0 12px 32px #f59e0b59}.btn-accent:disabled{opacity:.5;filter:grayscale(.3)}.subscriptionBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#a855f733,#06b6d426);border:1px solid rgba(168,85,247,.4);border-radius:8px;font-weight:600;font-size:13px;color:#a855f7}.autorenewActive{color:#16a34a;font-weight:600}.autorenewDisabled{color:var(--muted);font-weight:600}:root[data-theme=light] .autorenewActive{color:#15803d}@media (prefers-color-scheme: light){:root:not([data-theme]) .autorenewActive{color:#15803d}}.tplCard{padding:12px;min-height:0;display:flex;flex-direction:column;gap:12px}.tplCard:before{display:none}.tplCard__media{position:relative;overflow:hidden;border-radius:calc(var(--radius) - 10px);aspect-ratio:1920 / 840;background:#000}.tplCard__media .card__mediaBlur{filter:blur(18px) saturate(1.05) contrast(1.05) brightness(1)}.tplCard__body .card__title{font-size:14px;font-weight:700}.tplCard__body .card__subtitle{font-size:12px;font-weight:500}.tabbar{position:fixed;left:0;right:0;bottom:0;padding:0 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none;z-index:1000;background:transparent}.tabbar__wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}.tabbar__pill{position:relative;display:flex;gap:8px;padding:4px;border-radius:18px;background:var(--glass);border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow),0 0 0 1px #ffffff0d inset;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);z-index:1001}.tabbar__indicator{position:absolute;left:4px;top:4px;width:56px;height:42px;border-radius:14px;background:var(--tab-active-bg);transition:transform .26s cubic-bezier(.2,.8,.2,1);pointer-events:none}:root[data-theme=light] .tabbar__indicator{background:linear-gradient(135deg,#7c3aed26,#0891b21a)}@media (prefers-color-scheme: light){:root:not([data-theme]) .tabbar__indicator{background:linear-gradient(135deg,#7c3aed26,#0891b21a)}}.tabbar__icon-btn{display:flex;align-items:center;justify-content:center;width:56px;height:42px;text-decoration:none;color:var(--muted);border-radius:14px;transition:color var(--transition-fast),transform var(--transition-fast);position:relative;z-index:1}.tabbar__icon-btn:hover{color:var(--text)}.tabbar__icon-btn:active{transform:scale(.92)}.tabbar__icon-btn.is-active{color:var(--text);background:transparent}.tabbar__icon-btn.is-active .tabbar__icon{filter:drop-shadow(0 0 8px var(--accent-glow))}:root[data-theme=light] .tabbar__icon-btn.is-active{color:#7c3aed}@media (prefers-color-scheme: light){:root:not([data-theme]) .tabbar__icon-btn.is-active{color:#7c3aed}}.tabbar__icon{width:24px;height:24px;display:block}.tabbar__labels{position:relative;display:flex;gap:8px;padding:3px 4px;border-radius:16px;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tabbar__labelsIndicator{position:absolute;left:4px;top:3px;width:56px;height:22px;border-radius:12px;background:var(--tab-active-bg);transition:transform .26s cubic-bezier(.2,.8,.2,1);pointer-events:none}.tabbar__label{width:56px;font-size:10.5px;font-weight:600;letter-spacing:-.01em;text-decoration:none;color:var(--muted);text-align:center;padding:3px 2px;transition:all .2s ease;position:relative;z-index:1}.tabbar__label.is-active{color:var(--text);font-weight:700}.muted{color:var(--muted)}.genLeftBtn{border:0;background:transparent;padding:0;cursor:pointer}.genLeftBtn:active{transform:translateY(1px)}.error{color:var(--danger);margin:10px 0;white-space:pre-wrap}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:12px;margin:10px 0}.panel.panel--compact{padding:10px;margin:10px 0}.ugcPhotoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ugcPhotoGrid .panel{margin:0}.ugcPhotoGrid .photoDrop{height:160px}.ugcPhotoStack{display:flex;flex-direction:column;gap:10px}.ugcPhotoStack .panel{margin:0}@media (max-width: 360px){.ugcPhotoGrid{grid-template-columns:1fr}.ugcPhotoGrid .photoDrop{height:210px}}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.btn{border:0;background:var(--button-bg);color:var(--text);padding:10px 14px;border-radius:14px;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.98)}.btn.btn-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:16px;background:var(--glass2);border:1px solid var(--border);color:var(--text);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn:disabled{opacity:.6;cursor:default}.btn.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-color);box-shadow:0 4px 16px #00000026}.btn.btn-primary:hover{box-shadow:0 8px 24px #0003}:root[data-theme=light] .btn.btn-primary{background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;box-shadow:0 4px 20px #7c3aed4d}:root[data-theme=light] .btn.btn-primary:hover{box-shadow:0 8px 28px #7c3aed66}@media (prefers-color-scheme: light){:root:not([data-theme]) .btn.btn-primary{background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;box-shadow:0 4px 20px #7c3aed4d}:root:not([data-theme]) .btn.btn-primary:hover{box-shadow:0 8px 28px #7c3aed66}}.btn.btn-glass{background:var(--glass2);border:1px solid var(--border);box-shadow:0 18px 60px var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn.btn-big{width:100%;padding:12px 14px;border-radius:16px;font-size:15px}.btn.btn-mini{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:850}.profileMiniActions{gap:10px;flex-wrap:wrap}.profilePanel{display:grid;gap:10px;padding:12px}.profileProRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.profileProLabel{color:var(--muted);font-weight:800;font-size:14px;letter-spacing:-.01em}.profileProValue{font-weight:900;font-size:15px}.profileProMuted{color:var(--muted);font-weight:850}.profileProMeta{color:var(--muted);font-weight:700;font-size:13px;line-height:1.25}.profileProMeta__k{color:var(--muted)}.profileAutorenewRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.profileAutorenewRight{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap}.autorenewActionBtn{border:1px solid rgba(168,85,247,.5);background:#a855f71a;color:#9333ea;padding:6px 10px;border-radius:999px;cursor:pointer;font-weight:700;font-size:12px;line-height:1;transition:all var(--transition-fast)}.autorenewActionBtn:hover{background:#a855f72e;border-color:#a855f7b3}.autorenewActionBtn:disabled{opacity:.5;cursor:default}:root[data-theme=light] .autorenewActionBtn{border:1px solid rgba(147,51,234,.6);background:#9333ea1f;color:#7c3aed}:root[data-theme=light] .autorenewActionBtn:hover{background:#9333ea33;border-color:#9333eacc}@media (prefers-color-scheme: light){:root:not([data-theme]) .autorenewActionBtn{border:1px solid rgba(147,51,234,.6);background:#9333ea1f;color:#7c3aed}:root:not([data-theme]) .autorenewActionBtn:hover{background:#9333ea33;border-color:#9333eacc}}.linkBtn{border:0;background:transparent;padding:0;cursor:pointer;color:#a855f7;font-weight:700;font-size:inherit;transition:color var(--transition-fast)}.linkBtn:hover{color:#c084fc}.profileMiniActions{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}.profileCta{width:100%}.profileGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statCard{background:var(--glass2);border:1px solid var(--border);border-radius:16px;padding:12px 14px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.statCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.statLabel{color:var(--muted);font-weight:750;font-size:12px;letter-spacing:-.01em}.statValue{margin-top:6px;font-weight:800;font-size:22px;letter-spacing:-.03em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profileThemeRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.profileThemeLabel{color:var(--muted);font-weight:800;font-size:14px}.profileLinks{display:grid;gap:10px;margin-top:4px}.profileLink{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--glass2);box-shadow:0 4px 16px var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.profileLink:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow);border-color:#ffffff26}.profileLink:active{transform:translateY(0) scale(.98)}.profileLink__icon{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:18px;flex:0 0 auto}.profileLink__text{font-weight:900;font-size:15px;letter-spacing:-.01em;flex:1 1 auto;text-align:left}.profileLink__chev{color:var(--muted);font-size:22px;font-weight:900;line-height:1;flex:0 0 auto}.profilePanel .themeToggle{gap:6px}.profilePanel .themeBtn{width:34px;height:34px;border-radius:12px;font-size:18px}.profilePrimary{width:100%;border-radius:18px;padding:12px 14px;font-size:15px}:root[data-theme=light] .btn.btn-primary.btn-big,:root[data-theme=light] .btn.btn-glass.btn-big{border-radius:999px;background:var(--button-primary-bg);color:var(--button-primary-color);border:0;box-shadow:0 18px 60px #1e19322e}@media (prefers-color-scheme: light){:root:not([data-theme]) .btn.btn-primary.btn-big,:root:not([data-theme]) .btn.btn-glass.btn-big{border-radius:999px;background:var(--button-primary-bg);color:var(--button-primary-color);border:0;box-shadow:0 18px 60px #1e19322e}}.runner__head{display:flex;align-items:center;justify-content:flex-start;gap:12px}.runner__back{flex:0 0 auto}.runner__title{font-size:18px;font-weight:900;letter-spacing:-.02em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runner__photosTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.photoPicker__thumbs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.photoRow{display:flex;align-items:center;gap:12px}.photoRow>.photoDrop{flex:0 0 auto}.photoRow__strip{display:flex;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;flex:1 1 auto;min-height:92px;padding:2px 2px 6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.photoRow__strip>.photoTile{scroll-snap-align:start;flex:0 0 auto}.photoTile{position:relative;width:92px;height:92px;border-radius:22px;border:1px solid var(--border);background:var(--glass2);overflow:hidden}.photoTile__img{width:100%;height:100%;object-fit:cover;display:block}.photoTile__remove{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:999px;border:0;background:#00000059;color:#ffffffeb;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.photoDrop{width:100%;height:210px;border-radius:28px;border:2px dashed var(--border);background:var(--glass2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.photoDrop:hover{border-color:#a855f780;background:#a855f70d;transform:scale(1.01)}.photoDrop:active{transform:scale(.99)}.photoDrop.photoDrop--compact{width:92px;height:92px;border-radius:22px;border:1px solid var(--border);background:var(--glass2);padding:0}.photoDrop.is-disabled{opacity:.45;cursor:default}.photoDrop__plusWrap{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#a855f726,#06b6d41a);border:1px solid rgba(168,85,247,.3);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform var(--transition-bounce),box-shadow var(--transition-fast)}.photoDrop:hover .photoDrop__plusWrap{transform:scale(1.08);box-shadow:0 12px 32px #a855f733}.photoDrop__plusWrap--compact{width:44px;height:44px;border-radius:16px;box-shadow:none}.photoDrop__plus{font-size:36px;line-height:1;font-weight:300;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.photoDrop__plus--compact{font-size:30px}.field__label{color:var(--muted);font-size:12px;font-weight:700;margin-bottom:6px}.input{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:12px 14px;font-weight:600;font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.input.input-glass{background:var(--glass2);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.list{display:grid;gap:10px;margin-top:12px}.list__item{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px 14px}.list__item--clickable{cursor:pointer}.history__row{display:flex;gap:12px;align-items:center}.history__thumb{width:54px;height:54px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#00000038;flex:0 0 auto}.history__thumb--empty{background:#ffffff0f}.history__text{min-width:0}.list__title{font-weight:900;font-size:15px}.list__meta{margin-top:6px;color:var(--muted);font-weight:650;font-size:12px}.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.kv:last-child{border-bottom:0}.kv__k{color:var(--muted);font-weight:700;font-size:14px}.kv__v{font-weight:800;font-size:16px}.profileCard{background:var(--profile-card-bg);border:1px solid var(--profile-card-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.profileCard__row{display:flex;align-items:center;gap:12px}.profileCard__avatar{width:52px;height:52px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#00000040}.profileCard__meta{min-width:0;display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-height:52px}.profileCard__langBtn,.profileCard__settingsBtn{margin-left:auto;flex:0 0 auto;width:44px;height:44px;box-shadow:0 18px 60px #0000002e}.profileCard__settingsBtn:before{content:"⚙";font-size:20px;line-height:1;opacity:.9}.settingsBlock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.settingsBlock:last-child{border-bottom:0}.settingsLabel{color:var(--muted);font-weight:800;font-size:14px}.settingsControls{display:inline-flex;align-items:center;gap:10px}.profileCard__name{font-weight:800;font-size:16px;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileCard__username{margin-top:4px;color:#ffffffa6;font-weight:700;font-size:13px;line-height:1.15}.langToggle{display:inline-flex;gap:8px;padding:4px;border-radius:999px;background:#12121459;border:1px solid rgba(255,255,255,.12)}.langToggle__btn{border:0;background:transparent;color:#ffffffb3;font-weight:900;padding:8px 12px;border-radius:999px;cursor:pointer}.langToggle__btn.is-active{background:#ffffffe6;color:#111}.flagToggle{display:inline-flex;gap:10px;align-items:center}.flagBtn{width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:var(--glass2);box-shadow:0 18px 60px var(--shadow);cursor:pointer;padding:0;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%}.flagBtn.is-active{outline:2px solid rgba(255,199,0,.9);outline-offset:2px}.flagBtn--ru{background:linear-gradient(180deg,#fff 0,#fff 33.3333%,#0c47b7 33.3333%,#0c47b7 66.6667%,#e53b35 66.6667%,#e53b35)}.flagBtn--us{background:linear-gradient(180deg,#b22234 0,#b22234 7.69%,#fff 7.69%,#fff 15.38%,#b22234 15.38%,#b22234 23.07%,#fff 23.07%,#fff 30.76%,#b22234 30.76%,#b22234 38.45%,#fff 38.45%,#fff 46.14%,#b22234 46.14%,#b22234 53.83%,#fff 53.83%,#fff 61.52%,#b22234 61.52%,#b22234 69.21%,#fff 69.21%,#fff 76.9%,#b22234 76.9%,#b22234 84.59%,#fff 84.59%,#fff 92.28%,#b22234 92.28%,#b22234)}.flagBtn--us:before{content:"";position:absolute;left:0;top:0;width:55%;height:55%;background:#3c3b6e}.segToggle{display:flex;justify-content:flex-end;margin-top:10px}.segBtn{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:var(--glass2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;color:var(--text);font-weight:900}.segBtn+.segBtn{margin-left:10px}.segBtn.is-active{background:var(--button-primary-bg);color:var(--button-primary-color);border-color:var(--button-primary-bg)}.segBtn__flag{width:32px;height:32px;border-radius:999px;border:0;box-shadow:none;flex:0 0 auto}.segBtn.is-active .segBtn__flag{outline:2px solid rgba(255,199,0,.9);outline-offset:2px}.segBtn__label{line-height:1}.themeToggle{display:inline-flex;gap:8px}.themeBtn{width:40px;height:40px;border-radius:14px;border:1px solid var(--theme-btn-border);background:var(--theme-btn-bg);color:var(--muted);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s ease}.themeBtn:hover{background:var(--theme-btn-hover)}.themeBtn.is-active{background:var(--theme-btn-active-bg);color:var(--theme-btn-active-color);border-color:var(--theme-btn-active-bg)}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--overlay-bg);display:flex;align-items:flex-end;justify-content:center;padding:18px 12px calc(18px + env(safe-area-inset-bottom,0px))}.modalOverlay--center{align-items:center;padding:18px 12px}.modalSheet{width:min(520px,100%);border-radius:24px;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:0 25px 80px var(--shadow),0 0 0 1px #ffffff0f inset;padding:16px;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modalSheet--center{width:min(520px,calc(100% - 24px))}.modalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.modalTitle{font-weight:950;font-size:16px}.modalBody{padding-top:6px}.generationStartedModal{text-align:center;padding:28px 20px 24px}.generationStartedIcon{font-size:56px;line-height:1;margin-bottom:16px;animation:rocketBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes rocketBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.generationStartedTitle{font-weight:900;font-size:20px;margin-bottom:12px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generationStartedText{color:var(--muted);font-weight:500;font-size:15px;line-height:1.55;margin-bottom:24px}.waitBody{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 10px 8px;text-align:center}.waitText{color:var(--muted);font-weight:700;font-size:14px;line-height:1.35;max-width:420px}.previewBody{display:grid;gap:12px;padding-top:6px}.previewImage{width:100%;max-height:min(64vh,560px);object-fit:contain;border-radius:18px;border:1px solid var(--border);background:var(--glass2)}.failBody{display:grid;gap:12px;padding-top:6px}.failText{color:var(--text);font-weight:750;font-size:14px;line-height:1.35;white-space:pre-wrap}.spinner{width:44px;height:44px;border-radius:999px;border:3px solid var(--border);border-top-color:transparent;background:conic-gradient(from 0deg,transparent,rgba(168,85,247,.8),rgba(6,182,212,.8),transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.planGrid{display:grid;gap:10px}.planCard{text-align:left;border:1px solid var(--border);background:var(--glass2);border-radius:18px;padding:12px;cursor:pointer;color:var(--text)}.planCard.is-active{background:var(--button-primary-bg);color:var(--button-primary-color);border-color:var(--button-primary-bg)}.planCard__title{font-weight:950}.planCard__price{margin-top:6px;font-weight:900}.planCard__desc{margin-top:6px;color:var(--muted);font-weight:700}.planCard__desc--multiline{white-space:pre-line}.planCard.is-active .planCard__desc,.planCard.is-active .planCard__price{color:var(--plan-desc-active)}.pricingScreen{padding-top:10px;padding-bottom:20px}.pricingHeader{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pricingHeaderTitle{font-size:18px;font-weight:900;letter-spacing:-.02em}.pricingSection{margin-bottom:28px}.pricingSectionTitle{font-size:14px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px;color:var(--text)}.pricingSectionHint{color:var(--muted);font-weight:600}.pricingSlider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 0 12px}.pricingSlider::-webkit-scrollbar{display:none}.pricingCard{position:relative;flex:0 0 260px;min-width:260px;max-width:260px;scroll-snap-align:center;background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}:root[data-theme=light] .pricingCard{background:#fff;border:1px solid rgba(124,58,237,.15);box-shadow:0 4px 20px #7c3aed14}@media (prefers-color-scheme: light){:root:not([data-theme]) .pricingCard{background:#fff;border:1px solid rgba(124,58,237,.15);box-shadow:0 4px 20px #7c3aed14}}.pricingCardHighlight{border-color:#a855f780;box-shadow:0 0 0 1px #a855f726,0 12px 36px #00000040}:root[data-theme=light] .pricingCardHighlight{border-color:#7c3aed66;box-shadow:0 0 0 2px #7c3aed1a,0 12px 36px #7c3aed26}@media (prefers-color-scheme: light){:root:not([data-theme]) .pricingCardHighlight{border-color:#7c3aed66;box-shadow:0 0 0 2px #7c3aed1a,0 12px 36px #7c3aed26}}.pricingCardBadge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 12px;background:linear-gradient(135deg,#a855f7,#06b6d4);color:#fff;font-size:11px;font-weight:700;border-radius:999px;white-space:nowrap;box-shadow:0 2px 12px #a855f766}.pricingCardBadgePro{background:linear-gradient(135deg,#a855f7,#06b6d4);box-shadow:0 2px 12px #a855f773}.pricingCardProHighlight{border-color:#a855f799;box-shadow:0 0 0 2px #a855f72e,0 16px 44px #0000004d}.pricingCardPro{border-color:#a855f773;background:linear-gradient(135deg,#a855f714,#06b6d40d);box-shadow:0 0 0 1px #a855f71f,0 16px 44px #00000040}:root[data-theme=light] .pricingCardPro{background:linear-gradient(135deg,#7c3aed0f,#06b6d40a),#fff;border-color:#7c3aed59;box-shadow:0 0 0 1px #7c3aed14,0 12px 36px #7c3aed1f}:root[data-theme=light] .pricingCardProHighlight{border-color:#7c3aed80;box-shadow:0 0 0 2px #7c3aed1f,0 16px 44px #7c3aed2e}@media (prefers-color-scheme: light){:root:not([data-theme]) .pricingCardPro{background:linear-gradient(135deg,#7c3aed0f,#06b6d40a),#fff;border-color:#7c3aed59;box-shadow:0 0 0 1px #7c3aed14,0 12px 36px #7c3aed1f}:root:not([data-theme]) .pricingCardProHighlight{border-color:#7c3aed80;box-shadow:0 0 0 2px #7c3aed1f,0 16px 44px #7c3aed2e}}.pricingCardIcon{font-size:24px;margin-bottom:10px}.pricingCardName{font-size:16px;font-weight:900;letter-spacing:-.02em;margin-bottom:6px}.pricingCardNameHint{font-size:12px;font-weight:600;color:var(--muted)}.pricingCardSubname{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}.pricingCardDesc{font-size:13px;font-weight:600;color:var(--muted);line-height:1.35;margin-bottom:14px}.pricingCardFeatures{list-style:none;padding:0;margin:0 0 14px;font-size:12px;font-weight:600;color:var(--text);line-height:1.7}.pricingCardFeatures li{display:flex;align-items:flex-start;gap:4px}.pricingCardPrice{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.pricingOldPrice{font-size:14px;font-weight:700;color:var(--muted);text-decoration:line-through}.pricingNewPrice{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--text)}.pricingPeriod{font-size:14px;font-weight:700;color:var(--muted)}.pricingPerPhoto{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:14px}.pricingPerPhotoHighlight{color:#a855f7e6}.pricingPerPhotoPro{color:#a855f7d9}.pricingPerPhotoBest{color:#34d399f2;font-weight:800}.pricingCardBtn{width:100%;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:800;background:var(--button-primary-bg);color:var(--button-primary-color);border:none;cursor:pointer}.miniModalText{color:var(--muted);font-weight:600;font-size:14px;line-height:1.5;white-space:pre-line;margin-bottom:16px}.miniModalActions{display:flex;flex-direction:column;gap:10px}.pricingCardBtn.pricingCardBtnHighlight,.pricingCardBtn.pricingCardBtnPro{background:linear-gradient(135deg,#a855f7,#06b6d4);color:#fff;border:none;box-shadow:0 4px 16px #a855f759}.pricingCardBtn.pricingCardBtnHighlight:hover,.pricingCardBtn.pricingCardBtnPro:hover{box-shadow:0 8px 24px #a855f773}.pricingDots{display:flex;justify-content:center;gap:8px;margin-top:8px}.pricingDot{width:8px;height:8px;border-radius:999px;background:var(--border);transition:all .2s ease}.pricingDot.is-active{width:20px;background:var(--text)}.pricingSectionPro{padding-top:20px;border-top:1px solid var(--border)}.pricingSectionPro .pricingSectionTitle{font-size:16px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricingInfo{background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.pricingInfoTitle{font-size:15px;font-weight:900;letter-spacing:-.01em;margin-bottom:12px}.pricingInfoList{display:flex;flex-direction:column;gap:8px}.pricingInfoItem{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;color:var(--text);line-height:1.35}.pricingInfoIcon{flex:0 0 auto}.pricingInfoNote{margin-top:14px;padding:12px;background:linear-gradient(135deg,#a855f714,#06b6d40d);border:1px solid rgba(168,85,247,.2);border-radius:12px;font-size:12px;font-weight:600;color:var(--text);line-height:1.4}.pricingEmailForm,.pricingCurrencyForm,.pricingMethodForm{padding:20px 0}.emailStepContainer{display:flex;flex-direction:column;align-items:center;padding:24px 0;text-align:center}.emailStepIcon{font-size:48px;margin-bottom:16px;animation:emailBounce 2s ease-in-out infinite}@keyframes emailBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.emailStepTitle{font-size:18px;font-weight:600;color:var(--text);margin-bottom:20px;line-height:1.4}.emailStepPackage{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#a855f733,#06b6d426);border:1px solid rgba(168,85,247,.4);border-radius:8px;font-weight:700;color:#a855f7}.emailStepCard{width:100%;max-width:320px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:24px}.emailStepCardHeader{display:flex;align-items:center;gap:12px}.emailStepCardIcon{font-size:32px}.emailStepCardInfo{flex:1;text-align:left}.emailStepCardName{font-weight:700;font-size:16px;color:var(--text)}.emailStepCardPhotos{font-size:13px;color:var(--muted);margin-top:2px}.emailStepCardPrice{font-size:20px;font-weight:700;color:#22c55e}.emailStepForm{width:100%;max-width:320px;margin-bottom:20px}.emailStepInput{width:100%;padding:16px 20px;font-size:16px;background:var(--glass);border:2px solid var(--border);border-radius:14px;color:var(--text);text-align:center;transition:border-color .2s,box-shadow .2s}.emailStepInput:focus{outline:none;border-color:#a855f799;box-shadow:0 0 0 4px #a855f71a}.emailStepInput::placeholder{color:var(--muted)}.emailStepHint{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.4}.emailStepError{margin-top:10px;text-align:center}.emailStepBtn{width:100%;max-width:320px;padding:16px 24px;font-size:16px;font-weight:700}.emailStepBtn:disabled{opacity:.5}.emailStepSecure{margin-top:16px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}