*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--surface2: #1e2a45;--accent: #0f3460;--primary: #e94560;--text: #eaeaea;--muted: #8892a4;--border: rgba(255, 255, 255, .08);--mode-burn: #f97316;--mode-explore: #22c55e;--mode-anchor: #3b82f6;--mode-go: #a855f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;font:inherit;border:none;background:none;color:inherit}textarea,input{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;width:100%;outline:none;transition:border-color .15s}textarea:focus,input:focus{border-color:var(--primary)}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100dvh}.app-header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:12px}.app-header__brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-header__logo{width:32px;height:32px;border-radius:6px}.app-header__name{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.app-header__trip{flex:1;min-width:0}.app-header__title{font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__sub{display:flex;align-items:center;gap:8px;margin-top:2px}.app-header__dates{font-size:.8rem;color:var(--muted)}.status-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:99px;flex-shrink:0}.status--planning{background:#3b82f633;color:#60a5fa}.status--active{background:#22c55e33;color:#4ade80}.status--archived{background:#64647833;color:var(--muted)}.app-main{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px;max-width:700px;width:100%;margin:0 auto}.app-footer{text-align:center;padding:20px 16px;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}.day-card{background:var(--surface);border-radius:12px;overflow:hidden;border:1px solid var(--border);border-top-width:3px;display:flex;flex-direction:column;gap:0}.day-card--burn-miles{border-top-color:var(--mode-burn)}.day-card--explorer{border-top-color:var(--mode-explore)}.day-card--anchor-day{border-top-color:var(--mode-anchor)}.day-card--go-with-it{border-top-color:var(--mode-go)}.day-card__header{padding:14px 16px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.day-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}.day-card__number{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.day-card__date{font-size:.85rem;font-weight:600;color:var(--text)}.day-card__mode{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:99px;transition:opacity .15s,transform .1s;border:1px solid transparent}.day-card__mode:hover{opacity:.8;transform:scale(.97)}.day-card__mode:active{transform:scale(.93)}.mode--burn-miles{background:#f9731626;color:var(--mode-burn);border-color:#f973164d}.mode--explorer{background:#22c55e26;color:var(--mode-explore);border-color:#22c55e4d}.mode--anchor-day{background:#3b82f626;color:var(--mode-anchor);border-color:#3b82f64d}.mode--go-with-it{background:#a855f726;color:var(--mode-go);border-color:#a855f74d}.weather{display:flex;align-items:center;gap:6px;flex-shrink:0}.weather--loading{font-size:.75rem;color:var(--muted)}.weather--note{font-size:.72rem;color:var(--muted);gap:4px}.weather__img{width:40px;height:40px;margin:-6px}.weather__info{display:flex;flex-direction:column;gap:1px}.weather__temp{font-size:1rem;font-weight:700;line-height:1}.weather__desc{font-size:.72rem;color:var(--muted);text-transform:capitalize;line-height:1.2}.weather__meta{font-size:.65rem;color:var(--muted);line-height:1.2}.day-card__route{padding:12px 16px 0}.route__leg{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.route__from,.route__to{font-size:.95rem;font-weight:600}.route__arrow{color:var(--muted);font-size:.85rem}.route__stops{list-style:none;margin-top:4px;display:flex;flex-direction:column;gap:2px}.route__stop{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:6px;padding-left:4px}.route__stop-dot{color:var(--primary);font-size:1.2rem;line-height:0}.route__anchor{display:flex;align-items:center;gap:8px}.route__pin{font-size:1.1rem}.route__city{font-size:.95rem;font-weight:600}.day-card__notes{margin:10px 16px 0;resize:none;min-height:52px;font-size:.85rem;line-height:1.5;field-sizing:content}.day-card__actions{padding:12px 16px 14px;display:flex;gap:8px;flex-wrap:wrap}.maps-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:8px;background:#e945601f;color:var(--primary);border:1px solid rgba(233,69,96,.3);transition:background .15s,transform .1s}.maps-btn:hover{background:#e9456038}.maps-btn:active{transform:scale(.96)}.maps-btn__icon{width:16px;height:16px;flex-shrink:0}.res-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:8px;background:#ffffff0d;color:var(--muted);border:1px solid var(--border);transition:background .15s,color .15s}.res-toggle:hover{background:#ffffff1a;color:var(--text)}.res-toggle--has-data{color:var(--text)}.res-toggle__dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.res-panel{border-top:1px solid var(--border)}.res-section{border-bottom:1px solid var(--border)}.res-section:last-child{border-bottom:none}.res-section__header{width:100%;display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:.85rem;font-weight:600;transition:background .12s}.res-section__header:hover{background:#ffffff0a}.res-section__icon{font-size:1rem}.res-section__label{flex:1;text-align:left}.res-section__dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}.res-section__chevron{font-size:.65rem;color:var(--muted)}.res-section__body{padding:0 16px 16px}.res-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 480px){.res-form{grid-template-columns:1fr}}.res-field{display:flex;flex-direction:column;gap:4px}.res-field__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.res-field__input{font-size:.85rem;padding:7px 10px}