:root{--bg-app:#f2f2f7;--bg-header:hsla(0,0%,100%,.8);--bg-column:#fff;--bg-card:#fff;--text-primary:#000;--text-secondary:#8e8e93;--text-menu:#000;--accent-color:#007aff;--border-color:#c6c6c8;--shadow-card:0 1px 3px rgba(0,0,0,.1);--brand-gradient:linear-gradient(135deg,#0fa3b1,#2f80ed 54%,#f2b35d);--header-border:rgba(60,60,67,.14);--header-pill-bg:hsla(0,0%,100%,.72);--header-pill-strong:hsla(0,0%,100%,.94);--header-shadow:0 14px 34px rgba(31,41,55,.1);--menu-overlay-bg:rgba(15,23,42,.28);--bg-menu:hsla(0,0%,100%,.9);--bg-button:rgba(118,118,128,.12);--bg-segment-active:#fff;--safe-area-padding:env(safe-area-inset-bottom);--backdrop-blur:20px}[data-theme=dark]{--bg-app:#000;--bg-header:rgba(28,28,30,.8);--bg-column:#1c1c1e;--bg-card:#2c2c2e;--text-primary:#fff;--text-secondary:#8e8e93;--text-menu:#fff;--accent-color:#0a84ff;--border-color:#38383a;--shadow-card:0 2px 8px rgba(0,0,0,.3);--brand-gradient:linear-gradient(135deg,#13b8a6,#4f8cff 54%,#f7ba5f);--header-border:rgba(235,235,245,.12);--header-pill-bg:rgba(44,44,46,.72);--header-pill-strong:rgba(58,58,60,.9);--header-shadow:0 16px 40px rgba(0,0,0,.34);--menu-overlay-bg:rgba(0,0,0,.44);--bg-menu:rgba(28,28,30,.9);--bg-button:rgba(118,118,128,.24);--bg-segment-active:#636366}body{transition:background-color .3s ease,color .3s ease}.auth-page{min-height:var(--app-viewport-height);background:var(--bg-app);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-shell{width:min(100%,440px);display:grid;gap:24px}.auth-brand{display:grid;gap:4px;text-align:center}.auth-brand-link{color:var(--text-primary);font-size:1.5rem;font-weight:700}.auth-brand-copy{margin:0;color:var(--text-secondary)}.auth-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-card);display:grid;gap:18px;padding:24px}.auth-form-header{display:grid;gap:6px}.auth-form-header h1{font-size:1.5rem;line-height:1.2}.auth-form-header p{margin:0;color:var(--text-secondary)}.auth-field{display:grid;gap:7px;color:var(--text-primary);font-size:.95rem;font-weight:600}.auth-field input{width:100%;min-height:44px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-app);color:var(--text-primary);font:inherit;padding:10px 12px}.auth-field input:focus{border-color:var(--accent-color);outline:3px solid color-mix(in srgb,var(--accent-color) 22%,transparent)}.auth-submit{width:100%;background:var(--accent-color);color:#fff;border:none;font-weight:700}.auth-submit:disabled{cursor:not-allowed;opacity:.65}.auth-error{margin:0;border:1px solid #ff3b30;border-radius:8px;background:color-mix(in srgb,#ff3b30 12%,transparent);color:var(--text-primary);padding:10px 12px}@media(max-width:520px){.auth-page{align-items:stretch;padding:20px 12px}.auth-shell{align-content:center}.auth-form{padding:20px}}*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background:var(--bg-app);transition:background-color .3s ease,color .3s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--app-viewport-height:100vh;--app-header-height:72px;--desktop-ui-scale:1}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media(min-width:769px){:root{--app-viewport-height:111.111vh;--desktop-ui-scale:.9;zoom:var(--desktop-ui-scale)}}@media(max-width:900px){:root{--app-header-height:68px}}body{margin:0;min-width:320px;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#__nuxt,#root,body{min-height:var(--app-viewport-height)}#__nuxt,#root{width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}a{color:var(--accent-color);text-decoration:none}a:hover{opacity:.8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-button,#1a1a1a);color:var(--text-primary);cursor:pointer;transition:border-color .25s,background-color .3s ease;min-height:44px;min-width:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:active{opacity:.8}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:5px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.7}.app{flex-direction:column;background-color:var(--bg-app)}.app,.loading{min-height:var(--app-viewport-height);display:flex}.loading{align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-secondary)}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-main.map-main{flex:1 1 0;height:calc(var(--app-viewport-height) - var(--app-header-height));max-height:calc(var(--app-viewport-height) - var(--app-header-height))}.app-main.planner-main{overflow:visible}.app-footer{background:transparent;padding:24px 16px;padding-bottom:max(24px,var(--safe-area-inset-bottom));text-align:center;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border-color)}.app-footer p{margin:0}.menu-overlay{position:fixed;inset:0;background:var(--menu-overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998}.header-menu{position:absolute;top:100%;right:16px;margin-top:12px;background:var(--bg-menu);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--header-border);border-radius:20px;box-shadow:var(--header-shadow);overflow:hidden;z-index:9999;width:min(360px,calc(100vw - 32px));padding:8px}.menu-brand{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;border-bottom:1px solid var(--header-border);margin-bottom:6px}.menu-logo{width:38px;height:38px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:13px;background:var(--brand-gradient);color:#fff;box-shadow:0 10px 20px #2f80ed33}.menu-brand-name,.menu-brand-trip{display:block}.menu-brand-name{color:var(--text-primary);font-size:1.05rem;font-weight:800;line-height:1.1}.menu-brand-trip{max-width:260px;overflow:hidden;color:var(--text-secondary);font-size:.82rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.header-menu .theme-toggle-container{margin:0 0 6px;padding:10px 12px;border-bottom:none;border-radius:14px;background:var(--bg-button)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px;border:none;border-radius:14px;background:transparent;color:var(--text-primary);font-size:.96rem;font-weight:600;text-align:left;cursor:pointer;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.menu-item>span:not(.account-avatar){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item:hover{background:var(--bg-button)}.menu-item.active{background:var(--header-pill-strong);color:var(--accent-color);box-shadow:inset 0 0 0 1px var(--header-border)}.menu-item:active{opacity:.8;transform:scale(.99)}.menu-item-container{margin:0}.menu-subpanel{margin:0 0 6px 44px;padding:6px;border-left:1px solid var(--header-border)}.menu-subpanel .theme-toggle-container{margin-bottom:6px}@media(max-width:900px){.header-menu{right:max(14px,var(--safe-area-inset-right));left:max(14px,var(--safe-area-inset-left));width:auto;margin-top:10px}}