@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--glass-bg: #fff;--glass-bg-strong: #fff;--glass-bg-subtle: #fff;--glass-border: #e5e7eb;--glass-hover-bg: #f9fafb;--glass-shadow: 0 8px 32px rgb(0 0 0 / 10%);--glass-shadow-strong: 0 8px 32px rgb(0 0 0 / 15%);--glass-blur: none;--glass-blur-strong: none;--glass-blur-subtle: none;--glass-accent-bg: #e6f2ff;--glass-accent-border: #007bff}[data-theme=dark]{--glass-bg: #1f2937;--glass-bg-strong: #1f2937;--glass-bg-subtle: #1f2937;--glass-border: #374151;--glass-hover-bg: #374151;--glass-shadow: 0 8px 32px rgb(0 0 0 / 30%);--glass-shadow-strong: 0 8px 32px rgb(0 0 0 / 50%);--glass-dark-bg: #1f2937;--glass-dark-border: #374151;--glass-dark-hover-bg: #374151}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-strong)}.glass-subtle{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-accent{background:var(--glass-accent-bg);border:1px solid var(--glass-accent-border);box-shadow:var(--glass-shadow)}.glass-dark{background:var(--glass-dark-bg);border:1px solid var(--glass-dark-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-hover-bg);box-shadow:var(--glass-shadow-strong);transform:translateY(-2px)}.glass-modal{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 60px #0003}.glass-sidebar{background:var(--glass-bg);border-right:1px solid var(--glass-border);box-shadow:4px 0 24px #0000000d}.glass-button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:var(--glass-hover-bg);box-shadow:var(--glass-shadow);transform:translateY(-1px)}.glass-input{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-input:focus{background:var(--glass-bg);border-color:var(--glass-accent-border);box-shadow:0 0 0 3px var(--glass-accent-bg)}.glass-overlay{background:var(--glass-dark-bg)}:root[data-theme=dark],html[data-theme=dark]{--bg-page: #050505;--surface-white: #0d0d0d;--surface-elevated: #121212;--surface-subtle: #171717;--surface-hover: #202020;--surface-muted: #262626;--sidebar-bg: #050505;--shell-header-bg: rgb(5 5 5 / 92%);--text-main: #f5f5f5;--text-secondary: #b8b8b8;--text-muted: #888;--text-disabled: #626262;--text-inverse: #050505;--border-subtle: #242424;--border-strong: #333;--border-color: #242424;--border-focus: #f5f5f5;--primary-blue: #f5f5f5;--primary-blue-hover: #fff;--primary-blue-light: #171717;--glass-bg: #0d0d0d;--glass-bg-strong: #111;--glass-bg-subtle: #121212;--glass-border: #242424;--glass-shadow: 0 16px 44px rgb(0 0 0 / 45%);--glass-shadow-strong: 0 24px 60px rgb(0 0 0 / 60%);--glass-accent-bg: #111;--glass-accent-border: #f5f5f5;--glass-dark-bg: #000;--glass-dark-border: #242424;--modal-overlay-bg: rgb(0 0 0 / 72%);--modal-bg: #0d0d0d;--modal-sidebar-bg: #050505;--modal-border: #242424;--shadow-sm: 0 1px 3px rgb(0 0 0 / 55%);--shadow-md: 0 10px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 18px 40px rgb(0 0 0 / 50%);--shadow-xl: 0 26px 60px rgb(0 0 0 / 60%);--button-bg-hover: #202020;--button-bg-active: #2a2a2a;--input-bg: #0d0d0d;--input-border: #242424;--input-focus-border: #f5f5f5;--input-focus-shadow: rgb(245 245 245 / 12%);--success-bg: #07180c;--success-text: #86efac;--success-border: #17391e;--error-bg: #1b0b0b;--error-text: #fca5a5;--error-border: #3a1717;--warning-bg: #1a1208;--warning-text: #fcd34d;--warning-border: #3a2a14;--info-bg: #111;--info-text: #f5f5f5;--info-border: #2a2a2a;--toast-success-bg: #14532d;--toast-error-bg: #7f1d1d;--toast-warning-bg: #78350f;--toast-info-bg: #f5f5f5;--toast-text: #050505;--glass-blur-strong: none;--glass-blur-subtle: none}[data-theme=dark] *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-theme=dark] img:not(.no-dark-filter){filter:brightness(1)}[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] code{background:var(--surface-subtle);color:var(--text-main);border:1px solid var(--border-subtle);padding:.2em .4em;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em}[data-theme=dark] pre{background:var(--surface-subtle);color:var(--text-main);border:1px solid var(--border-subtle);padding:1rem;border-radius:8px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9em;line-height:1.5}[data-theme=dark] pre code{background:transparent;border:none;padding:0}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] ::selection{background:#ffffff2e;color:var(--text-main)}[data-theme=dark] :focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text-main)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .date-input,[data-theme=dark] .location-input,[data-theme=dark] .traveler-select{color:var(--text-main)}.pull-to-refresh-container{overflow-y:auto;position:relative;height:100%}.pull-to-refresh-indicator{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-sticky)}.pull-to-refresh-content{display:flex;flex-direction:column;align-items:center;gap:8px}.pull-arrow{font-size:20px;color:var(--text-secondary);transition:transform .2s ease}.pull-text{font-size:12px;color:var(--text-secondary);font-weight:500}.pull-to-refresh-indicator .spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{font-size:70%;--primary-blue: #111;--primary-blue-hover: #000;--bg-page: #f7f7f5;--surface-white: #fff;--surface-elevated: #fff;--surface-subtle: #f1f1ed;--surface-hover: #ebebe6;--surface-muted: #e7e7e1;--sidebar-bg: #fcfcfa;--shell-header-bg: rgb(252 252 250 / 96%);--text-main: #111;--text-secondary: #535353;--text-muted: #7a7a7a;--text-disabled: #a3a3a3;--text-inverse: #fff;--border-subtle: #deded7;--border-strong: #c9c9c1;--border-color: #deded7;--border-focus: #111;--glass-bg: #fff;--glass-bg-strong: #fff;--glass-bg-subtle: #f6f6f2;--glass-border: #deded7;--glass-shadow: 0 12px 30px rgb(17 17 17 / 8%);--glass-shadow-strong: 0 20px 44px rgb(17 17 17 / 10%);--glass-blur: none;--glass-blur-strong: none;--glass-blur-subtle: none;--glass-accent-bg: #fff;--glass-accent-border: #111;--glass-dark-bg: #111;--glass-dark-border: #111;--modal-overlay-bg: rgb(17 17 17 / 50%);--modal-bg: #fff;--modal-sidebar-bg: #fafaf7;--modal-border: #deded7;--button-bg-hover: #ebebe6;--button-bg-active: #dcdcd4;--input-bg: #fff;--input-border: #d4d4cd;--input-focus-border: #111;--input-focus-shadow: rgb(17 17 17 / 10%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--container-padding: 1rem;--header-height: 68px;--shell-sidebar-panel-inset: 0px;--shell-sidebar-top-offset: 0px;--shell-sidebar-bottom-offset: 0px;--shell-sidebar-radius: 0px;--sidebar-width-collapsed: 0px;--sidebar-width-expanded: 0px;--secondary-sidebar-width: 0px;--bottom-nav-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--animation-fast: .15s;--animation-normal: .3s;--animation-slow: .6s;--safe-area-top: env(safe-area-inset-top, 0px);--touch-target-min: 44px;--fab-size: 56px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: .95rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-hero: 1.75rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);--shadow-card-hover: 0 12px 32px rgb(0 0 0 / 15%);--shadow-button-hover: 0 6px 16px rgb(0 0 0 / 12%);--shadow-xl: 0 20px 40px rgb(0 0 0 / 12%);--glow-blue: transparent;--glow-blue-strong: transparent;--glow-white: transparent;--shadow-glow-blue: none;--shadow-glow-subtle: none;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--transition-slide: all .5s cubic-bezier(.16, 1, .3, 1);--z-background: -1;--z-base: 0;--z-content: 10;--z-sticky: 100;--z-dropdown: 200;--z-drawer: 500;--z-fab: 600;--z-bottom-nav: 700;--z-modal-backdrop: 1000;--z-modal-content: 1010;--z-toast: 4000;--z-system: 9999;--success-bg: #eef8f0;--success-text: #166534;--success-border: #cfe8d3;--error-bg: #fdf1f1;--error-text: #991b1b;--error-border: #f3caca;--warning-bg: #fff8e8;--warning-text: #92400e;--warning-border: #f3ddb1;--info-bg: #f3f4f6;--info-text: #111827;--info-border: #d1d5db;--toast-success-bg: #166534;--toast-error-bg: #991b1b;--toast-warning-bg: #92400e;--toast-info-bg: #111;--toast-text: #fff}@media(max-width:767px)and (orientation:landscape){:root{--bottom-nav-height: 48px;--spacing-md: .5rem;--spacing-lg: .75rem}}@media(min-width:768px){:root{--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--container-padding: 1.5rem;--sidebar-width-collapsed: 104px;--sidebar-width-expanded: 240px;--secondary-sidebar-width: 280px;--bottom-nav-height: 0px;--font-size-hero: 2rem}}@media(min-width:1024px){:root{--container-padding: 2rem;--shell-sidebar-panel-inset: 24px;--shell-sidebar-top-offset: 88px;--shell-sidebar-bottom-offset: 32px;--shell-sidebar-radius: 8px}}@media(min-width:1280px){:root{--container-padding: 2.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-page);color-scheme:light}body{font-family:var(--font-family);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--bg-page)}#root{background-color:var(--bg-page)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}code{background:var(--surface-subtle);color:var(--text-main);padding:.2em .4em;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;border:1px solid var(--border-subtle)}pre{background:var(--surface-subtle);color:var(--text-main);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--border-subtle);font-family:Courier New,Courier,monospace;font-size:.9em;line-height:1.5}pre code{background:transparent;border:none;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#1111111f;color:var(--text-main)}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:initial}.show-mobile-only{display:none}}.show-mobile-only,.hide-desktop{display:initial}@media(min-width:1024px){.hide-desktop{display:none}.show-desktop-only{display:initial}}.show-desktop-only{display:none}@media(min-width:1024px){.show-desktop-only{display:initial}}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}@media(max-width:768px),(hover:none)and (pointer:coarse){button,[role=button],a,input[type=checkbox],input[type=radio],input[type=button],input[type=submit],input[type=reset],select,textarea,.clickable,.interactive{min-width:44px;min-height:44px}.icon-button,.btn-icon,[class*=icon-btn],[class*=btn-icon],.action-btn:only-child,.journii-btn,.journii-tool-btn,.journii-expand-btn,.journii-close-btn,.chip-remove,.icon-toggle-button{min-width:44px;min-height:44px;padding:6px}.card-actions .action-btn,.card-actions.compact .action-btn,.overlay-action-btn,.hotel-fav-btn,.hotel-select-circle,.room-scroll-btn{min-width:44px;min-height:44px}.modal-close-btn,.menu-close-btn,.close-btn{min-width:44px;min-height:44px;width:44px;height:44px}.collapse-btn,.settings-cog-btn,.login-btn-collapsed,.nav-item.icon-only,.trip-action-btn{min-width:44px;min-height:44px}.nav-item,.mobile-nav-item,.mobile-menu-item,.folder-header,.folder-child-item,.chat-item-primary,.section-item{min-height:44px}.expand-btn,.collapse-btn,.clear-all-btn,.filters-btn,.view-btn,.search-tab,.price-mode-btn{min-height:44px;min-width:44px}.compact-checkbox,.compact-checkbox-box,.form-field-input,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}input[type=checkbox],input[type=radio]{width:44px;height:44px}.hotel-card .btn-view-details,.hotel-card .btn-bucket-list,.hotel-card .btn-add-primary,.hotel-card .hotel-actions .action-btn{min-height:44px}.book-btn,.save-btn,.flight-comparison-checkbox-inline{min-height:44px;min-width:44px}.journii-btn,.journii-tool-btn,.journii-expand-btn,.journii-close-btn,.journii-mobile-action-btn,.menu-add-trip-btn,.menu-trip-item,.menu-footer-btn{min-width:44px;min-height:44px}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb,.budget-slider::-webkit-slider-thumb,.budget-slider::-moz-range-thumb,.flight-slider::-webkit-slider-thumb,.flight-slider::-moz-range-thumb,.price-slider::-webkit-slider-thumb,.price-slider::-moz-range-thumb{width:24px;height:24px;min-width:24px;min-height:24px}}@media(min-width:769px)and (hover:hover){.icon-button,.btn-icon,[class*=icon-btn]:empty,[class*=btn-icon]:empty{min-width:32px;min-height:32px}}button,a,input,textarea,select,.clickable,.interactive{touch-action:manipulation;-webkit-tap-highlight-color:rgb(0 0 0 / 10%)}.nav-item,.mobile-nav-item,.bottom-nav-item,.sidebar-item{touch-action:manipulation}.chat-scroll-area,.scroll-container,.overflow-scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch}.horizontal-scroll,.carousel{touch-action:pan-x;-webkit-overflow-scrolling:touch}.no-pull-refresh{overscroll-behavior-y:contain}.fab,.floating-button,.global-chat-fab{touch-action:none}*:focus{outline:2px solid var(--primary-blue);outline-offset:2px}*:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px}*:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px;box-shadow:0 0 0 4px #007bff33}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-blue);outline-offset:0;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007bff1a}[data-theme=dark] *:focus-visible{outline-color:#4a9eff}[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] [role=button]:focus-visible{outline-color:#4a9eff;box-shadow:0 0 0 4px #4a9eff4d}.h-screen-safe{height:100dvh}.drawer-backdrop{position:fixed;inset:0;background-color:#0000007f;z-index:var(--z-drawer);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.slide-drawer-right{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:320px;background:var(--surface-white);z-index:calc(var(--z-drawer) + 10);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-4px 0 20px #00000026}.slide-drawer-right.open{transform:translate(0)}.slide-drawer-left{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:300px;background:var(--surface-white);z-index:calc(var(--z-drawer) + 10);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:4px 0 20px #00000026}.slide-drawer-left.open{transform:translate(0)}body.drawer-open{overflow:hidden}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface-white);z-index:var(--z-modal);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto;padding-bottom:var(--safe-area-bottom)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background:var(--border-subtle);border-radius:2px;margin:12px auto}div[style*="position: fixed"][style*="bottom: 0px"][style*="justify-content: center"]{bottom:80px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}[data-framer-motion]{animation:none;transition:none}}div[data-position=bottom-center]{bottom:80px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){input,select,textarea,[contenteditable],input[type=search]{font-size:16px}input::placeholder,textarea::placeholder{font-size:16px}}@supports (-webkit-touch-callout: none){*{-webkit-touch-callout:none}html{text-size-adjust:100%}}.text-on-dark{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / 50%)}.text-on-light{color:#1a1a1a}.card-overlay{background:linear-gradient(to top,rgb(0 0 0 / 80%) 0%,rgb(0 0 0 / 40%) 50%,transparent 100%)}.card-overlay .text,.card-overlay h1,.card-overlay h2,.card-overlay h3,.card-overlay h4,.card-overlay h5,.card-overlay h6,.card-overlay p,.card-overlay span{color:#fff;font-weight:500}.price-display{color:#fff;background:#0009;padding:4px 12px;border-radius:4px;font-weight:600;text-shadow:0 1px 2px rgb(0 0 0 / 50%)}.dark-bg-text,.dark-background .text,.image-overlay .text,.gradient-overlay .text{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / 50%)}.contrast-badge{color:#fff;background:#000000b3;text-shadow:0 1px 2px rgb(0 0 0 / 50%);font-weight:600}.text-shadow-light{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / 50%),0 2px 4px rgb(0 0 0 / 30%)}.text-dark-primary{color:#1a1a1a}.text-dark-secondary{color:#4a4a4a}.modal-dark-bg .modal-text{color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 50%)}.sidebar{height:100dvh;background:#fff;border-right:1px solid #e5e7eb;box-shadow:none;display:none;flex-direction:column;transition:none;padding:var(--spacing-md);z-index:var(--z-dropdown);position:relative}[data-theme=dark] .sidebar{background:#1a1f2e;border-right:1px solid #2d333b;box-shadow:none;overflow:hidden;flex-shrink:0}@media(min-width:768px){.sidebar{display:flex}}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar.collapsed{width:var(--sidebar-width-collapsed);align-items:stretch}.sidebar-nav-controls{display:flex;align-items:center;justify-content:flex-end;margin-bottom:4px;width:100%;flex-shrink:0}.sidebar.collapsed .sidebar-nav-controls{justify-content:center}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;flex:1 1 auto;min-width:0;padding:0;border:none;background:transparent;text-align:left}.sidebar.collapsed .logo-container{flex:0 0 auto;justify-content:center}.logo-box{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.logo-text{font-weight:700;font-size:1.125rem;line-height:1.2;letter-spacing:-.5px;color:#1e3a8a;white-space:nowrap}[data-theme=dark] .logo-text{color:#fff}.logo-icon{width:100%;height:100%;object-fit:contain}.collapse-btn{color:#6b7280;padding:8px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;flex-shrink:0}[data-theme=dark] .collapse-btn{color:#fff9}.sidebar-nav{display:flex;flex-direction:column;gap:2px;width:100%;flex-shrink:0}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-separator{height:1px;background-color:var(--border-subtle);margin:4px 0}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:9px 10px;border-radius:var(--radius-sm);color:#6b7280;font-weight:500;font-size:.9rem;cursor:pointer;transition:none;width:100%;min-height:40px;border:1px solid transparent;background:transparent;text-align:left}.nav-item.active{background-color:#007bff1a;color:#007bff;box-shadow:none;border-color:#007bff}[data-theme=dark] .nav-item{color:#ffffffb3}[data-theme=dark] .nav-item.active{background-color:#007bff33;color:#60a5fa;box-shadow:none;border-color:#60a5fa}.nav-item.icon-only{justify-content:center;padding:6px 0}.nav-icon{display:flex;align-items:center;justify-content:center;color:#007bff}[data-theme=dark] .nav-icon{color:#fff}.nav-item.active .nav-icon{color:#007bff}[data-theme=dark] .nav-item.active .nav-icon{color:#60a5fa}.nav-label{flex:1 1 0%}.submenu-arrow{margin-left:auto;opacity:.5}.nav-subtext{font-size:.8rem;color:#9ca3af;padding:4px 10px 4px 42px;cursor:pointer;transition:none}[data-theme=dark] .nav-subtext{color:#ffffff7f}.sidebar-spacer{flex:1 1 0%;overflow:hidden auto;display:flex;flex-direction:column;min-height:0}.sidebar-spacer::-webkit-scrollbar{width:6px}.sidebar-spacer::-webkit-scrollbar-track{background:transparent}.sidebar-spacer::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.sidebar-footer{flex-shrink:0;margin-top:0;padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border)}.sidebar-social-media{padding:4px 0 6px;margin-bottom:0;display:flex;flex-direction:column;align-items:center;gap:4px}.social-section-label{font-size:12px;color:var(--text-secondary);opacity:.6;margin:0;padding:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1}@media(max-width:767px){.sidebar-social-media{padding:8px 0 0;margin-top:8px;gap:6px;background:transparent;box-shadow:none;border:none}.social-section-label{font-size:12px;letter-spacing:.5px;opacity:.6;font-weight:600}.sidebar-legal{padding:8px 0 0;margin-bottom:0}}.legal-separator{height:1px;background:var(--border-color, rgb(255 255 255 / 10%));margin:12px 0 8px;opacity:.3}.sidebar-legal{padding:0;margin-bottom:0;display:grid;gap:6px;font-size:12px}.legal-row-top{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.legal-row-bottom{display:grid;grid-template-columns:1fr;text-align:center}.sidebar-legal a{color:var(--text-secondary);text-decoration:none}.user-profile{display:flex;align-items:center;gap:8px;padding:6px 0;position:relative}.avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column;flex:1 1 0%}.user-name{font-weight:600;font-size:.95rem;color:#1e3a8a}[data-theme=dark] .user-name{color:#fff}.user-handle{font-size:.85rem;color:#1e3a8a}[data-theme=dark] .user-handle{color:#ffffff7f}.sidebar-actions{display:flex;align-items:center;gap:4px}.settings-cog-btn{width:40px;height:40px;padding:0;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:#6b7280;cursor:pointer;transition:none;display:flex;align-items:center;justify-content:center}[data-theme=dark] .settings-cog-btn{color:#fff9}.auth-buttons{display:flex;flex-direction:column;gap:6px;padding:6px 0}.auth-buttons-row{display:flex;align-items:center;gap:6px;width:100%}.login-btn,.signup-btn{padding:8px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:none;border:none;width:100%}.login-btn-compact{padding:8px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:none;flex:1 1 0%;background:var(--glass-bg-subtle);color:#1a1a1a;border:1.5px solid #007bff}[data-theme=dark] .login-btn-compact{color:#fff}.login-btn{background:var(--glass-bg-subtle);color:#1a1a1a;border:1.5px solid #007bff}[data-theme=dark] .login-btn{color:#fff}.signup-btn{background:#007bff;color:#fff}.login-btn-collapsed{width:40px;height:40px;border-radius:50%;background:var(--bg-page);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:none}.sidebar-divider{height:1px;background-color:var(--border-subtle);margin:8px 0;flex-shrink:0}.trip-action-buttons{display:flex;gap:6px;margin-bottom:8px;flex-shrink:0}.trip-action-btn{flex:1 1 0%;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 12px;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:none;min-height:44px}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);padding:1rem .875rem}[data-theme=dark] .sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-subtle)}.logo-text,.user-name,.user-handle,.sidebar-legal a,.social-section-label,.nav-subtext{color:var(--text-main)}.user-handle,.sidebar-legal a,.social-section-label,.nav-subtext,.collapse-btn,.settings-cog-btn,.nav-item,.trip-action-btn,.login-btn,.login-btn-compact,.login-btn-collapsed{color:var(--text-secondary)}.collapse-btn:hover,.settings-cog-btn:hover,.trip-action-btn:hover,.login-btn:hover,.login-btn-compact:hover,.login-btn-collapsed:hover,.sidebar-legal a:hover{background:var(--surface-hover);color:var(--text-main)}.nav-item{border-radius:14px;color:var(--text-secondary)}.nav-item:hover{background:var(--surface-subtle);color:var(--text-main)}.nav-item.active,[data-theme=dark] .nav-item.active{background:var(--text-main);border-color:var(--text-main);color:var(--bg-page)}.nav-icon,.nav-item.active .nav-icon,[data-theme=dark] .nav-icon,[data-theme=dark] .nav-item.active .nav-icon{color:currentColor}.sidebar-footer,.sidebar-divider,.legal-separator,.nav-separator{border-color:var(--border-subtle);background:var(--border-subtle)}.sidebar-footer{padding-top:.875rem}.settings-cog-btn,.trip-action-btn,.login-btn,.login-btn-compact,.login-btn-collapsed{background:var(--surface-white);border:1px solid var(--border-subtle)}.settings-cog-btn,.login-btn-collapsed{border-radius:12px}.signup-btn{background:var(--text-main);border:1px solid var(--text-main);color:var(--bg-page)}.signup-btn:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.folders-section-primary{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-sm)}.folder-group{position:relative;display:flex;flex-direction:column}.folder-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 12px;cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:none;position:relative;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-left:3px solid var(--primary-blue);margin-left:-8px}.folder-header.expanded{background:var(--glass-bg);border-left-color:var(--primary-blue)}.folder-left{display:flex;align-items:center;gap:6px;color:var(--text-main);font-size:.75rem;flex:1 1 0%}.folder-name{font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:.75rem}.uncategorized-tab{background:var(--glass-bg);border:1px solid var(--glass-border)}.uncategorized-glow{color:var(--text-main);font-weight:600}.folder-count{font-size:.75rem;color:var(--text-muted);background:var(--glass-bg-strong);padding:2px 5px;border-radius:4px;font-weight:600;min-width:18px;text-align:center}.folder-group-simple{margin-bottom:.25rem}.folder-item-simple{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.8125rem;transition:none}.folder-item-simple span{font-weight:500}.folder-children{display:flex;flex-direction:column;gap:2px;padding:4px 0 4px 16px;margin-top:2px}.folder-child-item{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:.72rem;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:move;transition:none;background:var(--glass-bg-subtle);border-left:2px solid transparent}.folder-child-item:active{opacity:.7;cursor:grabbing}.uncategorized-chats-section{margin-top:var(--spacing-xs);display:flex;flex-direction:column;gap:3px;flex-shrink:0}.section-header-collapsible{font-size:.75rem;font-weight:700;color:var(--text-muted);padding:3px 6px;letter-spacing:.8px;display:flex;align-items:center;gap:4px;cursor:pointer;border-radius:var(--radius-sm)}.chat-items-list{display:flex;flex-direction:column;gap:1px}.chat-item-primary{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:.72rem;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:move;transition:none;position:relative;background:var(--glass-bg-subtle);border-left:2px solid transparent}.chat-item-primary:active{opacity:.7;cursor:grabbing}.chat-item-primary.active{background:var(--primary-blue);color:#fff;border-left-color:#fff}.chat-name{flex:1 1 0%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-indicator{width:5px;height:5px;border-radius:50%;flex-shrink:0}.chat-indicator.green{background-color:#22c55e}.chat-indicator.orange{background-color:#f97316}.folder-group[data-drag-over=true]{background-color:#e6f2ff;border:1px dashed var(--primary-blue)}.section-item-container{display:flex;flex-direction:column}.section-header-item{cursor:pointer}.item-count-badge{margin-left:auto;font-size:.75rem;color:var(--text-muted);background-color:#f1f5f9;padding:1px 5px;border-radius:99px;font-weight:600}.section-items-list{display:flex;flex-direction:column;gap:1px;padding-left:28px;margin-top:2px}.section-item{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;color:var(--text-muted);border-radius:var(--radius-sm);transition:none;line-height:1.2}.item-content-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0%;font-size:.75rem}.planner-login-prompt{padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--glass-bg-subtle);border-radius:var(--radius-md);margin:8px 0;border:1px solid var(--border-subtle);flex-shrink:0}.planner-login-icon{width:44px;height:44px;background:var(--glass-accent-bg);border:1px solid var(--glass-accent-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue)}.planner-login-prompt h3{margin:0;font-size:.95rem;font-weight:600;color:var(--primary-blue)}.planner-login-prompt p{margin:0;font-size:.72rem;color:var(--text-secondary);line-height:1.4}.planner-login-btn{padding:10px 20px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:none}@media(max-width:768px),(hover:none)and (pointer:coarse){.nav-item{min-height:44px;padding:12px 14px}.nav-item.icon-only{min-width:44px;min-height:44px;padding:10px}.collapse-btn,.settings-cog-btn,.login-btn-collapsed{min-width:44px;min-height:44px;width:44px;height:44px}.trip-action-btn{min-height:44px;padding:12px 14px}.folder-header,.folder-child-item,.chat-item-primary,.section-item{min-height:44px;padding:10px 12px}.login-btn,.signup-btn,.login-btn-compact{min-height:44px}}@media(min-width:768px){.sidebar{padding:.75rem .75rem .875rem}.sidebar-nav-controls{margin-bottom:.25rem}.sidebar.collapsed{padding-inline:.625rem}.logo-box{width:28px;height:28px;border-radius:9px}.logo-text{font-size:1rem;letter-spacing:-.03em}.collapse-btn{min-width:34px;min-height:34px;padding:0;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-white);color:var(--text-secondary)}.collapse-btn:hover{background:var(--surface-hover);color:var(--text-main)}.sidebar-nav{gap:2px}.nav-group{gap:3px}.nav-separator{margin:.45rem 0}.nav-item{gap:.65rem;min-height:36px;padding:.55rem .7rem;border-radius:10px;font-size:.84rem;font-weight:600}.nav-item.icon-only{width:38px;min-width:38px;min-height:38px;padding:0}.nav-label{line-height:1.15}.sidebar-spacer{padding-top:.125rem}.planner-login-prompt{margin:.25rem 0 0;padding:.9rem;gap:.7rem;align-items:flex-start;text-align:left;background:var(--surface-subtle);border-radius:16px}.planner-login-icon{width:38px;height:38px;border-radius:12px;background:var(--surface-white);border:1px solid var(--border-subtle);color:var(--text-main)}.planner-login-prompt h3{margin:0;font-size:.9rem;color:var(--text-main)}.planner-login-prompt p{margin:0;max-width:24ch;font-size:.76rem;line-height:1.45}.sidebar-footer{padding-top:.625rem}.auth-buttons{gap:.5rem;padding:.25rem 0 0}.auth-buttons-row{gap:.5rem}.login-btn-compact,.signup-btn{min-height:42px;padding:.7rem .9rem;border-radius:12px;font-size:.85rem}.login-btn-compact{background:var(--surface-white);border:1px solid var(--border-subtle);color:var(--text-main)}.login-btn-compact:hover{border-color:var(--border-strong)}.legal-separator{margin:.625rem 0 .5rem;opacity:1}.sidebar-legal{justify-items:start;gap:.4rem;font-size:11px;line-height:1.25}.legal-row-top{grid-template-columns:repeat(3,max-content);justify-content:start;gap:.55rem;text-align:left}.legal-row-bottom{justify-content:start;text-align:left}.sidebar-legal a{color:var(--text-muted)}.sidebar-legal a:hover{background:transparent;color:var(--text-main)}.user-profile{gap:.625rem;padding:.375rem 0}.user-name{font-size:.9rem}.user-handle{font-size:.78rem}.settings-cog-btn{width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-secondary)}.settings-cog-btn:hover{background:var(--surface-subtle);border-color:var(--border-subtle);color:var(--text-main)}}@media(min-width:1024px){.primary-sidebar-shell .sidebar,.primary-sidebar-shell .sidebar.expanded,.primary-sidebar-shell .sidebar.collapsed{--sidebar-panel-bg: var(--surface-elevated);--sidebar-panel-text-main: var(--text-main);--sidebar-panel-text-secondary: var(--text-secondary);--sidebar-panel-border: var(--border-subtle);--sidebar-panel-hover: var(--surface-hover);--sidebar-panel-subtle: var(--surface-subtle);--sidebar-panel-solid-bg: var(--text-main);--sidebar-panel-solid-hover: var(--text-secondary);--sidebar-panel-solid-text: var(--bg-page);--sidebar-panel-active-bg: var(--sidebar-panel-solid-bg);--sidebar-panel-active-border: var(--sidebar-panel-solid-bg);--sidebar-panel-active-text: var(--sidebar-panel-solid-text);--sidebar-panel-shadow: 0 18px 48px rgb(17 17 17 / 12%);--sidebar-panel-scrollbar: var(--border-strong);width:192px;height:min(440px,calc(100dvh - var(--shell-sidebar-top-offset) - var(--shell-sidebar-bottom-offset)));margin-top:calc(var(--shell-sidebar-top-offset) - var(--header-height));padding:0;background:var(--sidebar-panel-bg);border:1px solid var(--sidebar-panel-border);border-radius:var(--shell-sidebar-radius);box-shadow:var(--sidebar-panel-shadow);overflow:hidden}[data-theme=dark] .primary-sidebar-shell .sidebar,[data-theme=dark] .primary-sidebar-shell .sidebar.expanded,[data-theme=dark] .primary-sidebar-shell .sidebar.collapsed{--sidebar-panel-bg: var(--surface-subtle);--sidebar-panel-text-main: rgb(245 245 245 / 94%);--sidebar-panel-text-secondary: rgb(245 245 245 / 64%);--sidebar-panel-border: rgb(245 245 245 / 10%);--sidebar-panel-hover: rgb(245 245 245 / 8%);--sidebar-panel-subtle: rgb(245 245 245 / 5%);--sidebar-panel-solid-bg: #f5f5f5;--sidebar-panel-solid-hover: #ebebeb;--sidebar-panel-solid-text: #171717;--sidebar-panel-active-bg: var(--sidebar-panel-solid-bg);--sidebar-panel-active-border: var(--sidebar-panel-solid-bg);--sidebar-panel-active-text: var(--sidebar-panel-solid-text);--sidebar-panel-shadow: 0 18px 48px rgb(0 0 0 / 26%);--sidebar-panel-scrollbar: rgb(245 245 245 / 18%)}.primary-sidebar-shell .sidebar.collapsed,.primary-sidebar-shell.collapsed .sidebar{width:56px}.primary-sidebar-shell .sidebar-nav{gap:2px;padding:10px 12px 0}.primary-sidebar-shell .sidebar-nav-controls{margin-bottom:.25rem}.primary-sidebar-shell .sidebar-spacer{padding:4px 12px 8px}.primary-sidebar-shell .sidebar-footer{padding:8px 12px 10px}.primary-sidebar-shell .sidebar.collapsed{padding-inline:0}.primary-sidebar-shell .sidebar.collapsed .sidebar-nav,.primary-sidebar-shell .sidebar.collapsed .sidebar-spacer,.primary-sidebar-shell .sidebar.collapsed .sidebar-footer{padding-inline:8px}.primary-sidebar-shell .sidebar.collapsed .sidebar-nav{padding-top:10px}.primary-sidebar-shell .sidebar .logo-box{width:28px;height:28px;border-radius:8px;background:var(--sidebar-panel-subtle);border:1px solid var(--sidebar-panel-border)}.primary-sidebar-shell .sidebar .logo-text,.primary-sidebar-shell .sidebar .user-name,.primary-sidebar-shell .sidebar .planner-login-prompt h3,.primary-sidebar-shell .sidebar .planner-login-prompt p{color:var(--sidebar-panel-text-main)}.primary-sidebar-shell .sidebar .user-handle,.primary-sidebar-shell .sidebar .sidebar-legal a,.primary-sidebar-shell .sidebar .social-section-label,.primary-sidebar-shell .sidebar .nav-subtext,.primary-sidebar-shell .sidebar .collapse-btn,.primary-sidebar-shell .sidebar .settings-cog-btn,.primary-sidebar-shell .sidebar .trip-action-btn,.primary-sidebar-shell .sidebar .login-btn,.primary-sidebar-shell .sidebar .login-btn-compact,.primary-sidebar-shell .sidebar .login-btn-collapsed,.primary-sidebar-shell .sidebar .nav-item{color:var(--sidebar-panel-text-secondary)}.primary-sidebar-shell .sidebar .collapse-btn{min-width:30px;min-height:30px;padding:0;border-radius:8px;background:transparent;border:1px solid transparent}.primary-sidebar-shell .sidebar .nav-group{gap:3px}.primary-sidebar-shell .sidebar .nav-item{gap:.625rem;min-height:34px;padding:.5rem .625rem;border-radius:9px;font-size:.81rem;font-weight:600;background:transparent;border-color:transparent}.primary-sidebar-shell .sidebar .nav-item.icon-only{width:36px;min-width:36px;min-height:36px;padding:0}.primary-sidebar-shell .sidebar .nav-separator{margin:.35rem 0}.primary-sidebar-shell .sidebar .nav-item:hover,.primary-sidebar-shell .sidebar .collapse-btn:hover,.primary-sidebar-shell .sidebar .settings-cog-btn:hover,.primary-sidebar-shell .sidebar .trip-action-btn:hover,.primary-sidebar-shell .sidebar .login-btn:hover,.primary-sidebar-shell .sidebar .login-btn-compact:hover,.primary-sidebar-shell .sidebar .login-btn-collapsed:hover{background:var(--sidebar-panel-hover);border-color:var(--sidebar-panel-border);color:var(--sidebar-panel-text-main)}.primary-sidebar-shell .sidebar .nav-item.active{background:var(--sidebar-panel-active-bg);border-color:var(--sidebar-panel-active-border);color:var(--sidebar-panel-active-text)}.primary-sidebar-shell .sidebar .nav-icon,.primary-sidebar-shell .sidebar .nav-item.active .nav-icon{color:currentcolor}.primary-sidebar-shell .sidebar .nav-separator,.primary-sidebar-shell .sidebar .legal-separator,.primary-sidebar-shell .sidebar .sidebar-footer,.primary-sidebar-shell .sidebar .sidebar-divider{border-color:var(--sidebar-panel-border);background:var(--sidebar-panel-border)}.primary-sidebar-shell .sidebar .planner-login-prompt{margin-top:0;padding:.875rem;gap:.7rem;align-items:flex-start;text-align:left;background:var(--sidebar-panel-subtle);border:1px solid var(--sidebar-panel-border);border-radius:12px}.primary-sidebar-shell .sidebar .planner-login-icon{width:36px;height:36px;border-radius:10px;background:var(--sidebar-panel-hover);border:1px solid var(--sidebar-panel-border);color:var(--sidebar-panel-text-main)}.primary-sidebar-shell .sidebar .settings-cog-btn,.primary-sidebar-shell .sidebar .trip-action-btn,.primary-sidebar-shell .sidebar .login-btn,.primary-sidebar-shell .sidebar .login-btn-compact,.primary-sidebar-shell .sidebar .login-btn-collapsed{background:transparent;border:1px solid var(--sidebar-panel-border)}.primary-sidebar-shell .sidebar .settings-cog-btn{width:34px;height:34px;border-radius:8px}.primary-sidebar-shell .sidebar .signup-btn{background:var(--sidebar-panel-solid-bg);border:1px solid var(--sidebar-panel-solid-bg);color:var(--sidebar-panel-solid-text)}.primary-sidebar-shell .sidebar .signup-btn:hover{background:var(--sidebar-panel-solid-hover);border-color:var(--sidebar-panel-solid-hover);color:var(--sidebar-panel-solid-text)}.primary-sidebar-shell .sidebar .sidebar-legal a:hover{background:transparent;color:var(--sidebar-panel-text-main)}.primary-sidebar-shell .sidebar .sidebar-spacer::-webkit-scrollbar-thumb{background:var(--sidebar-panel-scrollbar)}}.explore-panel{position:absolute;top:220px;left:100%;margin-left:10px;width:240px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a,0 0 0 1px #0000000d;padding:8px 0;z-index:1000;overflow:hidden;transform-origin:top left}.explore-close-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .2s;z-index:10}.explore-close-btn:hover{background-color:#f1f5f9;color:#64748b}.explore-items-container{padding-top:12px}.explore-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s;color:#334155;font-size:.9rem;font-weight:500}.explore-item:hover{background-color:#f1f5f9;color:#1e3a8a}.explore-item svg{color:#64748b;transition:color .2s}.explore-item:hover svg{color:#1e3a8a}.explore-item svg.heart-icon{color:#64748b}.explore-item:hover svg.heart-icon{color:#ef4444}.theme-toggle{position:relative;width:52px;height:30px;padding:3px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-white);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:4px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.theme-toggle:hover{background:var(--surface-hover);color:var(--text-main)}.theme-toggle[data-state=checked]{background:var(--surface-subtle);color:var(--text-secondary)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--text-main);color:var(--bg-page);display:flex;align-items:center;justify-content:center;transition:transform .24s ease,background-color .2s ease,color .2s ease}.theme-toggle[data-state=checked] .theme-toggle-thumb{transform:translate(22px)}.theme-toggle-icon-slot{width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:1}.theme-toggle-icon-slot-sun{margin-left:2px}.theme-toggle-icon-slot-moon{margin-right:2px}.theme-icon{width:14px;height:14px}.theme-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:999px}.mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--surface-white);border-top:1px solid var(--border-subtle);padding-bottom:var(--safe-area-bottom);z-index:var(--z-bottom-nav);box-shadow:0 -2px 10px #0000000d}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 0%;height:100%;background:transparent;border:none;color:var(--text-muted);font-size:.65rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);padding:4px 2px}.mobile-nav-item svg{color:var(--primary-blue)}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--text-muted)}.mobile-nav-item.active svg{color:var(--primary-blue)}.mobile-menu-drawer{display:flex;flex-direction:column;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));z-index:calc(var(--z-drawer) + 10)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.menu-header-actions{display:flex;align-items:center;gap:12px}.menu-logo{display:flex;align-items:center;gap:8px;cursor:pointer}.menu-logo-img{width:32px;height:32px;object-fit:contain}.menu-logo span{font-size:1.1rem;font-weight:700;color:var(--text-main)}.menu-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);border-radius:50%;cursor:pointer;transition:var(--transition-fast)}.menu-close-btn svg{width:22px;height:22px}.menu-close-btn:hover{background:var(--bg-page);color:var(--text-main)}.mobile-menu-user{padding:12px 14px;border-top:1px solid var(--border-subtle);margin-top:auto}.menu-user-info{display:flex;align-items:center;gap:10px}.menu-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.menu-user-details{display:flex;flex-direction:column;gap:2px}.menu-user-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.menu-user-handle{font-size:.75rem;color:var(--text-muted)}.menu-auth-buttons{display:flex;gap:12px}.menu-login-btn,.menu-signup-btn{flex:1 1 0%;padding:12px 16px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.menu-login-btn{background:transparent;color:var(--text-main);border:1px solid var(--border-subtle)}.menu-signup-btn{background:var(--primary-blue);color:#fff;border:none}.mobile-menu-items{flex:1 1 0%;padding:6px 0;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);text-align:left}.mobile-menu-item svg{width:18px;height:18px;color:var(--primary-blue)}.mobile-menu-item:active{background:var(--bg-page)}.mobile-menu-item.active{color:var(--text-secondary);background:#e6f2ff}.mobile-menu-item span{flex:1 1 0%}.menu-item-arrow{color:var(--primary-blue);width:16px;height:16px}.menu-divider{height:1px;background:var(--border-subtle);margin:6px 14px}.mobile-menu-trips{padding:8px 14px 12px;border-top:1px solid var(--border-subtle)}.menu-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.menu-section-header span{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.menu-add-trip-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.menu-add-trip-btn svg{width:14px;height:14px}.menu-add-trip-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.menu-trips-list{display:flex;flex-direction:column;gap:3px}.menu-trip-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.menu-trip-item svg{width:16px;height:16px}.menu-trip-item:active{background:var(--bg-page)}.mobile-menu-footer{padding:10px 14px 12px;border-top:1px solid var(--border-subtle);margin-top:auto}.mobile-menu-social{padding:16px 12px;margin-bottom:12px;text-align:center}.mobile-menu-social .social-section-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.menu-user-section{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-page);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);margin-bottom:8px}.menu-user-section:hover{background:var(--border-subtle)}.menu-user-section .menu-avatar{flex-shrink:0}.menu-user-section .menu-user-details{flex:1 1 0%;display:flex;flex-direction:column;gap:2px}.menu-user-section .menu-user-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.menu-user-section .menu-user-handle{font-size:.75rem;color:var(--text-muted)}.menu-user-section .settings-icon{color:var(--text-muted);flex-shrink:0}.menu-settings-panel{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px;background:var(--bg-page);border-radius:var(--radius-md)}.menu-footer-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.menu-footer-btn svg{width:18px;height:18px}.menu-footer-btn:active{background:var(--bg-page)}.menu-footer-btn.admin{color:var(--primary-blue);font-weight:600}.menu-footer-btn.logout{color:#ef4444}.mobile-menu-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px 16px 0;font-size:.75rem;color:var(--text-muted)}.mobile-menu-legal a{color:var(--text-muted);text-decoration:none;transition:color .2s}.mobile-menu-legal a:hover{color:var(--text-primary)}.mobile-menu-legal .legal-separator{color:var(--border-subtle)}@media(max-width:767px),(hover:none)and (pointer:coarse){.mobile-nav-item{min-height:56px;padding:6px 4px}.mobile-menu-item,.menu-trip-item{min-height:48px;padding:12px 16px}.menu-close-btn,.menu-add-trip-btn{min-width:44px;min-height:44px;width:44px;height:44px}.menu-login-btn,.menu-signup-btn{min-height:48px}.menu-footer-btn{min-height:48px;padding:12px 16px}.menu-user-section{min-height:56px;padding:16px}}@media(min-width:768px){.mobile-bottom-nav,.mobile-menu-drawer{display:none}}.app-header{flex:0 0 var(--header-height);width:100%;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1.25rem,2.2vw,2rem);border-bottom:1px solid var(--border-subtle);background:var(--shell-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:var(--z-sticky);box-shadow:0 1px #11111108}.app-header-left,.app-header-right,.app-header-title-row,.app-header-user-trigger,.app-header-auth,.app-header-home,.app-header-icon-button,.app-header-auth-button,.app-header-user-menu-item{display:flex;align-items:center}.app-header-left,.app-header-title-group,.app-header-user-meta{min-width:0}.app-header-left{gap:.875rem;flex:1 1 auto}.app-header-home,.app-header-icon-button,.app-header-user-trigger,.app-header-auth-button{border:1px solid var(--border-subtle);background:var(--surface-white)}.app-header-home{gap:.5rem;padding:.4rem .2rem .4rem 0;border:none;background:transparent;border-radius:0;color:var(--text-main);font-weight:700;line-height:1}.app-header-title-group{display:flex;flex-direction:column;gap:.2rem}.app-header-eyebrow,.app-header-subtitle,.app-header-user-handle{color:var(--text-secondary)}.app-header-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.app-header-title-row{gap:.25rem}.app-header-title{font-size:1.2rem;line-height:1.05;letter-spacing:-.025em;color:var(--text-main)}.app-header-subtitle{font-size:.82rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-right{gap:.5rem;flex-shrink:0}.app-header-auth{gap:.5rem}.app-header-auth-button{justify-content:center;min-height:38px;padding:0 1rem;border-radius:999px;color:var(--text-main);font-size:.85rem;font-weight:600}.app-header-auth-button.primary{background:var(--text-main);border-color:var(--text-main);color:var(--bg-page)}.app-header-icon-button{width:38px;height:38px;justify-content:center;border-radius:12px;color:var(--text-main)}.app-header-user-trigger{gap:.5rem;padding:.25rem .35rem .25rem .25rem;border-radius:999px;color:var(--text-main)}.app-header-user-meta{display:flex;flex-direction:column;line-height:1.15}.app-header-user-name{font-size:.88rem;font-weight:600;color:var(--text-main)}.app-header-user-handle{font-size:.76rem}.app-header-home:hover,.app-header-icon-button:hover,.app-header-user-trigger:hover,.app-header-auth-button:hover,.app-header-user-menu-item:hover{background:var(--surface-hover)}.app-header-home:hover{background:transparent}.app-header-auth-button.primary:hover{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg-page)}.app-header-user-menu{min-width:220px;padding:.35rem;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-white);box-shadow:0 18px 48px #0f172a24;z-index:calc(var(--z-dropdown) + 4)}.app-header-user-menu-label{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .625rem .6rem}.app-header-user-menu-name{font-size:.88rem;font-weight:600;color:var(--text-main)}.app-header-user-menu-handle{font-size:.76rem;color:var(--text-secondary)}.app-header-user-menu-separator{height:1px;margin:.1rem 0 .25rem;background:var(--border-subtle)}.app-header-user-menu-item{gap:.55rem;width:100%;padding:.65rem .7rem;border-radius:12px;color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;outline:none}.app-header-home:focus-visible,.app-header-icon-button:focus-visible,.app-header-auth-button:focus-visible,.app-header-user-trigger:focus-visible,.app-header-user-menu-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(max-width:1439px){.app-header-subtitle{display:none}}@media(max-width:1279px){.app-header{padding-inline:1.25rem}.app-header-user-meta{display:none}.app-header-auth-button{padding-inline:.9rem}}@media(max-width:1023px){.app-header{display:none}}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--text-main);color:var(--bg-page);padding:8px 16px;text-decoration:none;font-weight:600;border-radius:0 0 4px;z-index:var(--z-system);transition:top .2s ease}.skip-to-content:focus{top:0;outline:3px solid var(--text-main);outline-offset:2px}.main-layout{display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden;background-color:var(--bg-page);color:var(--text-main);position:relative}.main-layout.mobile{flex-direction:column;padding-top:var(--safe-area-top)}.main-layout.mobile .content-area{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 80px);padding-left:var(--container-padding);padding-right:var(--container-padding)}.shell-body{flex:1 1 0%;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.shell-column{flex:1 1 0%;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-page)}.content-area{flex:1 1 0%;display:flex;flex-direction:column;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;position:relative;overflow:hidden auto;height:100%;min-height:0;background:var(--bg-page);width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:none auto}.content-area.home-page{overflow-y:hidden}.content-area.stays-tab{overflow:hidden;padding-bottom:150px}@media(max-width:767px){.content-area{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 80px)}}.content-area-inner{flex:1 1 0%;display:flex;flex-direction:column;position:relative;overflow:hidden auto;height:100%;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%}.content-area::-webkit-scrollbar{width:8px}@media(max-width:767px){.content-area::-webkit-scrollbar{width:0;display:none}}.content-area::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media(min-width:768px){.shell-body{flex-direction:row}.primary-sidebar-shell{flex:0 0 var(--primary-width, 80px);width:var(--primary-width, 80px);min-width:var(--primary-width, 80px);min-height:0;height:100%;display:flex;justify-content:center;align-items:flex-start}.shell-column{min-width:0}.main-layout.mobile .content-area{padding-bottom:100px;padding-left:0;padding-right:0}.content-area{overflow-y:auto}}@media(min-width:1024px){.shell-body{background:linear-gradient(180deg,#11111105,#1110 120px)}.content-area{padding-bottom:128px}}@media(max-width:767px){.content-area{-webkit-user-select:none;user-select:none}.content-area *{-webkit-user-select:text;user-select:text}.content-area button,.content-area a,.content-area input,.content-area textarea{-webkit-user-select:none;user-select:none}}@media(prefers-reduced-motion:reduce){.content-area{scroll-behavior:auto;transition:none}}.collapsible-sec-sidebar{display:flex;height:100%;flex-shrink:0;gap:0;position:relative}.sec-sidebar-content{height:100%;overflow:hidden;transition:opacity .3s ease}.sec-sidebar-content>*{height:100%;width:100%}.sec-divider-collapse-btn{width:24px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-white, #fff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:6px;cursor:pointer;color:var(--text-muted, #9ca3af);transition:all .2s ease;box-shadow:0 2px 8px #00000014;flex-shrink:0;opacity:.6}.sec-divider-collapse-btn:hover{background:var(--bg-page, #f8fafc);border-color:var(--primary-blue, #3b82f6);color:var(--primary-blue, #3b82f6);opacity:1;box-shadow:0 4px 12px #3b82f626}.collapsible-sec-sidebar.collapsed .sec-divider-collapse-btn{opacity:.8;background:var(--surface-white, #fff)}.collapsible-sec-sidebar.collapsed .sec-divider-collapse-btn:hover{opacity:1}[data-theme=dark] .sec-divider-collapse-btn{background:#1e293be5;border-color:#ffffff1a;color:#fff9}[data-theme=dark] .sec-divider-collapse-btn:hover{background:#1e293b;border-color:#60a5fa;color:#60a5fa}.sec-sidebar-collapsed-tab{width:0;height:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;position:relative;z-index:10}.sec-sidebar-collapsed-tab .sec-divider-collapse-btn{position:absolute;left:0;opacity:1;width:20px;height:64px;background:var(--surface-white, #fff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:0 6px 6px 0;box-shadow:2px 0 8px #00000014}.sec-sidebar-collapsed-tab .sec-divider-collapse-btn:hover{width:24px;background:var(--bg-page, #f8fafc);border-color:var(--primary-blue, #3b82f6);box-shadow:2px 0 12px #3b82f633}[data-theme=dark] .sec-sidebar-collapsed-tab .sec-divider-collapse-btn{background:#1e293bf2;border-color:#ffffff1a;box-shadow:2px 0 8px #0000004d}[data-theme=dark] .sec-sidebar-collapsed-tab .sec-divider-collapse-btn:hover{background:#1e293b;border-color:#60a5fa;box-shadow:2px 0 12px #60a5fa4d}.collapsible-sec-sidebar.collapsed .sec-sidebar-content{display:none}@media(max-width:768px){.collapsible-sec-sidebar{display:none}}.mobile-secondary-drawer-toggle{display:none}@media(max-width:767px){.mobile-secondary-drawer-toggle{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:50%;transform:translateY(-50%);width:28px;height:40px;background:#3b82f6f2;color:#fff;border:none;border-radius:0 12px 12px 0;cursor:pointer;z-index:calc(var(--z-bottom-nav) - 1);box-shadow:2px 0 12px #3b82f64d;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-secondary-drawer-toggle:hover{background:#3b82f6;width:32px;box-shadow:2px 0 16px #3b82f666}.mobile-secondary-drawer-toggle:active{transform:translateY(-50%) scale(.92)}.mobile-secondary-drawer-toggle:has(+.drawer-backdrop.open){left:280px;border-radius:8px 0 0 8px}.mobile-secondary-drawer{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px)}.mobile-secondary-drawer>*{height:100%;overflow-y:auto}}[data-theme=dark] .mobile-secondary-drawer-toggle{background:var(--primary-blue);box-shadow:2px 0 8px #0000004d}[data-theme=dark] .mobile-secondary-drawer-toggle:hover{background:var(--primary-blue-hover)}.mobile-secondary-drawer-toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){.mobile-secondary-drawer-toggle{transition:none}}.offline-indicator{position:fixed;top:calc(var(--safe-area-top, 0px) + 8px);left:50%;transform:translate(-50%);z-index:var(--z-toast, 800);animation:slideDown .3s ease-out}.offline-indicator-content{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full, 9999px);font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #00000026;white-space:nowrap}.offline-indicator.offline .offline-indicator-content{background:#dc2626;color:#fff}.offline-indicator.online .offline-indicator-content{background:#10b981;color:#fff;animation:slideDown .3s ease-out,fadeOut .3s ease-out 2.7s forwards}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:767px){.offline-indicator{top:calc(var(--safe-area-top, 0px) + 4px);left:8px;right:8px;transform:none}.offline-indicator-content{justify-content:center;padding:10px 16px;font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.offline-indicator{animation:none}.offline-indicator.online .offline-indicator-content{animation:fadeOut .3s ease-out 2.7s forwards}}
