:root{--bg-primary: #060c12;--bg-secondary: #080f18;--bg-tertiary: #0d1625;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.18);--purple: #38bdf8;--purple-dim: rgba(56,189,248,.15);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.15);--teal: #14b8a6;--teal-dim: rgba(20,184,166,.15);--orange: #f97316;--orange-dim: rgba(249,115,22,.15);--pink: #ec4899;--pink-dim: rgba(236,72,153,.15);--green: #22c55e;--green-dim: rgba(34,197,94,.12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #4b5563;--glow-purple: 0 0 16px rgba(56,189,248,.5), 0 0 32px rgba(56,189,248,.2);--glow-blue: 0 0 16px rgba(59,130,246,.5), 0 0 32px rgba(59,130,246,.2);--glow-teal: 0 0 16px rgba(20,184,166,.5), 0 0 32px rgba(20,184,166,.2);--glow-orange: 0 0 16px rgba(249,115,22,.5), 0 0 32px rgba(249,115,22,.2);--glow-pink: 0 0 16px rgba(236,72,153,.5), 0 0 32px rgba(236,72,153,.2);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--nav-height: 68px;--header-height: 56px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px;-webkit-tap-highlight-color:transparent}body{min-height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}svg{display:block}img{display:block;max-width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}#app{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;position:relative}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#060c12e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;flex-shrink:0}.app-logo{font-size:18px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:8px;align-items:center}.trip-back-btn{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.trip-back-btn:hover{color:var(--text-primary);background:var(--bg-card)}.header-trip-name{font-size:15px;font-weight:600;color:var(--text-primary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);display:flex;align-items:stretch;background:#080f18f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:500;color:var(--text-muted);transition:color var(--transition);padding:8px 4px;position:relative}.nav-btn svg{width:22px;height:22px}.nav-btn.active{color:var(--purple)}.nav-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--purple);border-radius:0 0 4px 4px;box-shadow:var(--glow-purple)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-height) + 16px);-webkit-overflow-scrolling:touch}.view{display:none}.view.active{display:block}.view-content{padding:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),background var(--transition)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.section-title-lg{font-size:17px;font-weight:700;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.2px}.badge-planning{background:var(--blue-dim);color:var(--blue)}.badge-ongoing{background:var(--green);color:#000}.badge-completed{background:#ffffff14;color:var(--text-secondary)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-teal{background:var(--teal-dim);color:var(--teal)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--purple);color:#fff;box-shadow:var(--glow-purple)}.btn-primary:hover{background:#60cafd}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);padding:6px 10px;font-size:13px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card);border-radius:var(--radius-sm)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-hover)}.input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 14px;font-size:14px;outline:none;transition:border-color var(--transition)}.input:focus{border-color:var(--purple)}.input::placeholder{color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:16px 0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}.home-hero{background:linear-gradient(135deg,var(--purple-dim) 0%,var(--blue-dim) 100%);border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-xl);padding:20px;margin-bottom:24px;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.2) 0%,transparent 70%);pointer-events:none}.home-hero-label{font-size:12px;color:var(--text-muted);margin-bottom:4px;font-weight:500}.home-hero-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.home-hero-title span{background:linear-gradient(90deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.route-card{padding:16px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;gap:14px;cursor:pointer;transition:all var(--transition);margin-bottom:10px}.route-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-1px)}.route-card:active{transform:translateY(0)}.route-card-emoji{width:44px;height:44px;border-radius:var(--radius-md);background:var(--purple-dim);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.route-card-info{flex:1;min-width:0}.route-card-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-card-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.route-card-meta .sep{color:var(--text-muted)}.route-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.map-view{display:none;flex-direction:column;height:calc(100dvh - var(--header-height) - var(--nav-height))}.map-view.active{display:flex}.route-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.route-tabs::-webkit-scrollbar{display:none}.route-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;white-space:nowrap;border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);flex-shrink:0}.route-tab .tab-dot{width:7px;height:7px;border-radius:50%}.route-tab.active-purple{border-color:var(--purple);color:var(--purple);background:var(--purple-dim)}.route-tab.active-teal{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.route-tab.active-orange{border-color:var(--orange);color:var(--orange);background:var(--orange-dim)}.route-tab:not(.active-purple):not(.active-teal):not(.active-orange):hover{border-color:var(--border-hover);color:var(--text-primary)}.map-svg-wrapper{flex:1;position:relative;overflow:hidden;background:var(--bg-secondary);background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px}.map-svg{width:100%;height:100%;transition:transform .2s ease}.map-zoom-controls{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}.zoom-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:#080f18e6;border:1px solid var(--border);color:var(--text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition)}.zoom-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.map-add-btn{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#080f18e6;border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition)}.map-add-btn:hover{border-color:var(--purple);color:var(--purple)}.map-place-card{position:absolute;bottom:12px;left:12px;right:12px;background:#080f18f2;border:1px solid var(--purple);border-radius:var(--radius-lg);padding:14px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glow-purple);display:flex;align-items:center;gap:12px}.place-card-node{width:36px;height:36px;border-radius:50%;background:var(--purple);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--glow-purple)}.place-card-info{flex:1}.place-card-name{font-size:15px;font-weight:600;margin-bottom:2px}.place-card-meta{font-size:12px;color:var(--text-secondary)}.place-card-actions{display:flex;gap:6px}.map-summary-bar{display:flex;justify-content:space-around;padding:12px 16px;background:#060c12f2;border-top:1px solid var(--border);flex-shrink:0}.summary-item{text-align:center}.summary-value{font-size:15px;font-weight:700;color:var(--text-primary)}.summary-label{font-size:11px;color:var(--text-muted);margin-top:1px}.day-tabs{display:flex;gap:8px;padding:12px 16px 0;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.day-tabs::-webkit-scrollbar{display:none}.day-tab{padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;transition:all var(--transition);flex-shrink:0}.day-tab.active{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:var(--glow-purple)}.day-tab:not(.active):hover{border-color:var(--border-hover);color:var(--text-primary)}.timeline-list{padding:16px}.timeline-entry{display:grid;grid-template-columns:52px 1fr;gap:0 14px;position:relative}.timeline-entry:not(:last-child):before{content:"";position:absolute;left:25px;top:48px;bottom:-8px;width:2px;background:linear-gradient(to bottom,var(--border) 0%,transparent 100%)}.timeline-time{display:flex;flex-direction:column;align-items:center;padding-top:10px}.time-label{font-size:11px;color:var(--text-muted);font-weight:600}.timeline-node{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;margin-top:6px;position:relative;z-index:1}.timeline-node.purple{background:var(--purple);box-shadow:var(--glow-purple)}.timeline-node.blue{background:var(--blue);box-shadow:var(--glow-blue)}.timeline-node.teal{background:var(--teal);box-shadow:var(--glow-teal)}.timeline-node.orange{background:var(--orange);box-shadow:var(--glow-orange)}.timeline-node.pink{background:var(--pink);box-shadow:var(--glow-pink)}.timeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;margin-bottom:8px;transition:border-color var(--transition)}.timeline-card:hover{border-color:var(--border-hover)}.timeline-card.border-purple{border-left:3px solid var(--purple)}.timeline-card.border-blue{border-left:3px solid var(--blue)}.timeline-card.border-teal{border-left:3px solid var(--teal)}.timeline-card.border-orange{border-left:3px solid var(--orange)}.timeline-card.border-pink{border-left:3px solid var(--pink)}.timeline-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.timeline-place-name{font-size:15px;font-weight:600;color:var(--text-primary)}.timeline-duration{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.timeline-category{font-size:11px;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:4px}.timeline-transport{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);background:#ffffff08;border-radius:var(--radius-sm);padding:6px 10px;margin-top:8px}.card-note-preview{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-note-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.note-toggle-btn{font-size:11px;color:var(--purple);font-weight:600;flex-shrink:0}.note-expanded-area{margin-top:8px;padding:10px;background:#38bdf80f;border-radius:var(--radius-sm);border:1px solid rgba(139,92,246,.15);display:none}.note-expanded-area.open{display:block}.note-expanded-area textarea{width:100%;background:none;border:none;color:var(--text-primary);font-size:13px;line-height:1.6;resize:none;outline:none;min-height:60px}.note-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.transport-connector{display:flex;align-items:center;gap:8px;padding:6px 0 6px 20px;font-size:12px;color:var(--text-muted);grid-column:2}.connector-line{width:2px;height:12px;background:var(--border);border-radius:1px;margin-left:4px;flex-shrink:0}.notes-list{padding:16px;display:flex;flex-direction:column;gap:12px}.note-place-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}.note-place-card.accent-purple{border-left:3px solid var(--purple)}.note-place-card.accent-blue{border-left:3px solid var(--blue)}.note-place-card.accent-teal{border-left:3px solid var(--teal)}.note-place-card.accent-orange{border-left:3px solid var(--orange)}.note-place-card.accent-pink{border-left:3px solid var(--pink)}.note-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.note-card-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.note-card-num.purple{background:var(--purple)}.note-card-num.blue{background:var(--blue)}.note-card-num.teal{background:var(--teal)}.note-card-num.orange{background:var(--orange)}.note-card-num.pink{background:var(--pink)}.note-card-title{flex:1;font-size:15px;font-weight:600}.note-card-toggle{color:var(--text-muted);font-size:18px;transition:transform var(--transition)}.note-card-toggle.open{transform:rotate(180deg)}.note-card-body{padding:0 16px 14px;display:none}.note-card-body.open{display:block}.note-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.note-row:last-of-type{border-bottom:none}.note-row-icon{font-size:16px;flex-shrink:0;margin-top:1px;width:22px;text-align:center}.note-row-label{font-weight:600;color:var(--text-secondary);min-width:80px}.note-row-value{color:var(--text-primary);flex:1}.note-row-empty{color:var(--text-muted);font-style:italic}.note-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.alt-routes-list{padding:16px;display:flex;flex-direction:column;gap:12px}.alt-route-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:all var(--transition)}.alt-route-card.active-route{border-color:var(--purple);background:var(--purple-dim)}.alt-route-card.active-teal{border-color:var(--teal);background:var(--teal-dim)}.alt-route-card.active-orange{border-color:var(--orange);background:var(--orange-dim)}.alt-route-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.alt-route-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.alt-route-icon.purple{background:var(--purple-dim)}.alt-route-icon.teal{background:var(--teal-dim)}.alt-route-icon.orange{background:var(--orange-dim)}.alt-route-title{font-size:15px;font-weight:700}.alt-route-subtitle{font-size:12px;color:var(--text-secondary)}.node-sequence{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:12px}.seq-node{width:26px;height:26px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.seq-node.purple{background:var(--purple);border-color:var(--purple);color:#fff}.seq-node.teal{background:var(--teal);border-color:var(--teal);color:#fff}.seq-node.orange{background:var(--orange);border-color:var(--orange);color:#fff}.seq-arrow{color:var(--text-muted);font-size:14px}.alt-route-stats{display:flex;gap:16px;margin-bottom:12px;font-size:13px}.alt-stat{display:flex;flex-direction:column;gap:2px}.alt-stat-value{font-weight:700;color:var(--text-primary)}.alt-stat-label{font-size:11px;color:var(--text-muted)}.alt-route-desc{font-size:13px;color:var(--text-secondary);margin-bottom:14px}.alt-route-footer{display:flex;justify-content:flex-end;gap:8px}.checklist-progress{margin:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.progress-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.progress-label span:first-child{font-weight:600}.progress-label span:last-child{color:var(--text-secondary)}.progress-bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px;transition:width .4s ease}.checklist-groups{padding:0 16px 16px}.checklist-group{margin-bottom:8px}.group-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);font-size:14px;font-weight:600;color:var(--text-secondary)}.group-header:hover{background:var(--bg-card)}.group-icon{font-size:16px;width:22px;text-align:center}.group-count{margin-left:auto;font-size:12px;color:var(--text-muted);font-weight:400}.group-chevron{color:var(--text-muted);font-size:14px;transition:transform var(--transition)}.group-chevron.open{transform:rotate(180deg)}.group-items{padding:0 4px 4px;display:none}.group-items.open{display:block}.checklist-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--transition)}.checklist-item:hover{background:var(--bg-card)}.checklist-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--border-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all var(--transition)}.checklist-checkbox.checked{background:var(--purple);border-color:var(--purple)}.checklist-checkbox.checked svg{display:block}.checklist-checkbox svg{display:none;width:12px;height:12px;color:#fff}.checklist-label{flex:1;font-size:14px;color:var(--text-primary)}.checklist-label.checked{text-decoration:line-through;color:var(--text-muted)}.checklist-note-btn{color:var(--text-muted);font-size:12px}.budget-total-card{margin:16px;background:linear-gradient(135deg,var(--purple-dim),var(--blue-dim));border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-xl);padding:20px;text-align:center}.budget-total-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.budget-total-amount{font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:-1px}.budget-total-sub{font-size:13px;color:var(--text-secondary);margin-top:4px}.budget-total-bar{margin-top:14px;height:6px;background:#ffffff1a;border-radius:99px}.budget-total-used{height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px;width:70%}.budget-chart-section{display:flex;align-items:center;gap:20px;margin:0 16px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.donut-wrapper{flex-shrink:0;position:relative;width:100px;height:100px}.donut-center-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.2}.donut-center-label small{font-size:10px;font-weight:400;color:var(--text-secondary)}.budget-legend{flex:1;display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-name{flex:1;color:var(--text-secondary)}.legend-amount{font-weight:600}.legend-pct{color:var(--text-muted)}.budget-expenses{padding:0 16px 16px}.expense-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px}.expense-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.expense-info{flex:1}.expense-name{font-size:14px;font-weight:500}.expense-cat{font-size:11px;color:var(--text-muted)}.expense-amount{font-size:15px;font-weight:700}.log-header-card{margin:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.log-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.log-recording{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--green)}.log-stats{display:flex;gap:16px}.log-stat{text-align:center}.log-stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.log-stat-label{font-size:11px;color:var(--text-muted)}.log-places{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px}.log-place-item{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.log-check{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-check.visited{background:var(--green)}.log-check.pending{background:var(--bg-tertiary);border:2px solid var(--border-hover)}.log-place-info{flex:1}.log-place-name{font-size:14px;font-weight:600}.log-place-time{font-size:12px;color:var(--text-muted)}.log-mark-btn{font-size:12px;font-weight:600;color:var(--teal);padding:6px 12px;border:1px solid var(--teal-dim);border-radius:var(--radius-sm)}.share-card-preview{margin:16px;background:linear-gradient(135deg,#080f18,#0d1625);border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--glow-purple)}.share-card-title{font-size:20px;font-weight:800;margin-bottom:4px;background:linear-gradient(90deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-card-date{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.share-mini-route{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}.share-node{width:28px;height:28px;border-radius:50%;background:var(--purple);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #38bdf880}.share-node-arrow{color:var(--text-muted);font-size:16px}.share-card-stats{display:flex;gap:16px;flex-wrap:wrap}.share-stat{display:flex;flex-direction:column;gap:2px}.share-stat-value{font-size:15px;font-weight:700}.share-stat-label{font-size:11px;color:var(--text-muted)}.export-options{margin:0 16px;display:flex;flex-direction:column;gap:10px}.export-btn-row{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;transition:all var(--transition)}.export-btn-row:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.export-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.export-info{flex:1}.export-title{font-size:14px;font-weight:600}.export-sub{font-size:12px;color:var(--text-secondary)}.export-arrow{color:var(--text-muted)}.family-notes-section{margin:16px}.family-notes-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;font-size:13px;color:var(--text-secondary);line-height:1.8;white-space:pre-wrap;margin-bottom:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity var(--transition)}.modal-overlay.open{opacity:1;pointer-events:all}.bottom-sheet{width:100%;max-width:480px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:8px 0 calc(16px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.modal-overlay.open .bottom-sheet{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:var(--border-hover);border-radius:99px;margin:0 auto 16px}.sheet-title{font-size:17px;font-weight:700;padding:0 20px 16px;border-bottom:1px solid var(--border);margin-bottom:8px}.map-launcher-list{padding:8px 16px;display:flex;flex-direction:column;gap:4px}.map-app-row{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);font-size:15px;font-weight:500}.map-app-row:hover{background:var(--bg-card-hover)}.map-app-icon{font-size:22px;width:28px;text-align:center}.map-app-sublabel{font-size:12px;color:var(--text-muted);margin-left:auto}.sheet-form{padding:16px;display:flex;flex-direction:column;gap:12px}.form-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.emoji-picker{display:flex;gap:8px;flex-wrap:wrap}.emoji-opt{width:40px;height:40px;border-radius:var(--radius-sm);font-size:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.emoji-opt.selected,.emoji-opt:hover{border-color:var(--purple);background:var(--purple-dim)}.emoji-opt-edit{width:40px;height:40px;border-radius:var(--radius-sm);font-size:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.emoji-opt-edit.selected,.emoji-opt-edit:hover{border-color:var(--purple);background:var(--purple-dim)}.bottom-sheet-tall{max-height:92vh}.form-divider{height:1px;background:var(--border);margin:4px 0}.form-label-section{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.select-input option{background:#0f1e2e;color:var(--text-primary)}.textarea-input{resize:vertical;min-height:72px;line-height:1.5}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition)}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.empty-state{text-align:center;padding:60px 32px}.empty-state-icon{font-size:56px;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:700;margin-bottom:8px}.empty-state-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.map-route-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-route-glow{fill:none;stroke-linecap:round;opacity:.3}@keyframes dash-flow{to{stroke-dashoffset:-48}}.path-animated{stroke-dasharray:8 10;animation:dash-flow 1.2s linear infinite}@keyframes node-pulse{0%,to{r:18;opacity:1}50%{r:22;opacity:.6}}@media (prefers-reduced-motion: reduce){.path-animated{animation:none;stroke-dasharray:none}.dot-pulse{animation:none}*{transition-duration:0ms!important}}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.w-full{width:100%}.text-center{text-align:center}@media (min-width: 640px){#app{border-left:1px solid var(--border);border-right:1px solid var(--border)}.bottom-nav{left:50%;transform:translate(-50%)}}@media (min-width: 1024px){#app-desktop{display:flex;max-width:1200px;margin:0 auto;min-height:100dvh}.sidebar-nav{width:72px;position:fixed;left:0;top:0;bottom:0}}@media print{body{background:#fff!important;color:#111!important;padding:0!important}#app,.bottom-nav,.app-header,.modal-overlay{display:none!important}}