html,body,#root{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}:root{--bg-color:#f5f2eb;--card-bg:#fff;--card-border:#2d4e3f0d;--text-main:#3d3532;--text-muted:#7a857f;--text-dark:#1e2e26;--primary:#2d4e3f;--primary-glow:#2d4e3f14;--secondary:#c5a880;--secondary-glow:#c5a88014;--warning:#e2b774;--danger:#c94a29;--success:#5f8575;--font-title:"Playfair Display", Georgia, serif;--font-sans:"Outfit", "Inter", system-ui, sans-serif;--glass-shadow:0 10px 40px #2d4e3f08;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#2d4e3f12 0%,#0000 45%),radial-gradient(circle at 85% 25%,#c5a88014 0%,#0000 45%),radial-gradient(circle at 50% 80%,#2d4e3f08 0%,#0000 50%),radial-gradient(circle at 20% 80%,#c5a8800a 0%,#0000 40%),linear-gradient(#2d4e3f03 1px,#0000 1px),linear-gradient(90deg,#2d4e3f03 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,50px 50px,50px 50px;background-attachment:fixed;min-height:100vh}.app-container{max-width:1440px;margin:0 auto;padding:2.5rem 1.5rem 4rem}header{text-align:center;margin-bottom:3.5rem;animation:.8s ease-out fadeInDown}.logo h1{font-family:var(--font-title);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-dark) 40%, var(--primary) 75%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.6rem;font-size:3.2rem;font-weight:700}.logo p{color:var(--text-muted);letter-spacing:.15em;font-size:1.05rem;font-weight:400}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:20px;padding:2rem}.glass-card:hover{border-color:#2d4e3f40;box-shadow:0 12px 40px #4a3e3d14}.config-form{max-width:650px;margin:0 auto;animation:.5s ease-out scaleIn}.form-title{font-family:var(--font-title);text-align:center;color:var(--text-dark);margin-bottom:1.8rem;font-size:1.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.input-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.custom-select,.custom-input{border:1.5px solid var(--card-border);width:100%;color:var(--text-dark);font-family:var(--font-sans);transition:var(--transition-smooth);background:#fff;border-radius:10px;outline:none;padding:.85rem 1.1rem;font-size:.95rem}.custom-select:focus,.custom-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.custom-select option{color:var(--text-dark);background:#fff}.slider-container{align-items:center;gap:1.5rem;display:flex}.slider-container input[type=range]{accent-color:var(--primary);flex:1}.slider-val{color:var(--primary);min-width:60px;font-size:1.25rem;font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--warning));color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:10px;margin-top:1rem;padding:1.1rem;font-size:1.05rem;font-weight:600;box-shadow:0 4px 15px #2d4e3f33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d4e3f4d}.btn-primary:active{transform:translateY(1px)}.dashboard-grid{grid-template-columns:340px 1fr;align-items:start;gap:3rem;display:grid}.sidebar{flex-direction:column;gap:2rem;display:flex}.budget-gauge{text-align:center;position:relative}.circular-chart{max-width:180px;max-height:180px;margin:1.5rem auto;display:block}.circle-bg{fill:none;stroke:#4a3e3d0d;stroke-width:3.8px}.circle{fill:none;stroke-width:3.8px;stroke-linecap:round;transition:stroke-dasharray .6s}.circle.danger{stroke:var(--danger)}.circle.warning{stroke:var(--warning)}.circle.success{stroke:var(--success)}.percentage{font-family:var(--font-sans);fill:var(--text-dark);text-anchor:middle;font-weight:700}.gauge-label{flex-direction:column;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.gauge-label .amt{color:var(--text-dark);font-size:1.5rem;font-weight:700}.gauge-label .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.budget-stats{text-align:left;flex-direction:column;gap:.8rem;margin-top:1rem;display:flex}.stat-item{border-bottom:1px solid #4a3e3d0d;justify-content:space-between;padding:.6rem 0;display:flex}.stat-item:last-child{border:none}.stat-item .label{color:var(--text-muted);font-size:.9rem}.stat-item .val{color:var(--text-dark);font-size:.95rem;font-weight:600}.stat-item .val.danger{color:var(--danger)}.stat-item .val.success{color:var(--secondary)}.traffic-selector{margin-top:0}.traffic-cards-grid{flex-direction:column;gap:1rem;margin-top:.8rem;display:flex}.traffic-card{border:1.5px solid var(--card-border);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:1.1rem;display:flex}.traffic-card.active{background:var(--primary-glow);border-color:var(--primary);box-shadow:0 4px 15px #2d4e3f14}.traffic-card:hover{border-color:var(--primary);transform:translate(3px)}.traffic-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--card-bg-light,#00000005);border-color:var(--card-border)}.traffic-card .icon-title{align-items:center;gap:.8rem;display:flex}.traffic-card .icon{font-size:1.5rem}.traffic-card .title{color:var(--text-dark);font-weight:600}.traffic-card .price{color:var(--primary);font-size:1.15rem;font-weight:700}.disclaimer{color:var(--text-muted);background:#2d4e3f05;border:1px solid #2d4e3f14;border-radius:8px;margin-top:.8rem;padding:.7rem;font-size:.78rem;line-height:1.45}.disclaimer.danger{background:#c94a290a;border-color:#c94a2926;color:#a33b20!important}.disclaimer.warning{background:#e2b7740a;border-color:#e2b77426;color:#936b2d!important}.disclaimer.success{background:#5f85750a;border-color:#5f857526;color:#3f6052!important}.main-content{flex-direction:column;gap:2rem;display:flex}.tab-navigation{border-bottom:1.5px solid var(--card-border);background:var(--card-bg);z-index:100;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;margin-top:-2rem;margin-left:-2rem;margin-right:-2rem;padding:1.2rem 2rem 1.6rem;display:flex;position:sticky;top:71px}.stepper-progress-line{z-index:1;background:#2d4e3f0f;border-radius:2px;height:3px;position:absolute;top:calc(1.2rem + 18px);left:5rem;right:5rem}.stepper-progress-fill{background:var(--success);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.stepper-node{z-index:2;cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;gap:.6rem;padding:0;display:flex;position:relative}.step-circle{width:36px;height:36px;color:var(--text-muted);transition:var(--transition-smooth);background:#fff;border:2px solid #2d4e3f1f;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.stepper-node.active .step-circle{border-color:var(--primary);color:var(--primary);background:#e8f3ee;transform:scale(1.08);box-shadow:0 4px 12px #2d4e3f14}.stepper-node.active .step-label{color:var(--text-dark);text-shadow:0 1px 1px #0000000d;font-weight:700}.stepper-node.completed .step-circle{border-color:var(--success);color:var(--success);background:#e8f3ee;box-shadow:0 2px 8px #5f85750d}.stepper-node.completed .step-label{color:var(--text-muted);opacity:.85}.stepper-node.future{opacity:.5}.stepper-node.future:hover{opacity:.85}.step-label{transition:var(--transition-smooth);white-space:nowrap;font-size:.92rem;font-weight:600}.tab-panel{animation:.4s ease-out fadeIn}.builder-layout{grid-template-columns:1fr;gap:2rem;display:grid}.timeline-column{flex-direction:column;display:flex;position:relative}.timeline-wrapper{padding-left:3.5rem;position:relative}.timeline-line{z-index:1;border-left:2px dashed #c5a88073;width:0;position:absolute;top:1.5rem;bottom:1.5rem;left:calc(1rem + 1px)}.timeline-day-section{margin-bottom:3.5rem;animation:.4s ease-out fadeIn;position:relative}.timeline-day-section:last-child{margin-bottom:1rem}.timeline-day-badge{border:1.5px solid var(--secondary);color:#a88f6c;width:40px;height:40px;font-family:var(--font-title);z-index:2;transition:var(--transition-smooth);background:#fdf6eb;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:flex;position:absolute;left:calc(-2.5rem - 20px);box-shadow:0 4px 12px #c5a8801f}.timeline-day-section:hover .timeline-day-badge{transform:scale(1.08);box-shadow:0 6px 16px #2d4e3f40}.timeline-day-header{border-bottom:1px solid #2d4e3f0f;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.6rem;display:flex}.timeline-day-title-input{font-family:var(--font-title);color:var(--text-dark);width:100%;max-width:520px;transition:var(--transition-smooth);padding:.15rem 0;font-size:1.4rem;font-weight:700;background:0 0!important;border:none!important;border-bottom:1.5px solid #0000!important;outline:none!important}.timeline-day-title-input:hover,.timeline-day-title-input:focus{border-bottom-color:var(--secondary)!important}.timeline-day-header .subtitle{color:#a4865e;letter-spacing:.03em;background:#c5a88014;border-radius:6px;padding:.25rem .65rem;font-size:.8rem;font-weight:600}.timeline-day-spots{flex-direction:column;gap:1.2rem;display:flex}.spot-card{transition:var(--transition-smooth);background:#fff;border:1.5px solid #0000;border-radius:16px;padding:1.5rem;position:relative;box-shadow:0 10px 30px #2d4e3f08}.spot-card:hover{border-color:#c5a88033;transform:translateY(-4px);box-shadow:0 15px 35px #2d4e3f14}.spot-card-image-wrapper,.hotel-card-image-wrapper{aspect-ratio:16/9;cursor:pointer;background:#f4efeb;border-radius:12px;width:100%;margin-bottom:1.2rem;overflow:hidden}.spot-card-image,.hotel-card-image{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.spot-card:hover .spot-card-image,.hotel-card:hover .hotel-card-image{transform:scale(1.04)}.spot-card .header{justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;display:flex}.spot-card .title{color:var(--text-dark);cursor:pointer;font-size:1.2rem;font-weight:700;font-family:var(--font-sans);transition:var(--transition-smooth)}.spot-card .title:hover{color:var(--primary)}.spot-card .remove-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:.2rem;font-size:1.1rem;line-height:1}.spot-card .remove-btn:hover{color:var(--danger);transform:scale(1.1)}.spot-card .meta{color:var(--text-muted);flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;font-size:.78rem;display:flex}.tag{transition:var(--transition-smooth);border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.tag.tag-area{color:#2d4e3f;background:#e8f3ee}.tag.tag-price{color:#b25e1a;background:#fdf6eb}.tag.tag-time{color:#2471a3;background:#eaf2f8}.tag.tag-rating{color:#d4ac0d;background:#fef9e7}.tag.primary{color:#2d4e3f;background:#e8f3ee}.tag.warning{color:#b25e1a;background:#fdf6eb}.spot-card .desc{color:var(--text-muted);font-size:.88rem;line-height:1.55}.timeline-transit-connector{border-left:3px solid var(--secondary);color:var(--primary);background:#2d4e3f04;border-radius:0 10px 10px 0;align-items:center;gap:.8rem;margin:.2rem 0 .2rem .5rem;padding:.6rem 1.2rem;font-size:.82rem;animation:.3s ease-out fadeIn;display:flex;position:relative}.timeline-transit-connector .icon{width:24px;height:24px;color:var(--primary);background:#fff;border:1px solid #2d4e3f1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 2px 6px #2d4e3f0d}.timeline-transit-connector .transit-details{flex-direction:column;display:flex}.timeline-transit-connector .transit-details strong{color:var(--text-dark);font-weight:700}.timeline-transit-connector .transit-details .tip{color:var(--text-muted);margin-top:.05rem;font-size:.76rem}.timeline-empty-state{text-align:center;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#2d4e3f03;border:1.5px dashed #2d4e3f26;border-radius:12px;padding:2.2rem 1.5rem;font-size:.88rem;font-weight:500}.timeline-empty-state:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #2d4e3f0a}.pool-column{flex-direction:column;gap:1.2rem;max-height:calc(100vh - 8rem);display:flex;position:sticky;top:2rem}.pool-header{border-bottom:1.5px solid var(--card-border);padding-bottom:.6rem}.pool-header h4{font-family:var(--font-title);color:var(--text-dark);font-size:1.3rem}.pool-list{flex-direction:column;gap:.8rem;padding-right:.4rem;display:flex;overflow-y:auto}.pool-item{border:1px solid var(--card-border);transition:var(--transition-smooth);background:#fff;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.2rem;display:flex}.pool-item:hover{background:#fdfcfb;border-color:#c5a88059;transform:translateY(-2px);box-shadow:0 10px 25px #2d4e3f0a}.pool-item-header{justify-content:space-between;align-items:center;display:flex}.pool-item .title{color:var(--text-dark);margin-bottom:0;font-size:1.05rem;font-weight:700}.pool-item-rating{color:#d4ac0d;background:#fef9e7;border-radius:10px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.pool-item-desc{color:var(--text-muted);font-size:.78rem;line-height:1.45}.pool-item-meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.pool-meta-tag{color:var(--primary)}.pool-meta-divider{color:#2d4e3f1a}.pool-item-actions{border-top:1px dashed #2d4e3f14;flex-direction:column;gap:.4rem;margin-top:.4rem;padding-top:.6rem;display:flex}.pool-item-actions .actions-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.day-add-buttons{flex-wrap:wrap;gap:.35rem;display:flex}.pool-day-add-btn{color:#2d4e3f;cursor:pointer;transition:var(--transition-smooth);background:#e8f3ee;border:1px solid #2d4e3f1f;border-radius:8px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.pool-day-add-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.guide-tabs{border-bottom:1.5px solid #4a3e3d0d;gap:.5rem;margin-top:1rem;padding-bottom:.5rem;display:flex}.guide-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;padding:.35rem .9rem;font-size:.85rem;font-weight:600}.guide-tab.active{background:var(--primary-glow);color:var(--primary)}.guide-content{padding-top:1rem;animation:.3s ease-out fadeIn}.guide-item{border-left:3px solid var(--primary);background:#fdfcf9;border-radius:8px;margin-bottom:.8rem;padding:.8rem 1rem;font-size:.88rem;box-shadow:inset 0 1px 3px #00000003}.guide-item .title{color:var(--text-dark);margin-bottom:.3rem;font-weight:700;text-decoration:none!important}.hotel-panel{flex-direction:column;gap:1.8rem;display:flex}.rec-advice-card{border-radius:16px;align-items:flex-start;gap:1.1rem;padding:1.2rem 1.5rem;display:flex}.rec-advice-card .icon{font-size:2rem}.rec-advice-card h4{margin-bottom:.3rem;font-weight:700}.rec-advice-card p{font-size:.9rem;line-height:1.55}.hotels-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.hotel-card{transition:var(--transition-smooth);background:#fff;border:1.5px solid #0000;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative;box-shadow:0 10px 30px #2d4e3f08}.hotel-card:hover{border-color:#c5a88040;transform:translateY(-4px);box-shadow:0 15px 35px #c5a8801f}.hotel-card.selected{border-color:var(--secondary);background:var(--secondary-glow)}.hotel-header{justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;display:flex}.hotel-name{color:var(--text-dark);font-size:1.25rem;font-weight:700}.hotel-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.hotel-tag{color:#8c704f;background:#f4efeb;border-radius:20px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.hotel-review-badge{border-radius:20px;align-items:center;gap:.3rem;margin-bottom:.6rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.hotel-review-badge.recommended{color:#2d4e3f;background:#e8f3ee}.hotel-review-badge.avoid{color:var(--danger);background:#fdf2f2}.hotel-location-text{color:var(--primary);margin-bottom:.6rem;font-size:.8rem;font-weight:700}.hotel-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem;line-height:1.5}.hotel-footer{border-top:1.5px solid #4a3e3d0d;justify-content:space-between;align-items:center;padding-top:1.1rem;display:flex}.price-box{flex-direction:column;display:flex}.price-box .num{color:var(--secondary);font-size:1.7rem;font-weight:800}.price-box .lbl{color:var(--text-muted);font-size:.75rem}.select-hotel-btn{border:1.5px solid var(--secondary);color:var(--secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:8px;padding:.6rem 1.1rem;font-weight:600}.select-hotel-btn:hover,.hotel-card.selected .select-hotel-btn{background:var(--secondary);color:#fff}.ota-compare{border:1px solid var(--card-border);background:#fdfdfd;border-radius:8px;justify-content:space-between;margin-top:.8rem;padding:.7rem;font-size:.75rem;display:flex}.ota-compare span{color:var(--text-muted)}.ota-compare b{color:var(--text-dark);margin-left:.2rem}.export-panel-layout{flex-direction:column;gap:2rem;display:flex}.export-actions{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.export-card{border:1.5px solid var(--card-border);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:16px;padding:2.2rem 1.5rem;box-shadow:0 4px 15px #4a3e3d05}.export-card:hover{border-color:var(--primary);background:var(--primary-glow);transform:translateY(-4px)}.export-card .icon{margin-bottom:1rem;font-size:2.6rem;display:block}.export-card h4{color:var(--text-dark);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.export-card p{color:var(--text-muted);font-size:.85rem;line-height:1.45}.print-preview-container{color:#111827;border:1.5px solid var(--card-border);background:#fff;border-radius:20px;max-width:800px;margin:0 auto;padding:3rem;box-shadow:0 8px 30px #4a3e3d08}.print-preview-container *{color:#111827!important}.print-header{text-align:center;border-bottom:3px solid #111827;margin-bottom:2rem;padding-bottom:1.5rem}.print-header h2{font-family:var(--font-title);margin-bottom:.5rem;font-size:2.4rem}.print-header .meta{font-size:.95rem;font-weight:500;color:#4b5563!important}.print-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.2rem;padding:1.2rem 1.5rem;display:grid}.print-summary .item{flex-direction:column;display:flex}.print-summary .lbl{text-transform:uppercase;font-size:.75rem;font-weight:600;color:#6b7280!important}.print-summary .val{margin-top:.2rem;font-size:1.3rem;font-weight:700}.print-day{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.print-day:last-child{border:none}.print-day h3{border-left:5px solid #111827;margin-bottom:1rem;padding-left:.8rem;font-size:1.3rem;font-weight:700}.print-day .spot-item{background:#f3f4f6;border-radius:8px;margin-bottom:.8rem;padding:.8rem 1.2rem}.print-day .spot-title{font-size:1rem;font-weight:700}.print-day .spot-desc{margin-top:.3rem;font-size:.88rem;line-height:1.5;color:#4b5563!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.app-container,.dashboard-grid,.main-content,.export-panel-layout{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.print-preview-container{box-shadow:none!important;border:none!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}}@media (width<=1024px){.dashboard-grid{flex-direction:column;gap:2rem;display:flex}.main-content{order:1}.sidebar{order:2}.builder-layout{grid-template-columns:1fr}.pool-column{max-height:none;position:static}}@media (width<=768px){.logo h1{font-size:2.2rem}.logo p{letter-spacing:.1em;font-size:.9rem}.tab-navigation{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:.4rem;overflow-x:auto}.tab-btn{padding:.4rem .2rem;font-size:.95rem}.input-row{grid-template-columns:1fr;gap:1rem}.hotels-grid,.export-actions{grid-template-columns:1fr}.print-preview-container{padding:1.5rem}}.filter-btn{color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#fff9;border:1.2px solid #2d4e3f1a;border-radius:30px;padding:.45rem 1.25rem;font-size:.82rem;font-weight:600;box-shadow:0 2px 6px #2d4e3f03}.filter-btn:hover{border-color:var(--secondary);color:var(--primary);background:#fff;transform:translateY(-1px)}.filter-btn.active{font-weight:700;background:var(--primary-glow)!important;border-color:var(--primary)!important;color:var(--primary)!important;box-shadow:0 4px 12px #2d4e3f0a!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#4a3e3d73;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;width:90%;max-width:680px;max-height:85vh;padding:2rem;animation:.3s ease-out scaleIn;display:flex;overflow-y:auto;box-shadow:0 20px 50px #4a3e3d26}.modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:0 .5rem;font-size:1.5rem;line-height:1}.modal-close-btn:hover{color:var(--danger);transform:scale(1.1)}.modal-body{flex:1}.template-card{transition:var(--transition-smooth);cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 10px 30px #2d4e3f06}.template-card:hover{background:#c5a88003;border-color:#c5a88040;transform:translateY(-2px);box-shadow:0 15px 35px #c5a88014}.template-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.template-title{font-family:var(--font-sans);color:var(--text-dark);font-size:1.2rem;font-weight:700}.template-days-badge{background:var(--secondary-glow);color:#8c704f;white-space:nowrap;border:1px solid #c5a88040;border-radius:20px;padding:.35rem .85rem;font-size:.78rem;font-weight:600}.template-warning{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;line-height:1.45}.template-warning.success-theme{border-left:4px solid var(--secondary);color:var(--primary);background:#c5a88014}.template-warning.warning-theme{border-left:4px solid var(--warning);color:#936b2d;background:#e2b77414}.template-warning.danger-theme{border-left:4px solid var(--danger);color:#a33b20;background:#c94a2914}.template-schedule-preview{color:var(--text-main);background:var(--bg-color);border:1px solid #4a3e3d0a;border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.82rem}.template-preview-day{align-items:center;margin-bottom:.75rem;line-height:1.45;display:flex}.template-day-tag{background:var(--secondary-glow);color:#8c704f;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:20px;margin-right:.8rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.template-apply-btn{background:linear-gradient(135deg, var(--primary) 0%, #3d6653 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;padding:.65rem 1.5rem;font-size:.88rem;font-weight:600;box-shadow:0 4px 12px #2d4e3f1f}.template-apply-btn:hover{background:linear-gradient(135deg, var(--secondary) 0%, #d4b890 100%);color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px #2d4e3f38}.template-preview-day:last-child{margin-bottom:0}.searchable-select-container{width:100%;position:relative}.searchable-select-trigger{border:1.5px solid var(--card-border);width:100%;color:var(--text-dark);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;font-size:.95rem;display:flex}.searchable-select-trigger:hover,.searchable-select-trigger.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.searchable-select-trigger .arrow{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.searchable-select-trigger.active .arrow{transform:rotate(180deg)}.searchable-select-dropdown{border:1px solid var(--card-border);z-index:100;background:#fff;border-radius:10px;flex-direction:column;gap:.5rem;width:100%;padding:.6rem;display:flex;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 10px 25px #00000026}.searchable-select-dropdown .search-input{border:1px solid var(--card-border);width:100%;color:var(--text-dark);background:#f9fafb;border-radius:6px;outline:none;padding:.5rem .8rem;font-size:.9rem}.searchable-select-dropdown .search-input:focus{border-color:var(--primary);background:#fff}.searchable-select-dropdown .options-list{flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.searchable-select-dropdown .option-item{cursor:pointer;color:var(--text-dark);text-align:left;border-radius:6px;padding:.6rem .8rem;font-size:.9rem;transition:background .15s}.searchable-select-dropdown .option-item:hover{background:var(--primary-glow);color:var(--primary)}.searchable-select-dropdown .option-item.selected{background:var(--primary);color:#fff}.searchable-select-dropdown .no-options{text-align:center;color:var(--text-muted);padding:.8rem;font-size:.85rem}.pool-drawer{background:var(--card-bg);border-left:1px solid var(--card-border);z-index:1050;box-sizing:border-box;flex-direction:column;width:85%;max-width:360px;height:100vh;padding:1.5rem;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-8px 0 35px #4a3e3d14}.pool-drawer.open{right:0}.pool-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;background:#4a3e3d26;width:100vw;height:100vh;animation:.25s ease-out fadeIn;position:fixed;top:0;left:0}.pool-drawer .pool-header{border-bottom:1.5px solid var(--card-border);justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.pool-drawer .pool-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:1.4rem;line-height:1}.pool-drawer .pool-close-btn:hover{color:var(--danger);transform:scale(1.15)}.pool-drawer .pool-list{flex:1;padding-right:.2rem;overflow-y:auto}.traffic-segmented-control{background:#4a3e3d0a;border-radius:12px;gap:.4rem;margin-top:1rem;padding:.3rem;display:flex}.traffic-segment-btn{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.65rem .4rem;display:flex}.traffic-segment-btn .icon{font-size:1.25rem}.traffic-segment-btn .title{color:var(--text-muted);margin-top:.1rem;font-size:.72rem;font-weight:600}.traffic-segment-btn .price{color:var(--text-main);font-size:.82rem;font-weight:700}.traffic-segment-btn.active{background:#fff;box-shadow:0 2px 8px #4a3e3d0d}.traffic-segment-btn.active .title,.traffic-segment-btn.active .price{color:var(--primary)}.traffic-segment-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.comment-accordion-btn{color:var(--primary);cursor:pointer;text-align:left;width:100%;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.3rem;padding:.4rem 0 .2rem;font-size:.78rem;font-weight:700;display:flex}.comment-accordion-btn:hover{opacity:.8}.comment-accordion-content{opacity:0;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s;overflow:hidden}.comment-accordion-content.expanded{opacity:1;max-height:250px;margin-top:.5rem}.minimalist-config-container{text-align:center;max-width:1000px;margin:0 auto;padding:1rem 1.5rem 5rem;animation:.8s ease-out fadeInUp}.minimalist-header{margin-bottom:2.5rem}.minimalist-title{font-family:var(--font-title);color:var(--text-dark);letter-spacing:-.01em;margin-bottom:.4rem;font-size:4.2rem;font-weight:700;line-height:1.15}.minimalist-subtitle{color:var(--text-muted);letter-spacing:.25em;text-transform:uppercase;margin-bottom:1.8rem;font-size:.85rem;font-weight:500;display:block}.minimalist-hint{color:var(--text-main);letter-spacing:.05em;font-size:.95rem;font-weight:600}.minimalist-card-wrapper{justify-content:center;margin-bottom:1rem;display:flex}.config-form-horizontal{background:var(--card-bg);width:100%;max-width:900px;box-shadow:var(--glass-shadow);text-align:left;border-radius:20px;padding:2.5rem;animation:.5s ease-out scaleIn;position:relative;overflow:hidden}.config-form-horizontal:before{content:"";background:linear-gradient(to right, var(--primary) 50%, var(--secondary) 50%);width:100%;height:4px;position:absolute;top:0;left:0}.form-row{align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.flex-1{flex:1}.route-arrow{color:var(--secondary);justify-content:center;align-items:center;padding-top:2.2rem;display:flex}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit .custom-input{width:100%;padding-right:2.5rem}.input-with-unit .unit-text{color:var(--text-muted);pointer-events:none;font-size:.9rem;font-weight:500;position:absolute;right:1.1rem}.input-with-unit.prefix-mode .custom-input{padding-left:2rem}.input-with-unit.prefix-mode .prefix-text{color:var(--text-muted);pointer-events:none;font-size:1rem;font-weight:600;position:absolute;left:1.1rem}.budget-helper{text-align:right;color:var(--text-muted);margin-top:.5rem;font-size:.8rem;display:block}.btn-generate{background:var(--primary);width:100%;transition:var(--transition-smooth);border-radius:10px;margin-top:1rem;padding:1.1rem;font-size:1.05rem;font-weight:600;box-shadow:0 4px 15px #2d4e3f26}.btn-generate:hover{background:#1e362b;transform:translateY(-2px);box-shadow:0 6px 20px #2d4e3f40}.app-header{background:var(--bg-color);border-bottom:1px solid var(--card-border);z-index:999;justify-content:space-between;align-items:center;width:100vw;margin-bottom:2rem;margin-left:calc(50% - 50vw);padding:1.2rem calc(50vw - 50% + 2.5rem);display:flex;position:sticky;top:0}.logo-container{-webkit-user-select:none;user-select:none;align-items:center;gap:.8rem;display:flex}.logo-badge{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-text{font-family:var(--font-title);color:var(--text-dark);letter-spacing:-.01em;font-size:1.45rem;font-weight:700}.header-nav{gap:2rem;display:flex}.header-nav .nav-link{color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);padding:.3rem 0;font-size:.88rem;font-weight:600;text-decoration:none;position:relative}.header-nav .nav-link:hover{color:var(--primary)}.header-nav .nav-link:after{content:"";background:var(--secondary);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.header-nav .nav-link:hover:after{width:100%}.features-section{text-align:center;margin-top:5rem;animation:.8s ease-out fadeInUp}.section-title{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin-bottom:2rem;font-size:.9rem;font-weight:600;display:inline-block;position:relative}.feature-card-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.feature-card{background:var(--card-bg);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #2d4e3f0d}.feature-icon-badge{background:var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.2rem;font-size:1.4rem;display:flex}.feature-card h4{color:var(--text-dark);margin-bottom:.5rem;font-size:1rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.recent-trips-section{max-width:1000px;margin-top:5rem;margin-left:auto;margin-right:auto;animation:.8s ease-out fadeInUp}.recent-trips-section .section-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:1.8rem;padding-bottom:.5rem;display:flex}.recent-trips-section .section-title{margin-bottom:0}.see-all-link{color:var(--primary);cursor:pointer;transition:var(--transition-smooth);font-size:.85rem;font-weight:600}.see-all-link:hover{color:var(--secondary);transform:translate(3px)}.trip-card-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.trip-card{background:var(--card-bg);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.trip-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2d4e3f14}.trip-card:active{transform:translateY(-2px)}.trip-card-header-img-wrapper{background:#f4efeb;width:100%;height:140px;position:relative;overflow:hidden}.trip-card-header-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.trip-card:hover .trip-card-header-img{transform:scale(1.05)}.trip-card-header-overlay{background:linear-gradient(#1e2e2600 50%,#1e2e264d 100%);position:absolute;inset:0}.trip-card-emoji{transition:var(--transition-smooth);font-size:3rem}.trip-card:hover .trip-card-emoji{transform:scale(1.15)rotate(5deg)}.trip-card-body{padding:1.2rem}.trip-card-body h4{color:var(--text-dark);margin-bottom:.3rem;font-size:1.15rem;font-weight:700}.trip-card-body p{color:var(--text-muted);font-size:.85rem;font-weight:500}.highlight-pulse .custom-input,.highlight-pulse .searchable-select-trigger{animation:1.5s ease-out inputHighlightPulse}@keyframes inputHighlightPulse{0%{border-color:var(--secondary);box-shadow:0 0 #c5a88066}50%{border-color:var(--secondary);box-shadow:0 0 0 8px #c5a88040}to{box-shadow:0 0 #c5a88000}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=992px){.sidebar{scrollbar-width:thin;scrollbar-color:var(--card-border) transparent;max-height:calc(100vh - 71px - 4rem);padding-right:.5rem;position:sticky;top:calc(71px + 2rem);overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}}.tab-navigation{box-shadow:0 4px 15px #2d4e3f05;z-index:100!important;background:var(--card-bg)!important;border-bottom:2px solid var(--card-border)!important;border-radius:20px 20px 0 0!important;margin:-2rem -2rem 1.5rem!important;padding:.8rem 1.5rem!important;position:sticky!important;top:71px!important}.nav-link-back-header{border:1.5px solid var(--primary);transition:var(--transition-smooth);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:.3rem;display:inline-flex;color:var(--primary)!important;padding:.4rem 1rem!important;font-size:.82rem!important;font-weight:700!important}.nav-link-back-header:hover{background:var(--primary);border-color:var(--primary);color:#fff!important}.day-container{transition:var(--transition-smooth);border:1px solid var(--card-border)!important;background:#fff!important;border-radius:20px!important;padding:2rem!important;box-shadow:0 8px 30px #4a3e3d05!important}.day-container:hover{border-color:#2d4e3f26;box-shadow:0 12px 40px #4a3e3d0a!important}.spot-card{border:1px solid var(--card-border)!important;transition:var(--transition-smooth)!important;border-radius:14px!important;padding:1.5rem!important;box-shadow:0 3px 10px #4a3e3d03!important}.spot-card:hover{transform:translateY(-2px);border-color:#2d4e3f4d!important;box-shadow:0 8px 24px #2d4e3f0f!important}.transit-connector{position:relative;border-left:1.5px dashed var(--primary)!important;margin:.5rem 0 .5rem 1.8rem!important;padding:.8rem 1.8rem!important}.transit-connector:before{content:"↓";color:var(--primary);font-size:.7rem;font-weight:700;position:absolute;top:45%;left:-5.5px}.hotel-card{flex-direction:column;justify-content:space-between;display:flex;border:1px solid var(--card-border)!important;transition:var(--transition-smooth)!important;border-radius:16px!important;padding:1.5rem!important;box-shadow:0 4px 15px #4a3e3d05!important}.hotel-card:hover{transform:translateY(-3px);border-color:#2d4e3f4d!important;box-shadow:0 10px 30px #2d4e3f14!important}.ota-compare{color:var(--text-main)!important;background:#ebdcd040!important;border:1px solid #ebdcd066!important;border-radius:30px!important;justify-content:space-between!important;gap:.4rem!important;margin-bottom:1rem!important;padding:.4rem .8rem!important;font-size:.72rem!important;display:flex!important}.ota-compare span{align-items:center;gap:.15rem;display:flex}.ota-compare b{color:var(--primary);font-weight:700}@media (width<=992px){.feature-card-grid{grid-template-columns:repeat(2,1fr);max-width:100%}.trip-card-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (width<=768px){.app-header{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.header-nav{gap:1.2rem}.minimalist-title{font-size:3.2rem}}@media (width<=650px){.minimalist-title{font-size:2.8rem}.config-form-horizontal{padding:1.5rem}.form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.route-arrow{align-self:center;margin:.2rem 0;padding-top:0;transform:rotate(90deg)}.feature-card-grid{grid-template-columns:1fr}.trip-card-grid{grid-template-columns:1fr;gap:1.5rem}}.workbench-action-btn{color:var(--primary)!important;cursor:pointer!important;transition:var(--transition-smooth)!important;font-size:.82rem!important;font-weight:600!important;font-family:var(--font-sans)!important;background:#2d4e3f05!important;border:1.2px solid #2d4e3f26!important;border-radius:30px!important;align-items:center!important;gap:.4rem!important;padding:.55rem 1.25rem!important;display:inline-flex!important;box-shadow:0 2px 6px #2d4e3f03!important}.workbench-action-btn:hover{border-color:var(--secondary)!important;background:var(--primary-glow)!important;color:var(--primary)!important;transform:translateY(-1.5px)!important;box-shadow:0 4px 12px #c5a88026!important}.workbench-action-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.workbench-action-btn svg{transition:transform .2s!important}.workbench-action-btn:hover svg{transform:translateY(-.5px)!important}.hotel-sticky-panel{z-index:90;background:var(--card-bg);border-bottom:1.5px solid var(--card-border);margin-bottom:1.5rem;margin-left:-2rem;margin-right:-2rem;padding:1.2rem 2rem;position:sticky;top:135px;box-shadow:0 6px 20px #2d4e3f05}@media (width<=992px){.hotel-sticky-panel{box-shadow:none;border-bottom:none;margin-left:0;margin-right:0;padding:1rem 0;position:relative;top:0}}.spot-card-main-content{align-items:flex-start;gap:1.25rem;display:flex}.spot-card-thumbnail-wrapper{cursor:pointer;background:#f4efeb;border-radius:8px;flex-shrink:0;width:100px;height:80px;overflow:hidden}.spot-card-thumbnail{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.spot-card:hover .spot-card-thumbnail{transform:scale(1.06)}.spot-card-details{flex-grow:1;min-width:0}@media (width<=500px){.spot-card-main-content{flex-direction:column;gap:.8rem}.spot-card-thumbnail-wrapper{width:100%;height:120px}}.toggle-filter-btn{border-color:var(--secondary)!important;color:var(--secondary)!important;background:#c5a88008!important}.toggle-filter-btn:hover{background:var(--secondary-glow)!important;border-color:var(--secondary)!important;color:var(--secondary)!important;box-shadow:0 4px 12px #c5a88026!important}.toggle-filter-btn.expanded{background:var(--secondary)!important;color:#fff!important;border-color:var(--secondary)!important}.explore-start-btn{width:auto;padding:1rem 3.5rem;font-size:1.05rem;font-weight:600;color:var(--primary)!important;border:1.5px solid var(--primary)!important;cursor:pointer!important;letter-spacing:.08em!important;transition:var(--transition-smooth)!important;background:#2d4e3f05!important;border-radius:30px!important;display:inline-block!important;box-shadow:0 4px 12px #2d4e3f0a!important}.explore-start-btn:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #2d4e3f26!important}.hotel-search-input{transition:width .3s,border-color .3s,box-shadow .3s!important}.hotel-search-input:hover{border-color:var(--secondary)!important}.hotel-search-input:focus{border-color:var(--secondary)!important;width:210px!important;box-shadow:0 0 0 3px #c5a88026!important}.app-footer-disclaimer{text-align:center;color:#a8a8a8;letter-spacing:.05em;width:100%;font-size:.75rem;font-family:var(--font-sans);background:0 0;border-top:1px dashed #2d4e3f14;margin-top:3rem;padding:2rem 1rem}@media (width<=768px){body,html{width:100%!important;overflow-x:hidden!important}.app-container{width:100%!important;max-width:100%!important;padding:.75rem .5rem 2.5rem!important;overflow-x:hidden!important}.app-header{box-sizing:border-box!important;border-radius:0 0 12px 12px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin:-.75rem 0 1rem!important;padding:.8rem .75rem!important}.logo-container{gap:.4rem!important}.logo-badge{width:24px!important;height:24px!important}.logo-badge svg{width:13px!important;height:13px!important}.logo-text{font-size:1.05rem!important}.nav-link-back-header{white-space:nowrap!important;border-radius:15px!important;padding:.35rem .75rem!important;font-size:.72rem!important}.dashboard-grid{gap:1.2rem!important;width:100%!important}.glass-card{box-sizing:border-box!important;border-radius:12px!important;width:100%!important;padding:1rem!important}.tab-navigation{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;border-radius:12px 12px 0 0!important;justify-content:flex-start!important;gap:.8rem!important;margin-top:-1rem!important;margin-left:-1rem!important;margin-right:-1rem!important;padding:.8rem!important;display:flex!important;overflow-x:auto!important}.tab-navigation::-webkit-scrollbar{display:none!important}.hotel-nights-list{scrollbar-width:none!important;-ms-overflow-style:none!important}.hotel-nights-list::-webkit-scrollbar{display:none!important}.stepper-progress-line{display:none!important}.stepper-node{flex-shrink:0!important;gap:.3rem!important}.step-circle{width:28px!important;height:28px!important;font-size:.75rem!important}.step-circle svg{width:11px!important;height:11px!important}.step-label{font-size:.78rem!important}.packing-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.packing-sidebar{position:relative!important;top:0!important}.timeline-wrapper{padding-left:2rem!important}.timeline-line{left:11px!important}.timeline-day-badge{width:32px!important;height:32px!important;font-size:.8rem!important;line-height:29px!important;left:-37px!important}.timeline-day-header{flex-direction:column!important;align-items:flex-start!important;gap:.4rem!important}.timeline-day-header .subtitle{padding:.15rem .4rem!important;font-size:.75rem!important}.timeline-day-title-input{width:100%!important;font-size:1.15rem!important}.spot-card{border-radius:12px!important;padding:.8rem!important}.spot-card-main-content{flex-direction:column!important;gap:.8rem!important}.spot-card-thumbnail-wrapper{width:100%!important;height:140px!important}.spot-card-details{width:100%!important}.spot-card-details .header .title{font-size:1.1rem!important}.spot-card-details .meta{flex-wrap:wrap!important;gap:.3rem!important}.spot-card-details .meta .tag{padding:.15rem .4rem!important;font-size:.7rem!important}.spot-card-details .desc{font-size:.78rem!important}.pool-drawer{z-index:1050!important;width:90%!important;max-width:330px!important;padding:1rem!important}.modal-container{width:95%!important;max-height:90vh!important;padding:1rem!important}}