:root{--bg:#f7f7f8;--surface:#fff;--text:#1c1b1f;--text-soft:#6b6875;--border:#e6e5e9;--accent:#7c3aed;--accent-soft:#f1eafe;--danger:#dc2626;--cat-food:#f97316;--cat-shopping:#ec4899;--cat-activity:#0ea5e9;--cat-bar:#8b5cf6;--cat-hotel:#14b8a6;--cat-transport:#64748b;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{background:var(--bg);flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}button{font:inherit;cursor:pointer}input{font:inherit}.login{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;padding:32px 24px}.login-logo{font-size:44px}.login-card h1{margin:8px 0 4px;font-size:24px}.login-sub{color:var(--text-soft);margin:0 0 24px;font-size:14px}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card input{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;padding:12px 14px}.login-card input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.btn-primary,.btn-google{border:1px solid #0000;border-radius:10px;width:100%;padding:12px 14px;font-weight:600}.btn-google{color:var(--text);border-color:var(--border);background:#fff;justify-content:center;align-items:center;gap:8px;display:inline-flex}.g-mark{color:#4285f4;font-weight:700}.divider{color:var(--text-soft);align-items:center;gap:10px;margin:16px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.login-error{color:var(--danger);margin:16px 0 0;font-size:14px}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:480px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;max-height:90svh;overflow-y:auto}.modal h2{margin:0 0 16px;font-size:18px}.modal form{flex-direction:column;gap:14px;display:flex}.modal label{color:var(--text-soft);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.modal input,.modal select,.modal textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-weight:400}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.modal .row{gap:12px;display:flex}.modal .row label{flex:1}.form-error{color:var(--danger);margin:0;font-size:14px}.fx-btn{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:8px;align-self:flex-start;padding:8px 12px;font-size:13px;font-weight:600}.fx-btn:disabled{opacity:.6}.fx-note{color:var(--text-soft);margin:-6px 0 0;font-size:13px}.modal-actions{gap:12px;margin-top:4px;display:flex}.modal-actions button{border:1px solid #0000;border-radius:10px;flex:1;padding:12px;font-weight:600}.btn-ghost{background:var(--bg);border-color:var(--border);color:var(--text)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.6}.aisuggest{background:var(--bg);z-index:200;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.ai-bar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ai-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.ai-body label{color:var(--text-soft);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.ai-body input,.ai-body textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:11px 12px;font-family:inherit;font-weight:400}.ai-body input:focus,.ai-body textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.ai-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700}.ai-primary:disabled{opacity:.6}.ai-divider{color:var(--text-soft);align-items:center;gap:10px;font-size:12px;display:flex}.ai-divider:before,.ai-divider:after{content:"";background:var(--border);flex:1;height:1px}.ai-upload{border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:12px;font-size:13px}.ai-upload input{color:var(--text);margin-top:8px;font-size:13px}.ai-result{color:var(--text);background:var(--accent-soft);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.library{flex-direction:column;gap:12px;display:flex}.library-toolbar{gap:8px;display:flex}.search{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:1;padding:10px 12px}.search:focus{outline:2px solid var(--accent);border-color:var(--accent)}.add-btn{background:var(--accent);color:#fff;white-space:nowrap;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.ai-chip{border:1px solid var(--accent);background:var(--accent-soft);border-radius:10px;padding:10px 12px;font-size:16px;line-height:1}.chips{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:600}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.place-list{flex-direction:column;gap:10px;display:flex}.place-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.place-head{align-items:center;gap:8px;display:flex}.cat-badge{color:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.place-area{color:var(--text-soft);font-size:12px}.place-name{margin:0;font-size:16px}.place-note{color:var(--text-soft);margin:0;font-size:14px}.place-cost{color:var(--text);margin:0;font-size:13px;font-weight:600}.place-actions{border-top:1px solid var(--border);gap:8px;padding-top:10px;display:flex}.card-btn{text-align:center;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:1;padding:7px 0;font-size:13px;font-weight:600;text-decoration:none}.card-btn.danger{color:var(--danger)}.card-btn.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:12svh;display:flex}.empty .btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.muted{color:var(--text-soft);text-align:center}.muted.small{font-size:13px}.picker-list{flex-direction:column;gap:6px;max-height:50svh;margin:12px 0;display:flex;overflow-y:auto}.picker-row{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.picker-row:disabled{opacity:.5}.picker-icon{border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.picker-text{font-size:14px}.trip{flex-direction:column;gap:14px;display:flex}.trip-toolbar{gap:8px;display:flex}.add-btn.ghost{background:var(--accent-soft);color:var(--accent)}.trip-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:10px 12px;font-weight:600}.trip-meta{color:var(--text-soft);justify-content:space-between;align-items:center;font-size:13px;display:flex}.trip-meta-actions button{color:var(--accent);background:0 0;border:none;padding:0 0 0 12px;font-size:13px;font-weight:600}.trip-meta-actions .danger{color:var(--danger)}.day{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.day-head{justify-content:space-between;align-items:baseline;display:flex}.day-subtotal{color:var(--accent);font-size:13px;font-weight:700}.stop{align-items:center;gap:8px;display:flex}.stop.done .stop-body strong{color:var(--text-soft);text-decoration:line-through}.stop-time{border:1px solid var(--border);background:var(--bg);width:78px;color:var(--text);border-radius:8px;flex:none;padding:6px;font-size:13px}.stop-icon{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.stop-body{flex:1;min-width:0;font-size:14px}.stop-actions{flex:none;gap:2px;display:flex}.stop-actions button{border:1px solid var(--border);background:var(--bg);width:26px;height:28px;color:var(--text);border-radius:6px;font-size:13px}.stop-actions button:disabled{opacity:.35}.stop-actions .danger{color:var(--danger)}.add-stop{border:1px dashed var(--border);color:var(--accent);background:0 0;border-radius:8px;align-self:flex-start;margin-top:2px;padding:6px 10px;font-size:13px;font-weight:600}.budget{flex-direction:column;gap:16px;display:flex}.metric-cards{gap:12px;display:flex}.metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:14px;display:flex}.metric-label{color:var(--text-soft);font-size:12px;font-weight:600}.metric-value{color:var(--text);font-size:22px;font-weight:700}.metric-sub{color:var(--text-soft);font-size:12px}.budget-h{margin:0;font-size:15px}.cat-bars{flex-direction:column;gap:10px;display:flex}.cat-row{grid-template-columns:110px 1fr;grid-template-areas:"label track""amt amt";align-items:center;gap:4px 10px;display:grid}.cat-row-label{grid-area:label;font-size:13px;font-weight:600}.cat-track{background:var(--bg);border-radius:999px;grid-area:track;height:10px;overflow:hidden}.cat-fill{border-radius:999px;height:100%}.cat-amt{color:var(--text);text-align:right;grid-area:amt;font-size:12px}.mapview{flex-direction:column;gap:10px;height:100%;display:flex}.map-toolbar{gap:8px;display:flex}.map-toolbar select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:10px 12px;font-weight:600}.map-canvas{border:1px solid var(--border);border-radius:12px;flex:1;min-height:55svh;overflow:hidden}.map-footer{flex-direction:column;align-items:center;gap:6px;display:flex}.locate-btn{border:1px dashed var(--accent);background:var(--accent-soft);width:100%;color:var(--accent);border-radius:10px;padding:10px;font-weight:600}.map-msg{text-align:center;color:var(--text-soft);margin-top:20svh}.map-msg code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:13px}.addevent{background:var(--bg);z-index:200;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.addevent-bar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ae-close{width:32px;height:32px;color:var(--text);background:0 0;border:none;font-size:18px}.addevent-form{flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.addevent-form label{color:var(--text-soft);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.addevent-form select,.addevent-form input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:11px 12px;font-weight:400}.addevent-form select:focus,.addevent-form input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.addevent-form .row{gap:12px;display:flex}.addevent-form .row label{flex:1}.addevent-form .btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;margin-top:4px;padding:13px;font-weight:700}.addevent-form .btn-primary:disabled{opacity:.6}.ae-saved{color:var(--cat-hotel);text-align:center;margin:0;font-weight:600}.drawer-backdrop{opacity:0;pointer-events:none;z-index:300;background:#0006;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer{background:var(--surface);z-index:310;width:80%;max-width:300px;padding:14px 12px calc(14px + env(safe-area-inset-bottom));flex-direction:column;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;padding:0 4px 8px;display:flex}.drawer-user{color:var(--text-soft);word-break:break-word;margin:0 4px 12px;font-size:13px}.drawer-section{text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft);margin:12px 4px 4px;font-size:11px;font-weight:700}.drawer-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 10px;font-size:15px;text-decoration:none;display:flex}.drawer-item:not(.static):active{background:var(--accent-soft)}.drawer-item.static{color:var(--text-soft);font-size:13px}.drawer-item.danger{color:var(--danger)}.drawer-icon{text-align:center;flex:none;width:22px;font-size:18px}.drawer-ext{color:var(--text-soft);margin-left:auto}.tasks{flex-direction:column;gap:12px;display:flex}.task-add{gap:8px;display:flex}.task-add input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:10px 12px}.task-add input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.task-list{flex-direction:column;gap:8px;display:flex}.task{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.task-check{border:2px solid var(--accent);background:var(--surface);color:#fff;border-radius:6px;flex:none;width:24px;height:24px;font-size:14px;font-weight:700;line-height:1}.task.done .task-check{background:var(--accent)}.task-text{word-break:break-word;flex:1;font-size:15px}.task.done .task-text{color:var(--text-soft);text-decoration:line-through}.task-del{color:var(--text-soft);background:0 0;border:none;flex:none;padding:4px;font-size:15px}.shell{flex-direction:column;flex:1;min-height:100svh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.menu-btn{width:32px;height:32px;color:var(--text);background:0 0;border:none;font-size:20px;line-height:1}.content{flex:1;padding:16px;overflow-y:auto}.placeholder{text-align:center;color:var(--text-soft);margin-top:25svh}.placeholder-icon{font-size:48px}.placeholder h2{color:var(--text);margin:8px 0 4px}.who{margin-top:16px;font-size:13px}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.tab{color:var(--text-soft);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 10px;display:flex}.tab.active{color:var(--accent)}.tab-icon{font-size:20px}.tab-label{font-size:11px;font-weight:600}