:root{--rose-50: #FFF5F7;--rose-100: #FFE7EB;--rose-200: #FED0D9;--rose-300: #FDA7B6;--rose-400: #FB7185;--rose-500: #F43F5E;--rose-600: #E11D48;--lavender-50: #FAF5FF;--lavender-100: #F3E8FF;--lavender-200: #E9D5FF;--lavender-300: #D8B4FE;--lavender-400: #C084FC;--lavender-500: #A855F7;--cream-50: #FFFDF9;--cream-100: #FEF7EE;--cream-200: #FDE8D1;--cream-300: #FBD5B0;--mint-50: #F0FDF4;--mint-100: #DCFCE7;--mint-200: #BBF7D0;--mint-500: #10B981;--peach-50: #FFF7ED;--peach-100: #FFEDD5;--peach-200: #FED7AA;--peach-400: #FB923C;--bg-page: #FFF9FA;--card-bg: rgba(255, 255, 255, .94);--card-glass: rgba(255, 255, 255, .85);--text-primary: #2B2D42;--text-secondary: #5C6274;--text-muted: #8E95A5;--text-subtle: #B4B9C5;--border-soft: rgba(251, 113, 133, .18);--border-focus: rgba(244, 63, 94, .45);--shadow-subtle: 0 2px 8px rgba(244, 63, 94, .04);--shadow-soft: 0 8px 24px rgba(244, 63, 94, .08), 0 2px 6px rgba(0, 0, 0, .02);--shadow-float: 0 16px 36px rgba(244, 63, 94, .13), 0 4px 12px rgba(225, 29, 72, .05);--shadow-glow: 0 0 24px rgba(251, 113, 133, .28);--shadow-match: 0 0 32px rgba(244, 63, 94, .35);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}.spin-animate{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(255,231,235,.6) 0%,transparent 40%),radial-gradient(circle at 90% 15%,rgba(243,232,255,.6) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(254,247,238,.7) 0%,transparent 50%),radial-gradient(circle at 20% 90%,rgba(220,252,231,.4) 0%,transparent 40%);background-attachment:fixed;padding-bottom:env(safe-area-inset-bottom)}#root{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column}.ambient-hearts{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.ambient-heart{position:absolute;color:#fb71851f;animation:floatUpward 18s linear infinite;-webkit-user-select:none;user-select:none}@keyframes floatUpward{0%{transform:translateY(105vh) rotate(0) scale(.8);opacity:0}20%{opacity:.8}80%{opacity:.8}to{transform:translateY(-10vh) rotate(360deg) scale(1.1);opacity:0}}.app-container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 5.5rem}@media (max-width: 640px){.app-container{padding:max(.75rem,env(safe-area-inset-top)) .85rem calc(6.5rem + env(safe-area-inset-bottom)) .85rem}}h1,h2,h3,.font-serif{font-family:var(--font-serif);letter-spacing:-.02em}.main-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-glass);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.75rem;position:sticky;top:max(.5rem,env(safe-area-inset-top));z-index:40;transition:all var(--transition-fast)}@media (max-width: 640px){.main-header{padding:.75rem 1rem;margin-bottom:1.25rem}.header-actions .btn-sparkle,.header-actions .btn-primary{display:none}}.logo-area{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}.logo-badge{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--rose-200),var(--lavender-200));display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--shadow-subtle);animation:pulseGentle 4s ease-in-out infinite;flex-shrink:0}@keyframes pulseGentle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo-text h1{font-size:1.35rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.3rem;line-height:1.1}.logo-text h1 span{color:var(--rose-500)}.logo-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:500}@media (max-width: 480px){.logo-subtitle{display:none}}.header-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap}.partner-pill{display:flex;align-items:center;background:#fff;border:1px solid var(--rose-200);border-radius:var(--radius-pill);padding:.3rem .6rem .3rem .3rem;font-size:.82rem;font-weight:600;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-subtle);transition:all var(--transition-fast);min-height:38px}.partner-pill:hover{border-color:var(--rose-400);transform:translateY(-1px)}.partner-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-right:.45rem;flex-shrink:0}.partner-avatar.p1{background:var(--rose-100)}.partner-avatar.p2{background:var(--lavender-100)}@media (max-width: 500px){.partner-pill div div:first-child{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:var(--radius-pill);font-size:.88rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all var(--transition-bounce);text-decoration:none;white-space:nowrap;min-height:40px}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--rose-400),var(--rose-500));color:#fff;box-shadow:0 4px 14px #f43f5e47}.btn-primary:hover{background:linear-gradient(135deg,var(--rose-500),var(--rose-600));box-shadow:0 6px 20px #f43f5e61;transform:translateY(-2px)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-soft);box-shadow:var(--shadow-subtle)}.btn-secondary:hover{background:var(--rose-50);border-color:var(--rose-300);transform:translateY(-1px)}.btn-sparkle{background:linear-gradient(135deg,#f3e8ff,#ffe4e8);color:#7e22ce;border:1px solid rgba(192,132,252,.35);box-shadow:0 4px 14px #a855f726}.btn-sparkle:hover{background:linear-gradient(135deg,#e9d5ff,#fecdd6);box-shadow:0 6px 18px #a855f740;transform:translateY(-2px)}.btn-sm{padding:.4rem .8rem;font-size:.8rem;min-height:36px}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trip-banner{background:linear-gradient(135deg,#fff5f7f2,#f3e8fff2);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:1.5rem 1.75rem;margin-bottom:1.75rem;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;position:relative;overflow:hidden}@media (max-width: 640px){.trip-banner{padding:1.25rem 1rem;border-radius:var(--radius-lg);gap:1rem}}.trip-banner:after{content:"💕";position:absolute;right:-10px;bottom:-20px;font-size:7rem;opacity:.05;pointer-events:none}.trip-title-section h2{font-size:1.65rem;color:var(--text-primary);margin-bottom:.25rem}@media (max-width: 640px){.trip-title-section h2{font-size:1.35rem}}.trip-title-section p{color:var(--text-secondary);font-size:.9rem}.trip-config-pills{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.config-item{display:flex;align-items:center;gap:.4rem;background:#fff;padding:.45rem .85rem;border-radius:var(--radius-pill);border:1px solid rgba(251,113,133,.2);font-size:.82rem;color:var(--text-primary);box-shadow:var(--shadow-subtle)}.config-item input[type=number]{width:44px;border:1px solid var(--rose-200);border-radius:var(--radius-sm);padding:.2rem .25rem;font-family:inherit;font-weight:700;text-align:center;color:var(--rose-600);outline:none}.config-item select{border:1px solid var(--rose-200);border-radius:var(--radius-sm);padding:.2rem .35rem;font-family:inherit;font-weight:600;background:#fff;color:var(--text-primary);outline:none}.match-stat-badge{background:linear-gradient(135deg,#ffe4e8,#ffccd5);color:var(--rose-600);border:1px solid var(--rose-300);padding:.4rem .85rem;border-radius:var(--radius-pill);font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 2px 8px #f43f5e26}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;max-width:100%}.filter-group::-webkit-scrollbar{display:none}.filter-chip{padding:.4rem .9rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;border:1px solid var(--border-soft);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;min-height:36px}.filter-chip:hover{background:var(--rose-50);border-color:var(--rose-300);color:var(--rose-600)}.filter-chip.active{background:var(--rose-500);border-color:var(--rose-500);color:#fff;box-shadow:0 2px 10px #f43f5e40}.view-toggle{display:flex;align-items:center;background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:.2rem;box-shadow:var(--shadow-subtle)}.view-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:32px}.view-btn.active{background:var(--rose-100);color:var(--rose-600)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.75rem}@media (max-width: 640px){.cards-grid{grid-template-columns:1fr;gap:1.25rem}}.hotel-card{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-soft);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:all var(--transition-bounce);position:relative}@media (hover: hover){.hotel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-float);border-color:var(--rose-300)}}.hotel-card.is-match{border:2px solid var(--rose-400);box-shadow:var(--shadow-match)}.match-banner{position:absolute;top:12px;right:12px;z-index:10;background:linear-gradient(135deg,#f43f5e,#fb7185);color:#fff;padding:.35rem .85rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:.3rem;box-shadow:0 4px 15px #f43f5e66}.card-media{position:relative;width:100%;height:210px;background-color:var(--rose-100);overflow:hidden}@media (max-width: 480px){.card-media{height:190px}}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card-type-badge{position:absolute;bottom:12px;left:12px;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .65rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-subtle)}.card-media-clickable{display:block;width:100%;height:100%;position:relative;text-decoration:none;cursor:pointer}.card-media-clickable:hover .card-img{transform:scale(1.06)}.card-media-overlay-badge{position:absolute;top:12px;left:12px;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:700;padding:.3rem .65rem;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:.35rem;opacity:.95;transition:all var(--transition-fast);z-index:5;box-shadow:0 2px 8px #0003}.card-media-clickable:hover .card-media-overlay-badge{background:var(--rose-600);transform:translateY(-2px);box-shadow:0 4px 12px #e11d4866}.card-body{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.card-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.3}.card-title-link{color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:color var(--transition-fast)}.card-title-link:hover{color:var(--rose-600)}.card-title-link .title-link-icon{color:var(--rose-400);opacity:.75;transition:all var(--transition-fast)}.card-title-link:hover .title-link-icon{opacity:1;transform:translate(2px,-2px);color:var(--rose-600)}.platform-chip-btn{display:inline-flex;align-items:center;gap:.45rem;width:100%;padding:.55rem .85rem;border-radius:var(--radius-md);background:#fff;border:1.5px solid var(--rose-200);color:var(--rose-600);font-size:.82rem;font-weight:700;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-subtle);box-sizing:border-box}.platform-chip-btn:hover{background:var(--rose-50);border-color:var(--rose-400);color:var(--rose-700);transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e26}.platform-chip-btn:active{transform:translateY(0)}.card-location{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--text-muted);margin-bottom:.85rem}.price-display{display:flex;align-items:baseline;justify-content:space-between;background:var(--rose-50);border:1px dashed var(--rose-200);border-radius:var(--radius-md);padding:.65rem .85rem;margin-bottom:1rem}.night-price{font-size:1.25rem;font-weight:800;color:var(--rose-600)}.night-price small{font-size:.75rem;font-weight:500;color:var(--text-muted)}.total-stay-price{text-align:right;font-size:.78rem;color:var(--text-secondary)}.total-stay-price strong{display:block;font-size:.98rem;color:var(--text-primary);font-weight:700}.highlights-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.highlight-item{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary)}.highlight-icon{color:var(--mint-500);flex-shrink:0}.tags-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.tag-badge{font-size:.72rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--lavender-50);border:1px solid var(--lavender-200);color:var(--lavender-500);font-weight:600}.voting-section{border-top:1px solid var(--border-soft);padding-top:1rem;margin-top:auto}.voting-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.partner-votes-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.75rem}.partner-vote-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.6rem .7rem;display:flex;flex-direction:column;gap:.35rem;transition:all var(--transition-fast)}.partner-vote-card.voted{border-color:var(--rose-300);background:var(--rose-50)}.vote-header{display:flex;align-items:center;justify-content:space-between}.vote-name{font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.heart-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-bounce);padding:.2rem;min-width:44px;min-height:44px}.heart-toggle-btn:hover{transform:scale(1.2)}.heart-toggle-btn.liked{color:var(--rose-500);animation:heartBeat .4s ease}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.vote-note{font-size:.75rem;color:var(--text-secondary);font-style:italic;line-height:1.3}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.65rem;border-top:1px solid rgba(0,0,0,.04)}.comment-trigger{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted);background:none;border:none;cursor:pointer;font-weight:600;min-height:38px}.table-wrapper{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2.5rem}.compare-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.compare-table th{background:var(--rose-50);padding:1rem 1.15rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:1px solid var(--border-soft)}.compare-table td{padding:1.1rem;border-bottom:1px solid rgba(244,63,94,.08);vertical-align:middle;font-size:.88rem}.table-hotel-cell{display:flex;align-items:center;gap:.75rem}.table-thumb{width:54px;height:54px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:#2b2d4280;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-float);width:100%;max-width:620px;max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.75rem;position:relative;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUp{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{border-radius:24px 24px 0 0;max-height:86dvh;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom)) 1.25rem;animation:slideUpMobile .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h3{font-size:1.35rem;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.close-btn{background:var(--rose-50);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--rose-100);color:var(--rose-600)}.form-group{margin-bottom:1.15rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem .95rem;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--rose-50);font-family:inherit;font-size:.92rem;color:var(--text-primary);outline:none;transition:all var(--transition-fast)}@media screen and (max-width: 768px){input,select,textarea,.form-input,.form-textarea,.form-select{font-size:16px!important}}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#fff;border-color:var(--rose-400);box-shadow:0 0 0 3px #f43f5e1f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media (max-width: 540px){.form-row{grid-template-columns:1fr}}.ai-extract-box{background:linear-gradient(135deg,#f3e8ff80,#ffe7eb80);border:1px dashed var(--lavender-300);border-radius:var(--radius-lg);padding:1.15rem;margin-bottom:1.25rem}.ai-box-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;font-size:.85rem;font-weight:700;color:#7e22ce}.concierge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.recommendation-box{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-soft);padding:1.15rem;box-shadow:var(--shadow-subtle)}.recommendation-box.winner{border:2px solid var(--rose-400);background:linear-gradient(to bottom,#fff5f7,#fff)}.box-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:var(--radius-pill);margin-bottom:.5rem}.box-badge.winner-badge{background:var(--rose-100);color:var(--rose-600)}.box-badge.value-badge{background:var(--mint-100);color:var(--mint-500)}.box-badge.splurge-badge{background:var(--lavender-100);color:var(--lavender-500)}.verdict-text{background:#ffffffd9;border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--border-soft);font-size:.92rem;line-height:1.6;color:var(--text-primary);margin-bottom:1.15rem}.tip-banner{background:linear-gradient(135deg,#fef7ee,#fff5f7);border-left:4px solid var(--rose-400);padding:.85rem 1.15rem;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.65rem}.match-toast{position:fixed;bottom:calc(5.5rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-size:.95rem;font-weight:700;box-shadow:0 10px 30px #e11d4866;z-index:140;display:flex;align-items:center;gap:.6rem;animation:bounceToast .5s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes bounceToast{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}.empty-state{text-align:center;padding:3.5rem 1.5rem;background:var(--card-bg);border:2px dashed var(--rose-200);border-radius:var(--radius-xl);margin:1.5rem 0}.empty-icon{font-size:3rem;margin-bottom:.75rem;display:inline-block;animation:pulseGentle 3s ease-in-out infinite}.empty-state h3{font-size:1.35rem;color:var(--text-primary);margin-bottom:.4rem}.empty-state p{color:var(--text-muted);max-width:420px;margin:0 auto 1.25rem;font-size:.9rem}.mobile-dock{display:none}@media (max-width: 640px){.mobile-dock{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;width:100vw;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-soft);padding:.45rem 1rem max(.6rem,env(safe-area-inset-bottom)) 1rem;z-index:100;box-shadow:0 -4px 20px #f43f5e1a}.mobile-dock-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;position:relative;min-width:58px;min-height:48px}.dock-avatar{font-size:1.35rem;line-height:1}.dock-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.dock-icon-wrapper.sparkle{color:#a855f7}.dock-badge{position:absolute;top:-5px;right:-8px;background:var(--rose-500);color:#fff;font-size:.65rem;font-weight:800;border-radius:var(--radius-pill);padding:.1rem .35rem}.dock-label{font-size:.68rem;font-weight:600;color:var(--text-muted)}.dock-main-add{margin-top:-14px}.dock-add-bubble{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--rose-400),var(--rose-600));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #f43f5e73;transition:transform var(--transition-bounce)}.dock-main-add:active .dock-add-bubble{transform:scale(.92)}}.auth-overlay,.auth-wrapper{min-height:100vh;min-height:100dvh;flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;position:relative;z-index:50;box-sizing:border-box}.auth-card{background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);width:100%;max-width:480px;margin:auto;padding:2.25rem 2rem;animation:scaleUp .35s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box;position:relative}@media (max-width: 480px){.auth-overlay,.auth-wrapper{padding:1.25rem .85rem}.auth-card{padding:1.75rem 1.25rem;border-radius:var(--radius-lg)}}.auth-brand,.auth-header{text-align:center;margin-bottom:1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-icon-badge,.auth-logo-badge{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--rose-100),var(--lavender-100));border:1.5px solid var(--rose-200);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;box-shadow:var(--shadow-subtle);animation:pulseGentle 3s ease-in-out infinite}.auth-brand h1,.auth-header h1{font-size:1.85rem;font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.35rem;text-align:center}.auth-brand h1 span,.auth-header h1 span{color:var(--rose-500)}.auth-subtitle{font-size:.88rem;color:var(--text-secondary);max-width:360px;margin:0 auto;text-align:center;line-height:1.45}.btn-google-sign-in{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;border:1.5px solid #E2E8F0;border-radius:var(--radius-pill);padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;color:#1f2937;cursor:pointer;box-shadow:0 2px 6px #0000000f;transition:all var(--transition-fast);margin-top:1rem;margin-bottom:1.15rem}.btn-google-sign-in:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-google-sign-in:active{transform:translateY(0)}.auth-divider{display:flex;align-items:center;text-align:center;margin-bottom:1.25rem;color:var(--text-muted);font-size:.78rem;letter-spacing:.04em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-soft)}.auth-divider span{padding:0 .75rem}.auth-tabs{display:flex;background:var(--rose-50);border:1px solid var(--rose-200);border-radius:var(--radius-pill);padding:.25rem;margin-bottom:1.5rem}.auth-tab-btn{flex:1;background:transparent;border:none;border-radius:var(--radius-pill);padding:.55rem .75rem;font-size:.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.auth-tab-btn.active{background:#fff;color:var(--rose-600);box-shadow:var(--shadow-subtle)}.auth-error-banner{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:.65rem .85rem;border-radius:var(--radius-md);font-size:.82rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.4rem}.auth-section-box{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:1rem}.avatar-picker-mini{display:flex;gap:.3rem;flex-wrap:wrap}.avatar-chip{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-soft);background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;transition:all var(--transition-fast)}.avatar-chip:hover{transform:scale(1.15)}.avatar-chip.active{background:var(--rose-100);border-color:var(--rose-400);transform:scale(1.1)}.auth-checkbox-box{background:var(--rose-50);border:1px dashed var(--rose-200);border-radius:var(--radius-md);padding:.75rem .85rem;margin-bottom:1rem}.partner-select-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.85rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#fff;cursor:pointer;font-size:.82rem;font-weight:600;transition:all var(--transition-fast)}.partner-select-btn span:first-child{font-size:1.5rem}.partner-select-btn.active{border-color:var(--rose-500);background:var(--rose-50);color:var(--rose-600);box-shadow:0 0 0 2px #f43f5e33}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.05)}.auth-demo-link{background:none;border:none;color:var(--text-muted);font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color var(--transition-fast)}.auth-demo-link:hover{color:var(--rose-500)}