:root{color-scheme:light;--bg: #f7f3ea;--surface: #fffdf8;--surface-strong: #f0e6d4;--text: #243126;--muted: #647066;--border: #d8ccba;--accent: #1f7a5a;--accent-dark: #15583f;--accent-soft: #dff1e8;--warning: #b35f22;--danger: #b63838;--blue: #2e6f9e;--shadow: 0 20px 45px rgba(47, 39, 25, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fffdf8ad,#f7f3ea00),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(31,122,90,.28);outline-offset:2px}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px}.app-header{display:grid;grid-template-columns:1fr;gap:14px;align-items:end;padding:22px 0 18px}.app-header>div:first-child{min-width:0}.app-header h1{margin-bottom:6px}.app-header p:not(.eyebrow){margin-bottom:0;color:var(--muted);font-size:1.02rem}.sync-badge{display:inline-flex;min-height:40px;width:max-content;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);padding:0 13px;font-size:.9rem;font-weight:800}.sync-badge.live{border-color:#1f7a5a47;background:var(--accent-soft);color:var(--accent-dark)}.sync-badge.offline{border-color:#b3383842;background:#f7e5e1;color:var(--danger)}.overview-panel{display:grid;min-height:260px;padding:24px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(115deg,#165940e6,#1a464bc7),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201400%20900'%20role='img'%20aria-label='Coastal%20route%20landscape'%3e%3cdefs%3e%3clinearGradient%20id='sky'%20x1='0'%20x2='0'%20y1='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23c7dccb'/%3e%3cstop%20offset='0.52'%20stop-color='%23e6d4b9'/%3e%3cstop%20offset='1'%20stop-color='%23f7f3ea'/%3e%3c/linearGradient%3e%3clinearGradient%20id='water'%20x1='0'%20x2='1'%20y1='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23246b72'/%3e%3cstop%20offset='1'%20stop-color='%231f7a5a'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='1400'%20height='900'%20fill='url(%23sky)'/%3e%3cpath%20d='M0%20460c160-70%20305-82%20438-38%20147%2049%20276%2033%20428-45%20187-95%20342-94%20534%200v523H0z'%20fill='%237b8f69'%20opacity='.7'/%3e%3cpath%20d='M0%20568c232-94%20397-71%20594%201%20236%2086%20477%2055%20806-112v443H0z'%20fill='%23416f62'/%3e%3cpath%20d='M0%20640c168-47%20330-35%20487%2037%20196%2090%20391%2087%20596-8%20120-56%20221-74%20317-57v288H0z'%20fill='url(%23water)'/%3e%3cpath%20d='M196%20900c116-154%20238-270%20367-348%2095-58%20174-86%20237-86%2091%200%20143%2043%20157%20129%2017%20104-50%20206-200%20305z'%20fill='%23f4ead9'%20opacity='.88'/%3e%3cpath%20d='M234%20900c105-130%20215-229%20330-296%2082-47%20149-71%20201-71%2060%200%2096%2023%20108%2068%2017%2065-46%20165-188%20299z'%20fill='%23d9c29e'%20opacity='.9'/%3e%3ccircle%20cx='1088'%20cy='176'%20r='58'%20fill='%23f0e6d4'%20opacity='.88'/%3e%3cpath%20d='M722%20552c55-33%20107-38%20156-14'%20fill='none'%20stroke='%23243126'%20stroke-width='10'%20stroke-linecap='round'%20opacity='.32'/%3e%3c/svg%3e");background-position:center;background-size:cover;color:#fffdf8;box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;color:#d8f0de;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:14px;font-size:clamp(2rem,8vw,4rem);line-height:1.05;letter-spacing:0}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;overflow:hidden;border:1px solid rgba(255,253,248,.34);border-radius:8px;background:#10241e94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-strip div{min-width:0;padding:14px 10px;border-right:1px solid rgba(255,253,248,.22)}.status-strip div:last-child{border-right:0}.status-strip span{display:block;overflow:hidden;font-size:1.08rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.status-strip small{color:#d8f0de;font-weight:700}.workspace-grid{display:grid;gap:18px;margin-top:18px}.planner-form,.timeline-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.planner-form{display:grid;gap:14px;padding:18px}.section-heading{display:flex;align-items:center;gap:10px}.section-heading h2{margin:0;font-size:1.15rem;line-height:1.25}label{display:grid;gap:7px;color:var(--muted);font-size:.88rem;font-weight:700}input,select{min-height:48px;width:100%;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text);padding:0 12px}.form-row{display:grid;grid-template-columns:1fr;gap:12px}.primary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:7px;background:var(--accent);color:#fff;font-weight:800}.primary-action:hover{background:var(--accent-dark)}.primary-action:disabled{cursor:wait;opacity:.72}.error-text{margin:0;color:var(--danger);font-size:.9rem;font-weight:700}.timeline-panel{min-width:0;padding:18px}.timeline-heading{align-items:flex-start;margin-bottom:16px}.timeline-heading div{flex:1;min-width:0}.timeline-heading p{margin:3px 0 0;color:var(--muted)}.icon-button,.drag-handle,.check-button,.delete-button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text)}.timeline-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.timeline-item{display:grid;grid-template-columns:44px 44px minmax(0,1fr) 44px;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.timeline-item.is-done{background:var(--accent-soft)}.timeline-item.is-done h3{text-decoration:line-through}.check-button{color:var(--accent)}.delete-button{color:var(--danger)}.drag-handle{color:var(--muted)}.item-body{min-width:0}.item-main{display:flex;min-width:0;align-items:center;gap:8px;margin-bottom:8px}.item-main h3{overflow-wrap:anywhere;margin:0;font-size:1rem}.category-pill{flex:0 0 auto;border-radius:999px;padding:4px 8px;color:#fff;font-size:.72rem;font-weight:800}.category-pill.travel{background:var(--blue)}.category-pill.stay{background:#6d5b3e}.category-pill.food{background:var(--warning)}.category-pill.activity{background:var(--accent)}.item-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.88rem}.item-meta span{display:inline-flex;min-width:0;align-items:center;gap:5px}.empty-state{display:grid;min-height:170px;place-items:center;border:1px dashed var(--border);border-radius:8px;color:var(--muted);text-align:center}@media(min-width:640px){.app-shell{padding:26px}.app-header{grid-template-columns:1fr auto}.overview-panel{min-height:300px}.form-row{grid-template-columns:.8fr 1.2fr}}@media(min-width:980px){.app-shell{padding:34px}.overview-panel{min-height:340px}.workspace-grid{grid-template-columns:360px minmax(0,1fr);align-items:start}.planner-form{position:sticky;top:18px}}@media(max-width:480px){.timeline-item{grid-template-columns:44px minmax(0,1fr) 44px}.drag-handle{display:none}.check-button{grid-column:1}.item-body{grid-column:2}.delete-button{grid-column:3}}