:root{--gold: #C9A96E;--gold-light: #D4BA8A;--gold-dark: #A8893E;--sage: #9CAF88;--sage-light: #B5C4A5;--sage-dark: #7A9066;--blush: #F4C2C2;--blush-light: #F9DEDE;--blush-dark: #E8A0A0;--ivory: #FFFFF0;--dusty-rose: #DCAE96;--dusty-rose-light: #E8C5B0;--beige: #F5F0EB;--beige-dark: #E8DDD3;--bg: #FAF7F2;--bg-card: rgba(255, 255, 250, .7);--bg-glass: rgba(255, 255, 255, .45);--text: #2D2A26;--text-secondary: #6B6560;--text-light: #9B9590;--border: rgba(201, 169, 110, .2);--shadow: rgba(45, 42, 38, .08);--danger: #D4645C;--success: #7BAE7F;--warning: #E8B84B;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 72px;--header-height: 60px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background-image:radial-gradient(ellipse at 20% 0%,rgba(244,194,194,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(156,175,136,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(201,169,110,.05) 0%,transparent 70%)}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app-header{position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#faf7f2d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.app-header .logo{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--gold-dark);letter-spacing:-.02em}.app-header .logo span{color:var(--blush-dark)}.header-actions{display:flex;gap:8px;align-items:center}.header-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s}.header-btn:hover{background:var(--beige);border-color:var(--gold-light)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:#fffffae6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;cursor:pointer;border:none;background:none;transition:all .25s ease;position:relative;min-width:48px}.nav-item .nav-icon{font-size:1.2rem;transition:transform .25s ease}.nav-item .nav-label{font-size:.6rem;font-weight:500;color:var(--text-light);transition:color .25s ease;letter-spacing:.02em}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-item.active .nav-label{color:var(--gold-dark);font-weight:600}.nav-item.active:after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--gold);border-radius:0 0 4px 4px}.page{flex:1;padding:20px;padding-bottom:calc(var(--nav-height) + 20px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;transition:all .3s ease;box-shadow:0 4px 24px var(--shadow)}.glass-card:hover{box-shadow:0 8px 32px #2d2a261f;border-color:#c9a96e4d}.glass-card-sm{padding:14px;border-radius:var(--radius-sm)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.section-subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.section-action{font-size:.78rem;color:var(--gold-dark);font-weight:600;cursor:pointer;border:none;background:none;padding:4px 8px;border-radius:8px;transition:background .2s}.section-action:hover{background:#c9a96e1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .25s ease;border:none;text-decoration:none}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;box-shadow:0 4px 16px #c9a96e4d}.btn-gold:hover{box-shadow:0 6px 24px #c9a96e66;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--gold-dark);border:1.5px solid var(--gold)}.btn-outline:hover{background:#c9a96e14}.btn-ghost{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:var(--beige)}.btn-sm{padding:6px 12px;font-size:.75rem;border-radius:8px}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.badge-gold{background:#c9a96e26;color:var(--gold-dark);border:1px solid rgba(201,169,110,.25)}.badge-sage{background:#9caf8826;color:var(--sage-dark);border:1px solid rgba(156,175,136,.25)}.badge-blush{background:#f4c2c233;color:var(--blush-dark);border:1px solid rgba(244,194,194,.3)}.badge-success{background:#7bae7f26;color:#5a8e5e;border:1px solid rgba(123,174,127,.25)}.badge-warning{background:#e8b84b26;color:#b8860b;border:1px solid rgba(232,184,75,.25)}.badge-danger{background:#d4645c26;color:var(--danger);border:1px solid rgba(212,100,92,.25)}.progress-track{width:100%;height:8px;background:var(--beige);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill.gold{background:linear-gradient(90deg,var(--gold-light),var(--gold))}.progress-fill.sage{background:linear-gradient(90deg,var(--sage-light),var(--sage))}.progress-fill.blush{background:linear-gradient(90deg,var(--blush-light),var(--blush-dark))}.progress-fill.danger{background:linear-gradient(90deg,#E8A09A,var(--danger))}.input-group{margin-bottom:14px}.input-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.02em}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-body);background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);transition:all .25s ease;outline:none}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a96e1f}.input::placeholder{color:var(--text-light)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239B9590'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d2a2680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeOverlay .2s ease}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:480px;max-height:85vh;background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--beige-dark);border-radius:2px;margin:0 auto 16px}.modal-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:16px}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.avatar-bride{background:#f4c2c240}.avatar-groom{background:#9caf8840}.avatar-both{background:#c9a96e33}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;text-align:center}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.stat-label{font-size:.7rem;color:var(--text-secondary);margin-top:4px;font-weight:500}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(201,169,110,.1)}.list-item:last-child{border-bottom:none}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:.88rem;font-weight:600;color:var(--text)}.list-item-sub{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.tab-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;-ms-overflow-style:none;scrollbar-width:none}.tab-pills::-webkit-scrollbar{display:none}.tab-pill{padding:7px 16px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .25s ease;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--font-body)}.tab-pill.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;border-color:var(--gold);box-shadow:0 4px 12px #c9a96e4d}.tab-pill:not(.active):hover{background:#c9a96e14;border-color:var(--gold-light)}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px var(--shadow);cursor:pointer;transition:transform .2s}.color-swatch:hover{transform:scale(1.15)}.color-row{display:flex;gap:8px;flex-wrap:wrap}.table-layout{position:relative;width:100%;height:400px;background:#f5f0eb80;border-radius:var(--radius);border:1px dashed var(--border);overflow:hidden}.table-node{position:absolute;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;transition:border-color .2s;font-size:.7rem;font-weight:600;text-align:center}.table-node.round-table{width:80px;height:80px}.table-node.long-table{width:120px;height:50px;border-radius:25px}.table-node:hover{border-color:var(--gold);box-shadow:0 4px 16px #c9a96e33}.table-label{font-size:.6rem;color:var(--text-light);margin-top:2px}.countdown-hero{background:linear-gradient(135deg,#c9a96e26,#f4c2c226);border-radius:var(--radius-lg);padding:28px;text-align:center;border:1px solid var(--border);margin-bottom:20px;position:relative;overflow:hidden}.countdown-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(201,169,110,.06) 0%,transparent 70%);animation:shimmer 8s infinite linear}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.countdown-label{font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:4px;position:relative}.countdown-couple{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--text);margin-bottom:16px;position:relative}.countdown-numbers{display:flex;justify-content:center;gap:16px;position:relative}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-num{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--gold-dark);line-height:1}.countdown-unit-label{font-size:.65rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.streak-card{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px}.streak-icon{font-size:2rem}.streak-info h4{font-family:var(--font-display);font-size:1rem;font-weight:600}.streak-info p{font-size:.75rem;opacity:.85}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border);text-align:center}.badge-item .badge-icon{font-size:1.5rem}.badge-item .badge-name{font-size:.6rem;font-weight:600;color:var(--text-secondary);line-height:1.2}.badge-item.locked{opacity:.4;filter:grayscale(.8)}.supplier-card{display:flex;gap:14px;padding:16px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;transition:all .25s}.supplier-card:hover{border-color:var(--gold-light);box-shadow:0 4px 20px var(--shadow)}.supplier-image{width:56px;height:56px;border-radius:12px;background:var(--beige);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.supplier-info{flex:1;min-width:0}.supplier-name{font-size:.9rem;font-weight:600;color:var(--text)}.supplier-meta{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.supplier-rating{display:flex;align-items:center;gap:4px;margin-top:4px}.supplier-rating .stars{color:var(--gold);font-size:.7rem}.supplier-rating .count{font-size:.68rem;color:var(--text-light)}.supplier-price{font-size:.78rem;font-weight:600;color:var(--gold-dark);margin-top:4px}.checklist-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(201,169,110,.1)}.checklist-item:last-child{border-bottom:none}.check-circle{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:.7rem;background:transparent}.check-circle.checked{background:var(--sage);border-color:var(--sage);color:#fff}.checklist-text{font-size:.85rem;color:var(--text)}.checklist-text.done{text-decoration:line-through;color:var(--text-light)}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mood-item{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;text-align:center;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.mood-item:hover{border-color:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.mood-item .mood-emoji{font-size:2.5rem;margin-bottom:8px;display:block}.mood-item .mood-title{font-size:.78rem;font-weight:600;color:var(--text)}.mood-item .mood-cat{font-size:.65rem;color:var(--text-light);margin-top:2px}.mood-save{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .2s}.mood-save.saved{background:var(--blush);border-color:var(--blush);color:#fff}.timeline-list{position:relative;padding-left:24px}.timeline-list:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding:12px 0 12px 16px}.timeline-dot{position:absolute;left:-20px;top:16px;width:14px;height:14px;border-radius:50%;border:3px solid var(--border);background:var(--bg);z-index:1}.timeline-dot.completed{background:var(--sage);border-color:var(--sage)}.timeline-dot.current{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px #c9a96e33}.timeline-title{font-size:.88rem;font-weight:600;color:var(--text)}.timeline-date{font-size:.72rem;color:var(--text-light);margin-top:2px}.timeline-desc{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.motif-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:14px;transition:all .25s}.motif-card:hover{border-color:var(--gold-light);box-shadow:0 6px 24px var(--shadow)}.motif-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text)}.motif-style{font-size:.72rem;color:var(--text-light);margin-top:2px;text-transform:uppercase;letter-spacing:.08em}.motif-colors{display:flex;gap:6px;margin:12px 0}.motif-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.motif-floral{font-size:.75rem;color:var(--sage-dark);margin-top:8px;font-style:italic}.ai-bubble{background:linear-gradient(135deg,#c9a96e1f,#f4c2c21f);border:1px solid rgba(201,169,110,.2);border-radius:16px 16px 16px 4px;padding:14px 16px;margin-bottom:16px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.ai-bubble .ai-label{font-size:.68rem;font-weight:700;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.couple-task{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px}.couple-task-votes{display:flex;gap:4px}.vote-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;border:1.5px solid}.vote-badge.voted{background:var(--sage);border-color:var(--sage);color:#fff}.vote-badge.not-voted{background:transparent;border-color:var(--border);color:var(--text-light)}.toolkit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolkit-item{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;text-align:center;cursor:pointer;transition:all .25s}.toolkit-item:hover{border-color:var(--gold-light);transform:translateY(-2px)}.toolkit-item .toolkit-icon{font-size:1.8rem;margin-bottom:8px}.toolkit-item .toolkit-name{font-size:.78rem;font-weight:600;color:var(--text)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.text-center{text-align:center}.text-sm{font-size:.78rem}.text-xs{font-size:.68rem}.text-muted{color:var(--text-secondary)}.font-display{font-family:var(--font-display)}.font-semibold{font-weight:600}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:50%}.floral-deco{position:absolute;font-size:3rem;opacity:.08;pointer-events:none;z-index:0}.game-description{max-width:700px;margin:auto;padding:20px;background:#111827;color:#fff;border-radius:15px;font-family:Arial,sans-serif;line-height:1.7}.game-title{font-size:36px;color:#60a5fa;margin-bottom:10px}.game-heading{margin-top:20px;color:#93c5fd}.game-features{padding-left:20px}.game-features li{margin-bottom:10px}.game-li-icon{margin-right:6px}.game-tagline{margin-top:16px;font-style:italic;color:#93c5fd}.zombie-card{background:#1f2937;color:#fff;padding:20px;border-radius:12px;font-family:Arial,sans-serif;max-width:700px;margin:auto}.zombie-title{font-size:32px;color:#ef4444;margin-bottom:10px}.zombie-desc{line-height:1.7;color:#d1d5db}@media(max-width:380px){.stat-grid{grid-template-columns:1fr}.badge-grid{grid-template-columns:repeat(3,1fr)}.countdown-numbers{gap:10px}.countdown-num{font-size:1.6rem}}