@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color: #F2F5F4;--surface-color: #FFFFFF;--primary-color: #9FE870;--accent-color: #163300;--text-primary: #0E0F0C;--text-secondary: #454745;--border-color: #D3D5D3;--tip-bg: #A0E1E1;--tip-color: #163300;--nav-height: 80px;--content-max-width: 740px;--content-padding: 1.25rem;color-scheme:light dark}@media(min-width:860px){:root{--content-max-width: 1100px;--content-padding: 2rem}}@media(min-width:1280px){:root{--content-max-width: 1400px;--content-padding: 2.5rem}}[data-theme=dark]{--bg-color: #0E0F0C;--surface-color: #1A1C19;--accent-color: #9FE870;--primary-color: #163300;--text-primary: #F2F5F4;--text-secondary: #A8ABA8;--border-color: #2E312E;--tip-bg: rgba(160, 225, 225, .12);--tip-color: #A0E1E1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3{font-weight:800;letter-spacing:-.02em;color:var(--accent-color)}h1{font-size:2.5rem;margin-bottom:.5rem}h2{font-size:1.8rem;margin-bottom:.5rem}p{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroFade{0%,to{opacity:0;transform:scale(1)}10%,33%{opacity:.7;transform:scale(1.05)}43%{opacity:0;transform:scale(1.1)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-slide-down{animation:slideDown .3s ease-out forwards}.spinning{animation:rotate 1s linear infinite}.app-container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding);min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-bottom:5rem}.app-header{position:relative;overflow:hidden;padding:4rem 2rem;border-radius:2rem 2rem 0 0;margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:300px}.hero-slides{position:absolute;inset:0;z-index:0;background:#000}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:heroFade 15s infinite}.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:5s}.hero-slide:nth-child(3){animation-delay:10s}.hero-overlay{position:relative;z-index:1;background-color:#00000080;padding:2rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-title{color:#fff;margin:0;font-weight:800;font-size:2.5rem}.hero-subtitle{color:#f7faf8;margin:10px 0 0;font-weight:600}.theme-toggle{position:absolute;top:1rem;right:1rem;z-index:2;background:#0e0f0c;color:#f2f5f4;border:2px solid #9FE870;border-radius:50%;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;line-height:1;padding:0}.theme-toggle:hover{background:#1a1c19;transform:scale(1.1) rotate(12deg)}[data-theme=dark] .theme-toggle{background:#f2f5f4;color:#0e0f0c;border-color:#163300}[data-theme=dark] .theme-toggle:hover{background:#fff}.sticky-controls{position:sticky;top:0;z-index:50}.sticky-controls .nav-bar{margin-bottom:2rem}.nav-bar{display:flex;justify-content:space-around;background:#ffffff8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0;border-radius:0 0 2rem 2rem;position:relative;border:1px solid rgba(255,255,255,.4);border-top:none;box-shadow:0 10px 30px #00000014;overflow:hidden}[data-theme=dark] .nav-bar{background:#1a1c19bf;border-color:#ffffff12}.nav-bar .nav-item{margin:.6rem 0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;background:none;border:none;outline:none;padding:.5rem 1rem;border-radius:1.5rem;font-family:inherit}.nav-item:hover{color:var(--text-primary);background:var(--bg-color)}.nav-item.active{color:var(--accent-color);background:var(--primary-color)}[data-theme=dark] .nav-item.active{background:var(--accent-color);color:#0e0f0c}.scroll-progress-container{position:absolute;top:0;left:0;width:100%;height:4px;background:#00000008;overflow:hidden;z-index:60;pointer-events:none}.scroll-progress-bar{height:100%;background:var(--primary-color);width:0%;transition:width .1s ease-out;box-shadow:0 0 8px var(--primary-color)}.day-bar-bottom{position:fixed;bottom:0;left:0;right:0;z-index:60;background:#ffffff8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.4);border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -8px 32px #00000014}[data-theme=dark] .day-bar-bottom{background:#1a1c19cc;border-color:#ffffff12}.day-bar-bottom-inner{max-width:var(--content-max-width);margin:0 auto;padding:.75rem var(--content-padding);padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:.75rem}.day-selector{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:0;margin-bottom:0;scrollbar-width:none;flex:1;min-width:0;justify-content:center}.day-selector::-webkit-scrollbar{display:none}.day-btn{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);padding:.6rem 1.25rem;border-radius:9999px;cursor:pointer;white-space:nowrap;font-weight:800;transition:all .2s ease;font-size:.95rem;flex-shrink:0;font-family:inherit}.day-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.day-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}[data-theme=dark] .day-btn.active{background-color:var(--accent-color);color:#0e0f0c;border-color:var(--accent-color)}.day-btn.prep{background-color:var(--primary-color);color:var(--accent-color);border-color:var(--primary-color)}.day-btn.prep:hover{filter:brightness(.92)}.day-btn.prep.active{box-shadow:0 0 0 2px var(--accent-color)}.card{background-color:var(--surface-color);border-radius:1.5rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 6px #00000005;cursor:pointer}.card:hover,.card.active{transform:translateY(-4px);box-shadow:0 10px 20px #00000014;border-color:var(--primary-color)}[data-theme=dark] .card:hover,[data-theme=dark] .card.active{box-shadow:0 10px 20px #0000004d;border-color:var(--accent-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-title{font-weight:800;color:var(--accent-color);font-size:1.25rem}.card-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin:1rem 0}.prep-card{border-left:4px solid var(--accent-color)}.badge{background:var(--primary-color);color:var(--accent-color);padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .badge{color:#9fe870}.badge-capitalize{text-transform:capitalize}.badge.gold{background:#ffeb69;color:#163300}.badge-rainy{background:#a0e1e1;color:#163300}.badge-sunny{background:#ffeb69;color:#163300}.badge.badge-activity{background:#d4edff;color:#163300}[data-theme=dark] .badge.gold{background:#ffeb692e;color:#ffeb69}[data-theme=dark] .badge-rainy{background:#a0e1e126;color:#a0e1e1}[data-theme=dark] .badge-sunny{background:#ffeb6926;color:#ffeb69}[data-theme=dark] .badge.badge-activity{background:#d4edff1f;color:#a8d8f0}.tip-box{background:var(--tip-bg);border-radius:.5rem;color:var(--tip-color);font-weight:600}.weather-badge{display:inline-flex;align-items:center;gap:.4rem;background:#a0e1e140;padding:.4rem .85rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--accent-color);border:1px solid rgba(160,225,225,.5)}.weather-table{width:100%;border-collapse:collapse;font-size:.9rem}.weather-table th{text-align:left;font-weight:800;color:var(--accent-color);padding:.5rem .75rem;border-bottom:2px solid var(--border-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.weather-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.weather-table tr:last-child td{border-bottom:none}.weather-table .font-bold{font-weight:800;color:var(--accent-color)}.packing-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.packing-item{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.editable-title{display:flex;align-items:center;gap:.5rem}.title-input{font-family:inherit;font-size:1.8rem;font-weight:800;color:var(--accent-color);background:var(--bg-color);border:2px solid var(--primary-color);border-radius:.75rem;padding:.25rem .5rem;outline:none;width:100%;letter-spacing:-.02em}.title-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #9fe8704d}.expandable-text-wrap{cursor:pointer;margin-bottom:1rem}.expandable-body{position:relative}.expandable-body--clamped{max-height:7.5em;overflow:hidden}.expandable-fade{position:absolute;bottom:0;left:0;right:0;height:3em;background:linear-gradient(to bottom,transparent,var(--surface-color));pointer-events:none}.expandable-hint{display:flex;align-items:center;gap:.25rem;color:var(--accent-color);font-size:.78rem;font-weight:700;opacity:.75;margin-top:.35rem;transition:opacity .2s}.expandable-text-wrap:hover .expandable-hint{opacity:1}.expandable-collapse{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.75rem;font-weight:600;opacity:.6;margin-top:.5rem;transition:opacity .2s}.expandable-text-wrap:hover .expandable-collapse{opacity:1}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s,transform .2s;display:flex;align-items:center;justify-content:center;padding:.25rem}.btn-icon:hover{color:#ff5a5f;transform:scale(1.1)}.btn-icon.active{color:#ff5a5f}.btn-edit{opacity:.6;transition:opacity .2s,color .2s,transform .2s}.btn-edit:hover{opacity:1;color:var(--accent-color);transform:scale(1.1)}.text-link{color:var(--accent-color);text-decoration:none;font-weight:800;transition:color .2s;border-bottom:2px solid var(--primary-color)}.text-link:hover{color:var(--primary-color);border-bottom-color:var(--accent-color)}.settings-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-color);color:#fff;border:none;padding:.7rem 1.25rem;border-radius:9999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.settings-btn:hover:not(:disabled){background:var(--primary-color);color:var(--accent-color)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.language-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.75rem .5rem;border-radius:.75rem;font-size:.8rem;font-weight:600;border:2px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);cursor:pointer;transition:all .2s;font-family:inherit;text-align:center;line-height:1.2}.language-btn:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--surface-color))}.language-btn.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.language-flag{display:block;width:1.75rem;height:1.75rem;border-radius:50%;background-size:cover;background-position:center;overflow:hidden;flex-shrink:0}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.share-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:1rem;font-size:.85rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:all .2s;font-family:inherit}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out forwards}.modal-sheet{background:var(--surface-color);border-radius:1.5rem 1.5rem 0 0;width:100%;max-width:var(--content-max-width);margin:0 auto;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.picker-tabs{display:flex;gap:.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.picker-tab{display:flex;align-items:center;gap:.4rem;background:none;border:1.5px solid var(--border-color);color:var(--text-secondary);padding:.45rem 1rem;border-radius:9999px;cursor:pointer;font-size:.875rem;font-weight:700;transition:all .2s;font-family:inherit}.picker-tab:hover{border-color:var(--accent-color);color:var(--accent-color)}.picker-tab.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}[data-theme=dark] .picker-tab.active{background:var(--accent-color);color:#0e0f0c}.picker-list{overflow-y:auto;flex:1;padding:.75rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.picker-list::-webkit-scrollbar{width:4px}.picker-list::-webkit-scrollbar-track{background:transparent}.picker-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.picker-item{display:flex;gap:.875rem;align-items:flex-start;padding:.875rem;border:1.5px solid var(--border-color);border-radius:1rem;cursor:pointer;transition:all .2s;background:var(--bg-color)}.picker-item:hover{border-color:var(--accent-color);background:var(--surface-color);transform:translate(4px)}.picker-item-img{width:72px;height:60px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.picker-item-info{flex:1;min-width:0}.picker-item-title{font-size:.9rem;font-weight:800;color:var(--accent-color);display:block;margin-bottom:.15rem}.picker-item-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2;margin-bottom:.25rem}.picker-item-meta{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.2rem;font-weight:600}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:rotate 1s linear infinite}.empty-state{padding:4rem 1rem;background:var(--surface-color);border-radius:1.5rem;border:2px dashed var(--border-color)}.empty-state-icon{color:var(--border-color);margin:0 auto 1rem;display:block}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.install-banner{position:fixed;top:0;left:0;right:0;z-index:250;padding-top:env(safe-area-inset-top,0px)}.install-banner-inner{max-width:var(--content-max-width);margin:0 auto;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-radius:0 0 1.25rem 1.25rem;box-shadow:0 4px 20px #00000026}[data-theme=dark] .install-banner-inner{background:var(--primary-color);color:#0e0f0c}.install-banner-text{display:flex;flex-direction:column;gap:.1rem;font-size:.85rem;line-height:1.3}.install-banner-text strong{font-size:.95rem;font-weight:800}.install-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.install-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--primary-color);color:var(--accent-color);border:none;padding:.5rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:800;cursor:pointer;font-family:inherit;transition:filter .2s;white-space:nowrap}[data-theme=dark] .install-btn{background:var(--accent-color);color:var(--primary-color)}.install-btn:hover{filter:brightness(.9)}.install-dismiss{color:#ffffffb3!important}[data-theme=dark] .install-dismiss{color:#0e0f0c99!important}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;font-weight:700;padding:.5rem 1rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px))}.offline-banner--offline{background:#ff5a5f;color:#fff}.offline-banner--online{background:var(--primary-color);color:var(--accent-color)}.flex{display:flex}.flex-col{flex-direction:column}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.m-0{margin:0}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.font-bold{font-weight:800}.font-normal{font-weight:400}@media(max-width:540px){.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:640px){:root{--nav-height: 60px;--content-padding: .875rem}.app-header{padding:3rem 1rem 2rem;border-radius:1.5rem 1.5rem 0 0}.nav-bar{padding:0;border-radius:0 0 1.5rem 1.5rem;border-top:none}.nav-item span{display:none}.nav-item{margin:.6rem 0;padding:.5rem}.modal-sheet{max-height:90vh}.share-grid,.language-grid{grid-template-columns:repeat(2,1fr)}.day-bar-bottom{border-radius:1.25rem 1.25rem 0 0}.day-bar-bottom-inner{padding:.5rem var(--content-padding);padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.day-selector{justify-content:flex-start}.day-btn{padding:.5rem 1rem;font-size:.85rem}.hero-title{font-size:2rem}}@media(min-width:860px){.nav-item{padding:.5rem 1.5rem}.nav-item span{display:inline}.app-header{min-height:360px}.card-image{height:160px}}@media(min-width:1100px){.grid-activities,.grid-dining{grid-template-columns:repeat(3,1fr)}.card-image{height:140px}.nav-item{padding:.5rem 2rem}.itinerary-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.itinerary-slots .card{margin-bottom:0}}