@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg-primary:#0d0d14;--bg-secondary:#12121e;--bg-card:#ffffff0e;--bg-card-hover:#ffffff17;--bg-card-active:#e8836a26;--accent-coral:#e8836a;--accent-coral-light:#f0a48e;--accent-coral-dim:#e8836a40;--accent-gold:#c9a96e;--accent-gold-dim:#c9a96e33;--accent-purple:#9b7ec8;--accent-purple-dim:#9b7ec833;--text-primary:#f0ece8;--text-secondary:#c8c0b8;--text-muted:#7a7a8a;--text-accent:var(--accent-coral);--border-subtle:#ffffff14;--border-accent:#e8836a66;--border-active:#e8836acc;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-card:0 8px 32px #0006, 0 0 0 1px var(--border-subtle);--shadow-active:0 0 0 2px var(--accent-coral), 0 8px 40px #e8836a40;--shadow-glow:0 0 60px #e8836a26;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:18px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 15% 20%,#e8836a14 0%,#0000 60%),radial-gradient(50% 40% at 85% 80%,#9b7ec812 0%,#0000 60%),radial-gradient(40% 60%,#c9a96e0a 0%,#0000 70%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;align-items:center;min-height:100dvh;display:flex;position:relative}.app-shell{flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex;position:relative}.progress-bar-container{z-index:100;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-sm);background:linear-gradient(to bottom, var(--bg-primary) 0%, transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.progress-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.progress-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500}.progress-count{color:var(--accent-coral);font-size:12px;font-weight:600}.progress-track{border-radius:var(--radius-full);background:#ffffff14;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-coral), var(--accent-gold));border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #e8836a99}.progress-dots{margin-top:var(--spacing-sm);justify-content:space-between;display:flex}.progress-dot{width:6px;height:6px;transition:var(--transition-base);background:#ffffff1f;border-radius:50%}.progress-dot.done{background:var(--accent-gold)}.progress-dot.active{background:var(--accent-coral);transform:scale(1.4);box-shadow:0 0 8px #e8836ab3}.step-wrapper{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-2xl);flex:1;overflow:hidden auto}.step-enter{animation:.35s cubic-bezier(.4,0,.2,1) forwards stepSlideIn}.step-exit{animation:.25s cubic-bezier(.4,0,.2,1) forwards stepSlideOut}@keyframes stepSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes stepSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-32px)}}@keyframes stepSlideInBack{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.step-enter-back{animation:.35s cubic-bezier(.4,0,.2,1) forwards stepSlideInBack}.step-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-family:Playfair Display,serif;font-size:clamp(22px,6vw,28px);font-weight:600;line-height:1.25}.step-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-xl);font-size:14px;line-height:1.6}.step-emoji{margin-bottom:var(--spacing-sm);font-size:32px;display:block}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff21}.glass-card.selected{background:var(--bg-card-active);border-color:var(--border-accent);box-shadow:var(--shadow-active)}.role-cards{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.role-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-spring);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex}.role-card:active{transform:scale(.98)}.role-card .role-icon{border-radius:var(--radius-md);width:56px;height:56px;transition:var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.role-card.selected .role-icon{background:var(--accent-coral-dim);box-shadow:0 0 20px #e8836a4d}.role-card .role-text h3{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.role-card .role-text p{color:var(--text-muted);font-size:13px}.role-card.selected .role-text h3{color:var(--accent-coral-light)}.role-check{border:2px solid var(--border-subtle);width:22px;height:22px;transition:var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.role-card.selected .role-check{border-color:var(--accent-coral);background:var(--accent-coral)}.name-inputs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.input-group{position:relative}.input-group label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.glass-input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--border-accent);background:var(--bg-card-hover);box-shadow:0 0 0 3px #e8836a1f}.vibe-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.vibe-card{padding:var(--spacing-lg);cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-spring);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.vibe-card:active{transform:scale(.96)}.vibe-icon-wrap{border-radius:var(--radius-md);width:56px;height:56px;transition:var(--transition-base);justify-content:center;align-items:center;display:flex}.vibe-card.selected .vibe-icon-wrap{box-shadow:0 0 24px #e8836a66}.vibe-card h3{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.vibe-card p{color:var(--text-muted);font-size:12px;line-height:1.4}.vibe-card.selected h3{color:var(--accent-coral-light)}.location-search{margin-bottom:var(--spacing-md);position:relative}.location-search .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.location-search .glass-input{padding-left:44px;padding-right:40px}.location-search .search-spinner{color:var(--accent-coral);pointer-events:none;animation:.8s linear infinite location-search-spin;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@keyframes location-search-spin{to{transform:translateY(-50%)rotate(360deg)}}.yandex-suggest-list{z-index:40;border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121218f5;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #00000073}.yandex-suggest-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;padding:10px 12px;font-family:inherit;transition:background .15s;display:block}button.yandex-suggest-item:hover:not(:disabled){background:var(--accent-coral-dim)}button.yandex-suggest-item:disabled{opacity:.6;cursor:wait}.yandex-suggest-title{color:var(--text-color);font-size:13px;font-weight:600;line-height:1.3;display:block}.yandex-suggest-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.35;display:block}.yandex-suggest-muted,.yandex-suggest-error{color:var(--text-muted);cursor:default;font-size:12px}.yandex-suggest-error{color:#f0a89a}.yandex-key-hint{color:var(--text-muted);margin:-8px 0 var(--spacing-md);font-size:11px;line-height:1.45}.yandex-key-hint code{background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:10px}.city-selector{gap:var(--spacing-xs);scrollbar-width:none;margin-bottom:var(--spacing-md);padding-bottom:4px;display:flex;overflow-x:auto}.city-selector::-webkit-scrollbar{display:none}.city-chip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-tap-highlight-color:transparent;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:500}.city-chip.active{background:var(--accent-coral-dim);border-color:var(--border-accent);color:var(--accent-coral-light)}.map-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);height:220px;margin-bottom:var(--spacing-md);background:#1a1a2e;overflow:hidden}.recommendations-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:13px;font-weight:600}.place-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.place-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-base);-webkit-tap-highlight-color:transparent;display:flex}.place-item:hover{background:var(--bg-card-hover)}.place-item.selected{background:var(--bg-card-active)}.place-dot{background:var(--accent-coral);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #e8836a80}.place-info h4{color:var(--text-primary);font-size:14px;font-weight:500}.place-info p{color:var(--text-muted);margin-top:1px;font-size:12px}.date-input-wrap{margin-bottom:var(--spacing-lg)}.date-input-wrap input[type=date]{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:16px}.date-input-wrap input[type=date]:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px #e8836a1f}.time-slider-container{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.time-slider-display{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);animation:.4s cubic-bezier(.34,1.56,.64,1) slideDisplayIn;display:flex}@keyframes slideDisplayIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.time-display-icon{flex-shrink:0;font-size:32px;animation:.6s cubic-bezier(.34,1.56,.64,1) iconBounce}@keyframes iconBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.time-display-info{flex-direction:column;gap:2px;display:flex}.time-display-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.time-display-time{color:var(--accent-coral-light);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.time-display-range{color:var(--text-muted);font-size:11px}.time-slider-wrapper{position:relative}.time-slider-track{align-items:center;height:56px;display:flex;position:relative}.time-slider-fill{background:linear-gradient(90deg, var(--accent-coral), var(--accent-gold));border-radius:2px;height:4px;transition:width .1s linear;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 12px #e8836a99}.time-slider-input{appearance:none;cursor:pointer;z-index:10;background:0 0;width:100%;height:56px;position:absolute;top:0;left:0}.time-slider-input::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent-coral), var(--accent-gold));cursor:pointer;width:24px;height:24px;transition:var(--transition-fast);border:3px solid #fff3;border-radius:50%;position:relative;top:-10px;box-shadow:0 0 0 6px #e8836a26}.time-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #e8836a40,0 0 24px #e8836a66}.time-slider-input.dragging::-webkit-slider-thumb{transform:scale(1.35);box-shadow:0 0 0 10px #e8836a4d,0 0 32px #e8836a80}.time-slider-input::-moz-range-thumb{background:linear-gradient(135deg, var(--accent-coral), var(--accent-gold));cursor:pointer;width:24px;height:24px;transition:var(--transition-fast);border:3px solid #fff3;border-radius:50%;box-shadow:0 0 0 6px #e8836a26}.time-slider-input::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #e8836a40,0 0 24px #e8836a66}.time-slider-input::-moz-range-track{box-shadow:none;background:0 0;border:none}.time-slider-input::-moz-range-progress{background:0 0}.time-slider-labels{pointer-events:none;box-sizing:border-box;justify-content:space-between;width:100%;padding:0 4px;display:flex;position:absolute;top:32px}.time-label{color:var(--text-muted);text-align:center;width:40px;margin-left:50%;font-size:10px;font-weight:500;transform:translate(-50%)}.time-presets{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);display:grid}.time-preset-btn{padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-spring);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:flex}.time-preset-btn:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.time-preset-btn:active{transform:scale(.95)}.time-preset-btn.active{background:var(--accent-coral-dim);border-color:var(--accent-coral);color:var(--accent-coral-light);transform:scale(1.05);box-shadow:0 0 20px #e8836a4d,inset 0 0 12px #e8836a1a}.preset-emoji{font-size:20px;animation:.4s cubic-bezier(.34,1.56,.64,1) presetEmojiPulse;display:block}.time-preset-btn.active .preset-emoji{animation:.4s cubic-bezier(.34,1.56,.64,1) presetEmojiPulse}@keyframes presetEmojiPulse{0%{transform:scale(.7)}50%{transform:scale(1.15)}to{transform:scale(1)}}.preset-label{display:block}.weather-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.weather-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-spring);align-items:center;gap:var(--spacing-sm);-webkit-tap-highlight-color:transparent;padding:14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:flex}.weather-btn span{font-size:22px}.weather-btn:active{transform:scale(.97)}.weather-btn.active{background:var(--accent-gold-dim);color:var(--accent-gold);border-color:#c9a96e80}.looks-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--spacing-sm);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.looks-section-title-muted{margin-top:var(--spacing-md)}.look-trends-scroll{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);scrollbar-width:none;padding-bottom:8px;display:flex;overflow-x:auto}.look-trends-scroll::-webkit-scrollbar{display:none}.look-trend-card{text-align:left;cursor:pointer;border:1px solid var(--border-subtle);transition:var(--transition-base);color:inherit;flex:0 0 168px;padding:0;font-family:inherit;position:relative;overflow:hidden}.look-trend-card.selected{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--accent-coral-dim)}.look-trend-visual{justify-content:center;align-items:center;height:72px;display:flex}.look-trend-emoji{font-size:28px}.look-trend-body{padding:10px 12px 12px}.look-trend-body h4{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:700}.look-trend-body p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.look-trend-tags{color:var(--accent-coral-light);opacity:.85;margin-top:6px;font-size:10px;display:block}.look-trend-check{background:var(--accent-coral);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.look-ad-badge{letter-spacing:.04em;text-transform:uppercase;color:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:9px;font-weight:700}.look-ad-badge-row{color:#fff;align-items:center;gap:10px;margin-bottom:4px;display:flex}.look-ad-badge-logo{flex-shrink:0}.look-ad-sponsor-name{color:var(--text-secondary);font-size:13px;font-weight:600}.sponsor-logo{object-fit:contain;display:block}.sponsor-logo--xs{width:36px;height:36px}.sponsor-logo--md{width:56px;height:56px}.sponsor-logo--lg{width:88px;max-width:92%;height:88px;max-height:88px}.sponsor-logo-fallback{color:var(--accent-coral-light);letter-spacing:.02em;background:#ffffff1f;border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.sponsor-logo-fallback.sponsor-logo--xs{border-radius:8px;width:36px;height:36px;font-size:11px}.sponsor-logo-fallback.sponsor-logo--lg{width:80px;height:80px;font-size:20px}.sponsored-look-visual .sponsor-logo--lg{filter:brightness(1.05)}.sponsored-look-emoji-fallback{opacity:.5;font-size:18px;position:absolute;bottom:6px;right:8px}.sponsored-looks-block{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.sponsored-look-banner{padding:var(--spacing-md);border:1px solid var(--border-subtle);position:relative}.sponsored-look-banner.selected{border-color:var(--border-accent)}.sponsored-look-inner{gap:var(--spacing-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.sponsored-look-visual{border-radius:var(--radius-lg);box-sizing:border-box;color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:112px;height:112px;padding:10px;display:flex;position:relative}.sponsored-look-copy h4{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.sponsored-look-copy p{color:var(--text-muted);font-size:12px;line-height:1.4}.sponsored-look-linked{color:var(--text-secondary);margin-top:6px;font-size:11px}.sponsored-look-linked strong{color:var(--accent-coral-light)}.sponsored-look-actions{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.sponsored-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.sponsored-btn-primary{background:var(--accent-coral-dim);border:1px solid var(--border-accent);color:var(--accent-coral-light)}.sponsored-btn-primary:hover{background:#e8836a40}.sponsored-btn-link{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a}.sponsored-btn-link:hover{color:var(--text-primary);border-color:var(--border-accent)}.looks-ads-hint{color:var(--text-muted);margin:-4px 0 var(--spacing-md);font-size:11px;line-height:1.45}.looks-ads-hint code{background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:10px}.dresscode-style-badge{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--accent-coral-dim);border-radius:var(--radius-lg);border:1px solid var(--border-accent);flex-direction:column;gap:4px;display:flex}.dresscode-style-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-coral);font-size:11px;font-weight:700}.dresscode-style-name{color:var(--accent-coral-light);font-size:18px;font-weight:700}.dresscode-style-tagline{color:var(--text-muted);font-size:12px}.dresscode-fallback-note{color:var(--text-muted);margin:-8px 0 var(--spacing-md);font-size:12px;line-height:1.4}.dresscode-section{margin-bottom:var(--spacing-lg)}.dresscode-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.dresscode-header h3{color:var(--text-primary);font-size:15px;font-weight:600}.dresscode-card{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm)}.dresscode-style{color:var(--accent-coral-light);margin-bottom:var(--spacing-xs);font-size:15px;font-weight:600}.dresscode-tips{flex-direction:column;gap:6px;display:flex}.dresscode-tip{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:13px;display:flex}.dresscode-tip:before{content:"—";color:var(--text-muted);flex-shrink:0;margin-top:0}.checklist-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:13px;font-weight:600}.checklist{gap:var(--spacing-xs);flex-direction:column;display:flex}.checklist-item{align-items:center;gap:var(--spacing-sm);padding:13px var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;display:flex}.checklist-item:hover{background:var(--bg-card-hover)}.check-box{border:2px solid var(--border-subtle);width:22px;height:22px;transition:var(--transition-spring);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checklist-item.checked .check-box{background:var(--accent-coral);border-color:var(--accent-coral)}.checklist-item.checked .check-box svg{stroke-dasharray:20;stroke-dashoffset:0;animation:.2s forwards checkDraw}@keyframes checkDraw{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.checklist-item .item-text{color:var(--text-secondary);transition:var(--transition-base);font-size:14px}.checklist-item.checked .item-text{color:var(--text-muted);text-decoration:line-through}.theme-selector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.theme-btn{cursor:pointer;width:36px;height:36px;transition:var(--transition-spring);-webkit-tap-highlight-color:transparent;border:3px solid #0000;border-radius:50%}.theme-btn.active{border-color:var(--accent-coral);transform:scale(1.15)}.theme-btn.noir{background:linear-gradient(135deg,#1a1a1a,#333)}.theme-btn.romantic{background:linear-gradient(135deg,#f9c4d2,#e891a8)}.theme-btn.vibrant{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff)}.theme-btn.midnight{background:linear-gradient(135deg,#0c0c2c,#1a1a4e)}.theme-btn.nature{background:linear-gradient(135deg,#2d5016,#6b8f3c)}.theme-btn.sunset{background:linear-gradient(135deg,#ff8c42,#d63384)}.invite-card-wrap{border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);overflow:hidden;box-shadow:0 20px 60px #00000080}.invite-card{padding:var(--spacing-xl) var(--spacing-xl);min-height:300px;position:relative;overflow:hidden}.invite-card.theme-noir{color:#e8e8e8;background:linear-gradient(145deg,#0a0a0a 0%,#1a1a1a 50%,#0d0d0d 100%)}.invite-card.theme-romantic{color:#4a2040;background:linear-gradient(145deg,#fff0f3 0%,#ffd6e0 30%,#ffc2d1 60%,#ffb3c6 100%)}.invite-card.theme-vibrant{color:#fff;text-shadow:0 1px 3px #0000004d;background:linear-gradient(135deg,#ff6b6b 0%,#ffd93d 25%,#6bcb77 50%,#4d96ff 75%,#9b59b6 100%)}.invite-card.theme-midnight{color:#e0e0ff;background:linear-gradient(145deg,#0a0a2e 0%,#16213e 40%,#1a1a4e 70%,#0f3460 100%)}.invite-card.theme-nature{color:#e8f0e0;background:linear-gradient(145deg,#1a3a1a 0%,#2d5016 40%,#3a6b20 70%,#4a7c2a 100%)}.invite-card.theme-sunset{color:#fff5e6;background:linear-gradient(145deg,#ff6b35 0%,#d63384 40%,#9b59b6 70%,#6a1b9a 100%)}.invite-card:before{content:"";pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.theme-noir:before{background:radial-gradient(circle,#ffffff0d 0%,#0000 70%)}.theme-romantic:before{background:radial-gradient(circle,#ff698733 0%,#0000 70%)}.theme-vibrant:before{background:radial-gradient(circle,#ffffff26 0%,#0000 70%)}.theme-midnight:before{background:radial-gradient(circle,#6495ed33 0%,#0000 70%)}.theme-nature:before{background:radial-gradient(circle,#90ee9026 0%,#0000 70%)}.theme-sunset:before{background:radial-gradient(circle,#ffc86433 0%,#0000 70%)}.invite-card:after{content:"";pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-60px;left:-60px}.theme-noir:after{background:radial-gradient(circle,#ffffff08 0%,#0000 70%)}.theme-romantic:after{background:radial-gradient(circle,#c8649626 0%,#0000 70%)}.theme-vibrant:after{background:radial-gradient(circle,#ffd93d26 0%,#0000 70%)}.theme-midnight:after{background:radial-gradient(circle,#9b59b626 0%,#0000 70%)}.theme-nature:after{background:radial-gradient(circle,#6b8f3c26 0%,#0000 70%)}.theme-sunset:after{background:radial-gradient(circle,#d6338426 0%,#0000 70%)}.invite-card-header{text-align:center;margin-bottom:var(--spacing-md)}.invite-header-icon{margin-bottom:4px;font-size:32px}.invite-header-subtitle{letter-spacing:.15em;text-transform:uppercase;opacity:.5;font-size:11px;font-weight:600}.invite-names-block{text-align:center;margin-bottom:var(--spacing-md)}.invite-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-family:Playfair Display,serif;display:flex}.invite-name{font-size:clamp(18px,5vw,24px);font-weight:600;line-height:1.2}.invite-ampersand{opacity:.6;font-size:clamp(22px,6vw,30px);font-style:italic;font-weight:300}.theme-noir .invite-ampersand{color:#888}.theme-romantic .invite-ampersand{color:#c94070}.theme-vibrant .invite-ampersand{color:#fff}.theme-midnight .invite-ampersand{color:#6495ed}.theme-nature .invite-ampersand{color:#90ee90}.theme-sunset .invite-ampersand{color:#ffe066}.invite-divider{height:1px;margin:var(--spacing-md) 0}.theme-noir .invite-divider{background:#ffffff1a}.theme-romantic .invite-divider{background:#b43c6433}.theme-vibrant .invite-divider{background:#ffffff4d}.theme-midnight .invite-divider{background:#6495ed33}.theme-nature .invite-divider{background:#90ee9033}.theme-sunset .invite-divider{background:#fff3}.invite-details{margin-bottom:var(--spacing-sm)}.invite-detail{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:10px;display:flex}.invite-detail-icon{flex-shrink:0;margin-top:1px;font-size:16px}.invite-detail-text{font-size:14px;line-height:1.4}.theme-noir .invite-detail-text{opacity:.85}.theme-romantic .invite-detail-text{opacity:.8}.theme-vibrant .invite-detail-text{opacity:.95}.theme-midnight .invite-detail-text,.theme-nature .invite-detail-text{opacity:.85}.theme-sunset .invite-detail-text{opacity:.95}.invite-detail-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:600}.theme-noir .invite-detail-label{opacity:.4}.theme-romantic .invite-detail-label{opacity:.5;color:#8a3060}.theme-vibrant .invite-detail-label{opacity:.7}.theme-midnight .invite-detail-label{opacity:.4;color:#8af}.theme-nature .invite-detail-label{opacity:.5;color:#a0d080}.theme-sunset .invite-detail-label{opacity:.6;color:#ffe0a0}.invite-detail-sub{opacity:.6;margin-top:2px;font-size:12px}.invite-vibe-tag{border-radius:var(--radius-full);letter-spacing:.05em;margin-top:var(--spacing-md);align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.theme-noir .invite-vibe-tag{color:#ccc;background:#ffffff14}.theme-romantic .invite-vibe-tag{color:#c04070;background:#c83c6426}.theme-vibrant .invite-vibe-tag{color:#fff;background:#ffffff40}.theme-midnight .invite-vibe-tag{color:#8bf;background:#6495ed26}.theme-nature .invite-vibe-tag{color:#90d080;background:#64c86426}.theme-sunset .invite-vibe-tag{color:#ffe080;background:#ffc86433}.invite-message{margin-top:var(--spacing-md);border-radius:var(--radius-md);text-align:center;padding:12px 16px;font-size:14px;font-style:italic;line-height:1.5}.theme-noir .invite-message{color:#ccc;background:#ffffff0d}.theme-romantic .invite-message{color:#6a2040;background:#c83c641a}.theme-vibrant .invite-message{color:#fff;background:#fff3}.theme-midnight .invite-message{color:#acf;background:#6495ed1a}.theme-nature .invite-message{color:#c0e0b0;background:#64c8641a}.theme-sunset .invite-message{color:#ffe0b0;background:#ffc86426}.card-message-input{margin-bottom:var(--spacing-lg)}.card-message-input label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.card-message-input textarea{resize:none;width:100%}.invite-card-footer{text-align:center;margin-top:var(--spacing-md);opacity:.3;font-size:18px}.action-buttons{gap:var(--spacing-sm);flex-direction:column;display:flex}.action-btn{width:100%;padding:15px var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-spring);justify-content:center;align-items:center;gap:var(--spacing-sm);-webkit-tap-highlight-color:transparent;letter-spacing:.01em;border:none;font-family:Inter,sans-serif;font-size:15px;font-weight:600;display:flex}.action-btn:active{transform:scale(.98)}.action-btn.primary{background:linear-gradient(135deg, var(--accent-coral) 0%, var(--accent-gold) 100%);color:#fff;box-shadow:0 8px 24px #e8836a59}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #e8836a80}.action-btn.secondary{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn.secondary:hover{background:var(--bg-card-hover);border-color:#ffffff26}.action-btn.telegram{color:#fff;background:linear-gradient(135deg,#2390d4,#1a7ab8)}.action-btn.whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c4e)}.action-btn.calendar{background:var(--accent-purple-dim);border:1px solid var(--border-subtle);color:var(--accent-purple)}.nav-buttons{padding:var(--spacing-md) var(--spacing-lg) max(var(--spacing-lg), env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg-primary) 60%, transparent 100%);gap:var(--spacing-sm);z-index:50;display:flex;position:sticky;bottom:0}.nav-btn-back{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);width:52px;height:52px;color:var(--text-muted);cursor:pointer;transition:var(--transition-base);-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-btn-back:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-btn-back:active{transform:scale(.95)}.nav-btn-next{padding:0 var(--spacing-lg);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-coral) 0%, var(--accent-gold) 100%);color:#fff;cursor:pointer;height:52px;transition:var(--transition-spring);justify-content:center;align-items:center;gap:var(--spacing-sm);-webkit-tap-highlight-color:transparent;letter-spacing:.01em;border:none;flex:1;font-family:Inter,sans-serif;font-size:16px;font-weight:600;display:flex;box-shadow:0 6px 20px #e8836a4d}.nav-btn-next:hover{transform:translateY(-1px);box-shadow:0 8px 28px #e8836a73}.nav-btn-next:active{transform:scale(.98)}.nav-btn-next:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg);font-size:11px;font-weight:600}.section-label:first-child{margin-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.1s!important;animation-duration:.01ms!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.custom-slider{background:#ddd;border-radius:5px;outline:none;width:100%;height:10px}.custom-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-coral,#ff6b6b);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #ff6b6b66}.custom-slider::-moz-range-thumb{background:var(--accent-coral,#ff6b6b);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #ff6b6b66}.time-slider-container{width:100%}.time-slider-display{text-align:center;color:var(--accent-coral,#ff6b6b);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:28px;font-weight:700}.time-slider-range{color:var(--text-muted,#999);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}