*{box-sizing:border-box}:root{--bg:#fff;--bg-alt:#f7f7f7;--text:#1a1a1a;--text-muted:#666;--border:#ddd;--accent:#2563eb;--accent-contrast:#fff;--danger:#c33}@media (prefers-color-scheme:dark){:root{--bg:#16171d;--bg-alt:#1f2028;--text:#e5e5e5;--text-muted:#9ca3af;--border:#2e303a;--accent:#6ea8fe;--accent-contrast:#16171d;--danger:#ff6b6b}}:root[data-theme=dark]{--bg:#16171d;--bg-alt:#1f2028;--text:#e5e5e5;--text-muted:#9ca3af;--border:#2e303a;--accent:#6ea8fe;--accent-contrast:#16171d;--danger:#ff6b6b}:root[data-theme=light]{--bg:#fff;--bg-alt:#f7f7f7;--text:#1a1a1a;--text-muted:#666;--border:#ddd;--accent:#2563eb;--accent-contrast:#fff;--danger:#c33}html,body,#root{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{background:var(--bg);width:100vw;height:100dvh;color:var(--text);display:flex;position:relative}.sidebar{box-sizing:border-box;border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;gap:8px;width:320px;padding:16px;transition:width .15s,padding .15s;display:flex;overflow-y:auto}.sidebar-collapsed{border-right:none;width:0;padding-left:0;padding-right:0;overflow-x:hidden}.icon-button,.sidebar-reopen,.hamburger{background:var(--bg-alt);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.sidebar-reopen{z-index:20;position:fixed;top:16px;left:16px}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.trip-scroll{flex-direction:column;gap:8px;display:flex}.user-chip{color:var(--text-muted);flex:1;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.user-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:4px;padding-bottom:8px;display:flex}.tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:13px}.tabs button.active{background:var(--bg-alt);color:var(--text);font-weight:600}.sidebar h1{color:var(--text);margin:0 0 8px;font-size:20px}.sidebar h2{text-transform:uppercase;color:var(--text-muted);margin:16px 0 4px;font-size:14px}.search-form{gap:4px;display:flex}.search-form input{background:var(--bg-alt);color:var(--text);border:1px solid var(--border);border-radius:4px;flex:1;padding:6px 8px}.search-form button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:4px;padding:6px 12px}.search-results-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.search-results{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.search-results li button{text-align:left;background:var(--bg-alt);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:6px 8px}.search-results li.hovered button{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--bg-alt))}.hint{color:var(--text-muted);margin-top:auto;font-size:12px}.error{color:var(--danger);font-size:13px}.map{flex:1;height:100%}.locate-me-button{background:var(--bg);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin:10px;display:flex;box-shadow:0 1px 4px #0000004d}.locate-me-button.active{color:#4285f4}.auth-screen{background:var(--bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.auth-form{background:var(--bg-alt);border:1px solid var(--border);text-align:center;box-sizing:border-box;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:min(320px,90vw);padding:32px 28px;display:flex}.auth-form h1{color:var(--text);margin:0 0 4px;font-size:20px}.auth-subtitle{color:var(--text);margin:0 0 16px;font-size:14px;line-height:1.5}.auth-form form{flex-direction:column;gap:12px;width:100%;display:flex}.auth-form input{box-sizing:border-box;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);text-align:center;border-radius:6px;padding:10px 12px;font-size:15px}.auth-form input:focus{border-color:var(--accent);outline:none}.auth-form button[type=submit]{background:var(--accent);width:100%;color:var(--accent-contrast);cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:10px 12px;font-size:14px;font-weight:600}.auth-form button[type=submit]:disabled{opacity:.6;cursor:default}.auth-form .link-button{margin-top:4px;font-size:13px}.auth-form .error{margin:0}.plan-board{flex-direction:column;gap:10px;display:flex}.plan-column{background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.plan-column-empty{border:1px dashed var(--border);color:var(--text-muted);border-radius:4px;margin:0;padding:6px 8px;font-size:12px}.plan-column.over{border-color:var(--accent)}.plan-column-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.show-route-button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.maps-link{color:var(--accent);align-items:center;display:inline-flex}.plan-column-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:-2px 0 4px;font-size:12px;display:flex}.plan-card{background:var(--bg);border:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.plan-card:active{cursor:grabbing}.plan-card-handle{color:var(--text-muted)}.plan-card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.plan-card-delete{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0 0 0 4px}.add-day-button{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-self:stretch;padding:8px}.admin-panel{flex-direction:column;gap:6px;display:flex}.admin-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.admin-card-main{flex-direction:column;gap:2px;display:flex;overflow:hidden}.admin-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.admin-card-meta{color:var(--text-muted);font-size:12px}.admin-card-actions{gap:8px;display:flex}.admin-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:6px 10px;font-size:13px}.admin-btn:disabled{opacity:.4;cursor:default}.admin-btn.danger{color:var(--danger);border-color:var(--danger)}.admin-btn.approve{color:#16a34a;border-color:#16a34a}.admin-btn.approve:hover{background:color-mix(in srgb, #16a34a 12%, var(--bg))}.theme-toggle{position:relative}.theme-toggle-menu{background:var(--bg-alt);border:1px solid var(--border);z-index:10;border-radius:6px;min-width:120px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.theme-toggle-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.theme-toggle-menu button:hover{background:var(--bg)}.theme-toggle-menu button.active{color:var(--accent);font-weight:600}@media (width<=700px){.sidebar{width:100%;height:100dvh;padding-bottom:max(16px, env(safe-area-inset-bottom));z-index:15;position:fixed;inset:0}.sidebar-collapsed{width:0}.sidebar-reopen,.hamburger{min-width:40px;min-height:40px}.plan-card-delete{padding:8px 4px 8px 8px}}