:root{--ink:#11231f;--muted:#6d7975;--paper:#f4f2ea;--card:#fffdf7;--line:#d8d7cf;--green:#265f50;--mint:#a9d7c6;--sun:#f0b95a;--orange:#e86f43;--nav:rgba(244,242,234,.94);--shadow:0 14px 40px rgba(17,35,31,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{width:min(100%,760px);margin:auto;min-height:100vh;padding-bottom:104px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:sticky;top:0;z-index:20;background:rgba(244,242,234,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,35,31,.06)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--ink);color:white;border-radius:50%;font-family:"DM Serif Display";font-size:17px;line-height:1;white-space:nowrap}.brand-mark span{color:var(--sun);font-size:12px;margin:0 1px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:14px}.brand small{color:var(--muted);font-size:11px}.icon-button{border:1px solid var(--line);background:var(--card);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);cursor:pointer}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button.loading svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{padding:0 16px}.view{display:none;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:.3;transform:translateY(3px)}}.hero{background:var(--ink);color:white;border-radius:28px;padding:32px 24px 22px;overflow:hidden;position:relative;margin-top:8px}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-95px;top:-105px;background:var(--orange);opacity:.9}.eyebrow{font-size:10px;line-height:1.2;letter-spacing:.18em;font-weight:700;color:var(--green);margin:0 0 8px}.hero .eyebrow{color:var(--mint)}.hero h1,.page-title h1{font-family:"DM Serif Display";font-weight:400;margin:0;line-height:.92;letter-spacing:-.035em}.hero h1{font-size:clamp(42px,11.5vw,74px);position:relative;z-index:1}.hero h1 span{color:var(--sun);font-style:italic}.hero-meta{font-size:13px;color:#c7d2ce;margin:20px 0 26px}.route{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.05em;min-width:0}.route i{height:1px;flex:1;background:rgba(255,255,255,.26);position:relative}.route i:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--sun);position:absolute;right:0;top:-1.5px}.status-card{margin:-2px 14px 26px;background:var(--card);position:relative;z-index:2;padding:17px 18px;border-radius:0 0 18px 18px;box-shadow:var(--shadow);border:1px solid rgba(17,35,31,.06)}.status-card>div{display:flex;flex-direction:column}.status-kicker{font-size:10px;letter-spacing:.14em;color:var(--orange);font-weight:700;text-transform:uppercase}.status-card strong{font-family:"DM Serif Display";font-size:22px;font-weight:400;margin:3px 0}.status-card small{font-size:12px;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 13px}.section-heading h2{font-family:"DM Serif Display";font-size:27px;font-weight:400;margin:0}.section-heading .eyebrow{margin-bottom:3px}.sync-state,.text-button{font-size:11px;color:var(--green);font-weight:700}.text-button{border:0;background:none;cursor:pointer;padding:5px;text-decoration:none}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:var(--card);border:1px solid rgba(17,35,31,.08);border-radius:17px;padding:14px 10px;min-height:95px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.stat strong{font-family:"DM Serif Display";font-size:27px;font-weight:400}.stat small{font-size:10px;color:var(--green);overflow-wrap:anywhere}.next-list,.travel-list,.todo-list{display:flex;flex-direction:column;gap:9px}.event-card{background:var(--card);border-radius:18px;border:1px solid rgba(17,35,31,.08);display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:13px}.event-date{text-align:center;border-right:1px solid var(--line);padding-right:11px}.event-date strong{font-family:"DM Serif Display";font-size:25px;display:block;line-height:1}.event-date span{font-size:10px;text-transform:uppercase;color:var(--orange);font-weight:700}.event-copy strong{font-size:14px;display:block}.event-copy small{font-size:11px;color:var(--muted)}.event-card>b{color:var(--green)}.skeleton-card{height:76px;border-radius:18px;background:linear-gradient(90deg,#e8e6de,#f7f5ee,#e8e6de);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-link{display:flex;align-items:center;gap:10px;background:var(--card);color:inherit;text-decoration:none;padding:14px;border:1px solid rgba(17,35,31,.08);border-radius:17px}.quick-link.accent{background:var(--green);color:white}.quick-icon{font-size:20px}.quick-link div{min-width:0;flex:1}.quick-link strong,.quick-link small{display:block}.quick-link strong{font-size:12px}.quick-link small{font-size:10px;opacity:.65}.page-title{padding:35px 4px 20px}.page-title h1{font-size:52px}.page-title>p:last-child{font-size:13px;color:var(--muted)}.date-strip{display:flex;gap:8px;overflow:auto;padding:3px 2px 15px;scrollbar-width:none;position:sticky;top:78px;z-index:10;background:var(--paper)}.date-strip::-webkit-scrollbar{display:none}.date-pill{flex:0 0 59px;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:9px 4px;text-align:center;cursor:pointer;color:var(--muted)}.date-pill span,.date-pill strong{display:block}.date-pill span{font-size:9px;text-transform:uppercase}.date-pill strong{font-family:"DM Serif Display";font-size:21px;font-weight:400;color:var(--ink)}.date-pill.active{background:var(--ink);color:var(--mint);border-color:var(--ink)}.date-pill.active strong{color:white}.timeline{padding-bottom:20px}.day-block{scroll-margin-top:155px;margin:11px 0 28px}.day-heading{display:flex;align-items:center;gap:11px;margin-bottom:10px}.day-heading strong{font-family:"DM Serif Display";font-size:27px;font-weight:400}.day-heading span{font-size:11px;color:var(--muted)}.timeline-item{display:grid;grid-template-columns:56px 16px 1fr;min-height:68px}.timeline-time{font-size:11px;color:var(--muted);padding-top:13px}.timeline-rail{position:relative}.timeline-rail:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--line)}.timeline-rail:after{content:"";position:absolute;width:7px;height:7px;left:4px;top:17px;border-radius:50%;background:var(--orange);border:2px solid var(--paper)}.timeline-copy{background:var(--card);border-radius:13px;padding:11px 13px;margin:4px 0;border:1px solid rgba(17,35,31,.06)}.timeline-copy strong{font-size:13px}.timeline-copy small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.empty{padding:25px;text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:13px}.booking-feature{background:var(--card);border-radius:24px;overflow:hidden;border:1px solid rgba(17,35,31,.08);box-shadow:var(--shadow)}.booking-photo{height:170px;background:radial-gradient(circle at 73% 30%,rgba(240,185,90,.95) 0 9%,transparent 10%),linear-gradient(145deg,#1f4f43,#8ab6a7);position:relative;padding:16px;display:flex;align-items:flex-end}.booking-photo:before{content:"";position:absolute;inset:25px 14% 0;background:linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.16) 17% 40%,transparent 41% 58%,rgba(255,255,255,.14) 59% 84%,transparent 85%),linear-gradient(#132c27 0 36%,transparent 37%);clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%)}.booking-photo>span{color:white;font-family:"DM Serif Display";font-size:28px;position:relative}.booking-badge{position:absolute;right:14px;top:14px;background:var(--sun);color:var(--ink);font-size:9px;font-weight:700;letter-spacing:.12em;padding:7px 9px;border-radius:50px}.booking-body{padding:20px}.booking-body h2{font-family:"DM Serif Display";font-size:30px;font-weight:400;margin:0}.booking-body>p:not(.eyebrow){font-size:12px;line-height:1.6;color:var(--muted)}.primary-button{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white;text-decoration:none;border-radius:13px;padding:13px 15px;font-size:12px;font-weight:700}.travel-card{background:var(--card);border-radius:17px;padding:15px;border:1px solid rgba(17,35,31,.08)}.travel-card-head{display:flex;justify-content:space-between;gap:8px}.travel-card h3{font-size:14px;margin:0}.travel-card .price{font-family:"DM Serif Display";font-size:19px}.travel-meta{display:flex;gap:13px;margin-top:9px;color:var(--muted);font-size:10px}.progress-card{background:var(--ink);color:white;border-radius:20px;padding:19px;margin-bottom:18px}.progress-card .eyebrow{color:var(--mint)}.progress-card strong{font-family:"DM Serif Display";font-size:24px;font-weight:400}.progress-track{height:5px;background:rgba(255,255,255,.15);border-radius:6px;margin-top:14px;overflow:hidden}.progress-track i{height:100%;display:block;background:var(--sun);width:0;transition:width .3s}.todo{display:flex;align-items:flex-start;gap:12px;background:var(--card);padding:14px;border-radius:15px;border:1px solid rgba(17,35,31,.08)}.todo-check{width:20px;height:20px;border:1px solid var(--green);border-radius:6px;display:grid;place-items:center;color:white;flex:none}.todo.done .todo-check{background:var(--green)}.todo.done strong{text-decoration:line-through;color:var(--muted)}.todo strong{font-size:13px}.todo small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(4,1fr);background:var(--nav);backdrop-filter:blur(18px);border-top:1px solid rgba(17,35,31,.09);padding:8px max(8px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;color:var(--muted);font-size:9px;font-weight:600;padding:4px;cursor:pointer}.bottom-nav span{display:block;font-size:18px;margin-bottom:2px}.bottom-nav button.active{color:var(--green)}.toast{position:fixed;left:50%;bottom:93px;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:20px;padding:9px 14px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:40;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){main{padding:0 26px}.topbar{padding-inline:28px}.hero{padding:45px 38px 29px}.quick-grid{grid-template-columns:1fr 1fr}.stats-grid{gap:13px}}@media(display-mode:standalone){.topbar{padding-top:max(12px,env(safe-area-inset-top));height:calc(78px + env(safe-area-inset-top))}.date-strip{top:calc(78px + env(safe-area-inset-top))}}

/* Dark boutique-travel direction */
:root{color-scheme:dark;--paper:#070c0b;--card:#111816;--line:#29332f;--muted:#9da9a4;--green:#9fd0b7;--mint:#b5ddca;--sun:#dfa95c;--orange:#cc6d4a;--nav:rgba(7,12,11,.93);--shadow:none}
*{touch-action:manipulation}
body{color:#f2eee5;background:var(--paper)}
.topbar{background:rgba(7,12,11,.86);border-bottom-color:rgba(255,255,255,.08)}
.brand-mark{background:#eee8dc;color:#0b1512}
.brand small,.page-title>p:last-child{color:var(--muted)}
.icon-button{color:#f2eee5;border-color:var(--line);background:#111816}
.hero{background:linear-gradient(145deg,#0c211b 0%,#0b1714 72%);border:1px solid #293b34}
.hero:after{background:var(--orange);opacity:.95}
.hero-meta{color:#bdc7c2}
.status-card{background:#0e1513;border-color:var(--line)}
.status-card strong,.section-heading h2,.page-title h1,.day-heading strong,.booking-body h2{color:#f2eee5}
.section-heading,.page-title h1,h2,h3{text-wrap:balance}
.stat,.event-card,.quick-link,.timeline-copy,.empty,.travel-card,.todo,.booking-feature{border-color:var(--line);background:var(--card)}
.stat strong,.event-copy strong,.quick-link,.date-pill strong,.timeline-copy strong,.travel-card h3,.travel-card .price,.todo strong{color:#f2eee5}
.stat small,.sync-state,.text-button{color:var(--green)}
.date-strip{background:rgba(7,12,11,.96)}
.date-pill{background:#101714;border-color:var(--line);color:var(--muted)}
.date-pill strong{color:#f2eee5}
.date-pill.active{background:#eee8dc;border-color:#eee8dc;color:#625d55}
.date-pill.active strong{color:#08110e}
.timeline-rail:after{border-color:var(--paper)}
.quick-link.accent{background:#163b31;border-color:#2e6454}
.progress-card,.primary-button{background:#101d19;border:1px solid #2e4039}
.bottom-nav{border-top-color:rgba(255,255,255,.1);box-shadow:0 -18px 35px rgba(0,0,0,.2)}
.bottom-nav button.active{color:var(--mint)}
.toast{background:#eee8dc;color:#08110e}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--sun);outline-offset:3px}

.hotel-feature{border-radius:26px;overflow:hidden}
.hotel-photo{height:210px;padding:20px;background:radial-gradient(circle at 78% 22%,rgba(223,169,92,.95) 0 8%,transparent 8.5%),linear-gradient(145deg,#1f483b,#0b1a16);align-items:flex-end;gap:14px}
.hotel-photo:before{content:"";position:absolute;inset:auto -10px 0 36%;height:72%;background:repeating-linear-gradient(90deg,rgba(238,232,220,.09) 0 18px,transparent 18px 28px),linear-gradient(180deg,transparent 0 20%,rgba(238,232,220,.07) 21% 100%);clip-path:polygon(8% 20%,43% 20%,43% 0,100% 0,100% 100%,0 100%,0 36%);opacity:1}
.hotel-photo>div:last-child{position:relative;display:flex;flex-direction:column}
.hotel-photo small{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--mint)}
.hotel-photo>div:last-child span{font-family:"DM Serif Display";font-size:34px;color:#f2eee5;line-height:1}
.hotel-monogram{width:52px;height:52px;display:grid;place-items:center;position:relative;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-family:"DM Serif Display";font-size:21px;color:#f2eee5;backdrop-filter:blur(7px)}
.booking-badge{background:var(--sun);color:#111713;letter-spacing:.13em}
.booking-body{padding:22px}
.booking-body h2{font-size:31px;line-height:1.02}
.address-link{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin:10px 0 20px;text-decoration:none;text-wrap:pretty}
.address-link span{color:var(--sun)}
.stay-dates{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:17px;background:#0b1210;border:1px solid var(--line);border-radius:16px}
.stay-dates>div{display:flex;flex-direction:column;gap:2px}
.stay-dates>div:last-child{text-align:right}
.stay-dates small,.booking-facts small{color:var(--muted);font-size:9px;letter-spacing:.12em;font-weight:700}
.stay-dates strong{font-family:"DM Serif Display";font-size:20px;font-weight:400;color:#f2eee5}
.stay-dates span{color:var(--muted);font-size:10px}
.stay-dates i{font-style:normal;color:var(--sun)}
.booking-facts{display:grid;grid-template-columns:1fr 1fr;margin:16px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.booking-facts>div{padding:14px;min-width:0}
.booking-facts>div:nth-child(odd){border-right:1px solid var(--line)}
.booking-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.booking-facts small,.booking-facts strong{display:block}
.booking-facts strong{font-size:13px;color:#f2eee5;margin-top:4px;overflow-wrap:anywhere}
.booking-facts em{font-size:9px;color:var(--muted);font-style:normal;font-weight:600}
.cancel-note{display:flex;gap:12px;padding:14px;background:rgba(204,109,74,.1);border:1px solid rgba(204,109,74,.34);border-radius:15px}
.cancel-note>span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--orange);font-weight:700;color:#fff}
.cancel-note strong,.cancel-note small{display:block}
.cancel-note strong{font-size:12px;color:#f2eee5}
.cancel-note small{font-size:10px;line-height:1.45;color:#c4b4ad;margin-top:3px}
.charge-details{margin-top:14px;border-top:1px solid var(--line)}
.charge-details summary{display:flex;justify-content:space-between;gap:12px;padding:15px 0 10px;cursor:pointer;color:#f2eee5;font-size:12px;font-weight:600;list-style:none}
.charge-details summary::-webkit-details-marker{display:none}
.charge-details summary span{color:var(--sun);font-variant-numeric:tabular-nums}
.charge-details>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;color:var(--muted);font-size:11px}
.charge-details>div strong{color:#d7ddd9;font-variant-numeric:tabular-nums}
.charge-details .charge-total{border-top:1px solid var(--line);margin-top:5px;color:#f2eee5;font-weight:700}
.secondary-booking{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;margin-top:11px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--card);text-decoration:none;color:#f2eee5}
.secondary-booking-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#173a30;color:var(--mint);font-family:"DM Serif Display";font-size:19px}
.secondary-booking .eyebrow{margin:0 0 2px}
.secondary-booking strong,.secondary-booking small{display:block}
.secondary-booking strong{font-size:13px}
.secondary-booking small{font-size:10px;color:var(--muted);margin-top:2px}
.secondary-booking b{color:var(--sun)}
.price,.stat strong,.booking-facts strong,.charge-details strong{font-variant-numeric:tabular-nums}