:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--shell-max-width:min(1320px, 100%);--shell-padding-x:20px;--shell-padding-top:20px;--shell-padding-bottom:28px;--mobile-bottom-nav-height:0px;--vh:1vh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--bg:#fdf7f0;--bg-alt:#fff;--bg-image:radial-gradient(120% 100% at 0% 0%, #ffd6aa59 0%, transparent 55%), radial-gradient(110% 90% at 90% 10%, #60a5fa40 0%, transparent 60%), linear-gradient(180deg, #fefbf6 0%, #f8fafc 100%);--bg-attachment:fixed;--text:#0f0f0f;--text-strong:#050505;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}@media (min-width:769px){html,body,#__next{height:100dvh;overflow:hidden}html[data-page=trips]{height:auto!important;min-height:100vh!important;overflow:hidden auto!important}body[data-page=trips]{height:auto!important;min-height:100vh!important;overflow:visible!important}body[data-page=trips] #__next,body[data-page=trips] .app-shell{min-height:100vh;height:auto!important;overflow:visible!important}body[data-page=trips] .app-shell__body{min-height:auto;height:auto!important;overflow:visible!important}body[data-page=trips] .app-shell__main{height:auto!important;min-height:0!important;overflow:visible!important}body[data-page=trips] .shell-content{max-width:min(1800px,100%);overflow:visible!important}html[data-page=admin]{height:auto!important;min-height:100vh!important;overflow:hidden auto!important}body[data-page=admin]{height:auto!important;min-height:100vh!important;overflow:visible!important}body[data-page=admin] #__next{min-height:100vh;height:auto!important;overflow:visible!important}}body.games-page,body.auth-page{height:auto;overflow-y:auto}body{background:var(--bg,#020617);background-image:var(--bg-image,radial-gradient(100% 120% at 10% 10%, #2563eb47 0%, transparent 55%), radial-gradient(140% 120% at 90% 0%, #0ea5e92e 0%, transparent 60%), linear-gradient(180deg, #020617f2 0%, #02061e 100%));background-attachment:var(--bg-attachment,fixed);color:var(--text,#0f172a);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;line-height:1.6;transition:background .4s,color .4s}.is-mobile{--bg-attachment:scroll;touch-action:pan-y}body.pwa-installed{overscroll-behavior-y:contain;background-attachment:scroll}:root{--safe-inline-start:max(var(--shell-padding-x), env(safe-area-inset-left,0px));--safe-inline-end:max(var(--shell-padding-x), env(safe-area-inset-right,0px))}.lpt-container{width:min(var(--shell-max-width), 100%);padding-left:var(--safe-inline-start);padding-right:var(--safe-inline-end);box-sizing:border-box;margin:0 auto}.app-shell{background:var(--bg,#fdf7f0);grid-template-rows:auto 1fr auto;width:100%;max-width:100vw;height:100dvh;display:grid;overflow:hidden}#__next{width:100%;max-width:100vw;overflow-x:hidden}.shell-header-inner{width:100%;max-width:var(--shell-max-width);padding:18px var(--safe-inline-start) 18px var(--safe-inline-end);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.shell-content{width:100%;max-width:var(--shell-max-width);padding:calc(var(--shell-padding-top) * .9) var(--safe-inline-start) calc(var(--shell-padding-bottom) * .9 + var(--mobile-bottom-nav-height,0px) + env(safe-area-inset-bottom,0px)) var(--safe-inline-end);margin:0 auto}.skip-link{color:#f8fafc;background:#2563eb;border-radius:8px;padding:8px 14px;position:absolute;top:0;left:-999px}.skip-link:focus{top:16px;left:16px}@media (max-width:768px){:root{--shell-padding-x:14px;--shell-padding-top:12px;--shell-padding-bottom:28px}html{font-size:16px}body{background-attachment:scroll}.shell-header-inner,.shell-content,.lpt-container{width:100%}.shell-content{padding:var(--shell-padding-top) var(--shell-padding-x) calc(var(--shell-padding-bottom) + var(--mobile-bottom-nav-height,0px) + env(safe-area-inset-bottom,0px))}}.has-mobile-nav{--mobile-bottom-nav-height:64px}.app-shell--with-sidebar{--sidebar-width:240px}.app-shell__body{flex:1;min-height:0;display:flex}.app-shell__main{overscroll-behavior:contain;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow-y:auto}body[data-page=trips] .app-shell__main{overflow:visible}.app-shell__main:has(.itinerary-page){overflow:visible}@media (max-width:768px){body[data-page=trips] .app-shell,body[data-page=trips] #__next,body[data-page=trips] .app-shell{height:auto;min-height:100dvh;overflow:visible}body[data-page=trips] .app-shell__body,body[data-page=trips] .app-shell__main{overflow:visible}}.app-shell--with-sidebar .shell-content{width:100%;max-width:none}.app-sidebar{width:var(--sidebar-width,240px);min-width:var(--sidebar-width,240px);background:var(--surface,#fff);border-right:1px solid var(--border,#94a3b840);height:calc(100vh - var(--header-height,56px));height:calc(100dvh - var(--header-height,56px));top:var(--header-height,56px);overscroll-behavior:contain;z-index:100;flex-direction:column;display:flex;position:fixed;left:0;overflow:hidden auto}.app-sidebar__brand{border-bottom:1px solid var(--border,#94a3b826);padding:.75rem 1rem}.app-sidebar__logo{color:var(--text-strong,var(--text));align-items:center;gap:.5rem;text-decoration:none;display:flex}.app-sidebar__logo-icon{font-size:1.25rem}.app-sidebar__logo-text{letter-spacing:-.01em;font-size:1rem;font-weight:700}.app-sidebar__actions{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.sidebar-action{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:.65rem;padding:.65rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-action__icon{text-align:center;width:20px;font-size:1rem}.sidebar-action--primary{background:var(--brand,#2563eb);text-shadow:0 1px 2px #00000026;font-weight:600;box-shadow:0 2px 6px #0003;color:var(--brand-text,#111827)!important}.sidebar-action--primary:hover{background:var(--brand-strong,#1d4ed8);transform:translateY(-1px);box-shadow:0 3px 10px #00000040;color:var(--brand-text,#111827)!important}.sidebar-action--secondary{background:var(--surface-secondary,#f1f5f9);color:var(--text,#0f172a);border:1px solid var(--border,#94a3b859)}.sidebar-action--secondary:hover{background:var(--surface-tertiary,#e2e8f0)}.app-sidebar__nav{flex-direction:column;flex:1;padding:.5rem;display:flex}.sidebar-nav-item{cursor:pointer;text-align:left;width:100%;color:var(--text,#0f172a);background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--surface-secondary,#94a3b81a)}.sidebar-nav-item--active{background:var(--brand-soft,#2563eb1a);color:var(--brand,#2563eb);font-weight:600}.sidebar-nav-item--active:hover{background:var(--brand-soft,#2563eb26)}.sidebar-nav-item__icon{text-align:center;width:22px;font-size:1.1rem}.sidebar-nav-item__label{flex:1}.sidebar-nav-item__count{background:var(--surface-secondary,#94a3b826);color:var(--muted,#64748b);border-radius:8px;padding:.1rem .45rem;font-size:.75rem;font-weight:500}.app-sidebar__section{border-top:1px solid var(--border,#94a3b826);margin-top:auto;padding:.75rem}.sidebar-section__title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#64748b);margin:0 0 .5rem .5rem;font-size:.7rem;font-weight:600}.app-sidebar__quick-actions{flex-direction:column;gap:.25rem;display:flex}.sidebar-quick-action{color:var(--muted,#64748b);background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-quick-action:hover{background:var(--surface-secondary,#94a3b81a);color:var(--text,#0f172a)}.sidebar-quick-action__icon{font-size:.9rem}.app-sidebar__footer{border-top:1px solid var(--border,#94a3b826);padding:.75rem}.sidebar-user-badge{background:var(--surface-secondary,#f1f5f9);color:var(--text,#0f172a);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-user-badge:hover{background:var(--surface-tertiary,#e2e8f0)}.sidebar-user-badge__avatar{font-size:1.1rem}.sidebar-auth-buttons{gap:.5rem;display:flex}.sidebar-auth-btn{text-align:center;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s}.sidebar-auth-btn--login{color:var(--text,#0f172a);border:1px solid var(--border,#94a3b859);background:0 0}.sidebar-auth-btn--login:hover{background:var(--surface-secondary,#f1f5f9)}.sidebar-auth-btn--register{background:var(--brand,#2563eb);text-shadow:0 1px 2px #00000026;color:var(--brand-text,#111827)!important}.sidebar-auth-btn--register:hover{background:var(--brand-strong,#1d4ed8);color:var(--brand-text,#111827)!important}.app-sidebar__recent{border-top:1px solid var(--border,#94a3b826);margin-top:0}.sidebar-recent-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-recent-item{color:var(--text,#0f172a);white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:6px;padding:.45rem .75rem;font-size:.8rem;text-decoration:none;transition:all .15s;display:block;overflow:hidden}.sidebar-recent-item:hover{background:var(--surface-secondary,#94a3b81a)}.sidebar-recent-item--active{background:var(--brand-soft,#2563eb14);color:var(--brand,#2563eb);font-weight:500}.sidebar-recent-item__title{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-view-all{color:var(--muted,#64748b);margin-top:.5rem;padding:.35rem .75rem;font-size:.75rem;text-decoration:none;transition:color .15s;display:block}.sidebar-view-all:hover{color:var(--brand,#2563eb)}.app-sidebar__context{border-top:1px solid var(--border,#94a3b826);padding:.75rem}.sidebar-context-actions{flex-direction:column;gap:.35rem;display:flex}.sidebar-context-btn{background:var(--surface-secondary,#94a3b81a);color:var(--text,#0f172a);cursor:pointer;text-align:left;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-context-btn:hover{background:var(--surface-tertiary,#94a3b82e)}.sidebar-context-btn--highlight{background:var(--brand-soft,#2563eb1a);color:var(--brand,#2563eb)}.sidebar-context-btn--highlight:hover{background:var(--brand-soft,#2563eb2e)}.sidebar-context-btn__icon{text-align:center;flex-shrink:0;width:18px;font-size:.95rem}.app-sidebar__admin{border-top:1px solid var(--border,#94a3b826);background:linear-gradient(#0000,#ef444408);margin-top:auto}.app-sidebar__admin .sidebar-section__title{color:var(--error,#ef4444)}.app-sidebar__admin-nav{flex-direction:column;gap:.15rem;display:flex}.app-sidebar__admin .sidebar-nav-item{font-size:.85rem}.app-sidebar__admin .sidebar-nav-item--active{color:var(--error,#ef4444);background:#ef44441a}.app-sidebar__admin .sidebar-nav-item--active:hover{background:#ef444426}.app-sidebar__header{border-bottom:1px solid var(--border,#94a3b826);justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem 0;display:flex}.app-sidebar__header .app-sidebar__brand{border-bottom:none;padding:.5rem 1rem}.app-sidebar__close{width:36px;height:36px;color:var(--muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-right:.5rem;transition:all .15s;display:flex}.app-sidebar__close:hover{background:var(--surface-secondary,#94a3b826);color:var(--text,#0f172a)}.sidebar-toggle{top:var(--header-height,56px);z-index:150;border:none;border-right:1px solid var(--border,#94a3b833);border-bottom:1px solid var(--border,#94a3b833);background:var(--surface,#fff);width:38px;height:38px;color:var(--text,#0f172a);cursor:pointer;border-bottom-right-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:fixed;left:0}.sidebar-toggle:hover{background:var(--surface-secondary,#f1f5f9);color:var(--brand,#2563eb)}.sidebar-toggle--active{background:var(--brand-soft,#2563eb1a);color:var(--brand,#2563eb)}.sidebar-toggle__icon{justify-content:center;align-items:center;display:flex}.sidebar-toggle__label{display:none}.app-sidebar-backdrop{inset:0;top:var(--header-height,56px);z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0006;animation:.2s forwards fadeIn;position:fixed}@keyframes fadeIn{to{opacity:1}}.app-sidebar{z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.app-sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}@media (min-width:1024px){.app-sidebar-backdrop{display:none}.app-sidebar{box-shadow:none}.sidebar-toggle{display:none}}@media (max-width:1023px){.app-sidebar{width:min(280px,85vw);min-width:min(280px,85vw)}.app-shell__body{display:block}.sidebar-toggle__label{display:none}}@media (max-width:960px){.sidebar-toggle{display:none!important}}@media (min-width:1024px){.app-sidebar{width:var(--sidebar-width,240px);min-width:var(--sidebar-width,240px);transform:translate(0)}.app-sidebar .app-sidebar__close{display:none}.app-sidebar .sidebar-nav-item__icon{flex-shrink:0}.app-shell__body{margin-left:var(--sidebar-width,240px)}}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--gap-card:var(--space-4);--gap-section:var(--space-6);--gap-nav-icon:var(--space-2);--gap-inline:var(--space-3);--spacing-xs:var(--space-2);--spacing-sm:var(--space-3);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono:ui-monospace, "SF Mono", "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--color-primary-50:#f0f5fe;--color-primary-100:#d9e5fc;--color-primary-200:#b5cbf8;--color-primary-300:#7ea5f1;--color-primary-400:#497ee9;--color-primary-500:#2060df;--color-primary-600:#2052b6;--color-primary-700:#1e448f;--color-primary-800:#1b356a;--color-primary-900:#152547;--color-secondary-50:#faf1fe;--color-secondary-100:#f0dafb;--color-secondary-200:#e0b8f5;--color-secondary-300:#c886ea;--color-secondary-400:#af57db;--color-secondary-500:#93c;--color-secondary-600:#7f30a6;--color-secondary-700:#652b82;--color-secondary-800:#4c2460;--color-secondary-900:#341c40;--color-gray-50:#f6f7f9;--color-gray-100:#e7e9ee;--color-gray-200:#d0d4dd;--color-gray-300:#aeb4c2;--color-gray-400:#8d95a5;--color-gray-500:#737b8c;--color-gray-600:#5e6778;--color-gray-700:#4b5363;--color-gray-800:#383f4d;--color-gray-900:#262b36;--color-success-50:#f2fdf6;--color-success-100:#ddf8e7;--color-success-200:#beefd0;--color-success-300:#90dfad;--color-success-400:#66cc8b;--color-success-500:#42bd6f;--color-success-600:#36a15d;--color-success-700:#2a844b;--color-success-800:#1e6639;--color-success-900:#144827;--color-warning-50:#fff9f0;--color-warning-100:#fdf0d8;--color-warning-200:#fbe0b1;--color-warning-300:#f6c879;--color-warning-400:#f1b041;--color-warning-500:#ec9c13;--color-warning-600:#c18215;--color-warning-700:#986816;--color-warning-800:#714f14;--color-warning-900:#4c3610;--color-danger-50:#fef1f1;--color-danger-100:#fbdada;--color-danger-200:#f6b6b6;--color-danger-300:#ee8181;--color-danger-400:#e44e4e;--color-danger-500:#db2424;--color-danger-600:#b62020;--color-danger-700:#921c1c;--color-danger-800:#6e1717;--color-danger-900:#4b1111;--color-info-50:#f0fafe;--color-info-100:#d9f0fc;--color-info-200:#b5e1f8;--color-info-300:#7ecbf1;--color-info-400:#49b4e9;--color-info-500:#209fdf;--color-info-600:#2084b6;--color-info-700:#1e698f;--color-info-800:#1b506a;--color-info-900:#153647;--color-background:var(--color-gray-50);--color-foreground:var(--color-gray-900);--color-border:var(--color-gray-200);--color-border-hover:var(--color-gray-300);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-text-disabled:var(--color-gray-400);--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:2000;--z-modal:2100;--z-popover:2200;--z-tooltip:3000;--z-toast:3100;--transition-fast:.15s;--transition-base:.25s;--transition-slow:.35s;--transition-slower:.5s;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--size-input-height-sm:2rem;--size-input-height-md:2.5rem;--size-input-height-lg:3rem;--size-button-height-xs:1.75rem;--size-button-height-sm:2rem;--size-button-height-md:2.5rem;--size-button-height-lg:3rem;--size-button-height-xl:3.5rem;--size-icon-xs:.75rem;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--size-icon-xl:2rem;--size-avatar-xs:1.5rem;--size-avatar-sm:2rem;--size-avatar-md:2.5rem;--size-avatar-lg:3rem;--size-avatar-xl:4rem;--size-touch-target:2.75rem}[data-theme=dark],[data-theme=midnight]{--color-background:var(--color-gray-900);--color-foreground:var(--color-gray-50);--color-border:var(--color-gray-700);--color-border-hover:var(--color-gray-600);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-400);--color-text-muted:var(--color-gray-500);--color-text-disabled:var(--color-gray-600);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-2xl:0 25px 50px -12px #0009}[data-contrast=high]{--color-text-primary:#000;--color-background:#fff;--color-border:#333}[data-theme=dark][data-contrast=high],[data-theme=midnight][data-contrast=high]{--color-text-primary:#fff;--color-background:#000;--color-border:#ccc}
:root{--color-primary-50:#e6f7f7;--color-primary-100:#b3e8e8;--color-primary-200:#80d9d9;--color-primary-300:#4dcaca;--color-primary-400:#26bbbb;--color-primary-500:#0891b2;--color-primary-600:#0e7490;--color-primary-700:#155e75;--color-primary-800:#164e63;--color-primary-900:#134e4a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-danger-900:#7f1d1d;--color-gray-25:#fcfcfd;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-background:#fff;--color-foreground:#111827;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-hover:#9ca3af;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#4b5563;--color-text-muted:#6b7280;--color-text-disabled:#9ca3af;--color-text-on-primary:#fff;--color-text-on-dark:#fff;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-muted:#f9fafb;--color-surface-secondary:#f3f4f6;--color-surface-tertiary:#e5e7eb;--btn-primary-bg:var(--brand,#0891b2);--btn-primary-bg-hover:var(--brand-strong,#0e7490);--btn-primary-text:#fff;--btn-primary-border:var(--brand,#0891b2);--btn-secondary-bg:#fff;--btn-secondary-bg-hover:#f9fafb;--btn-secondary-text:#111827;--btn-secondary-border:#d1d5db;--btn-ghost-bg:transparent;--btn-ghost-bg-hover:#f3f4f6;--btn-ghost-text:var(--brand,#0891b2);--btn-ghost-border:transparent;--btn-danger-bg:#dc2626;--btn-danger-bg-hover:#b91c1c;--btn-danger-text:#fff;--btn-danger-border:#dc2626;--input-bg:#fff;--input-border:#d1d5db;--input-border-hover:#9ca3af;--input-border-focus:var(--brand,#0891b2);--input-text:#111827;--input-placeholder:#6b7280;--status-success-bg:#ecfdf5;--status-success-border:#10b981;--status-success-text:#065f46;--status-warning-bg:#fffbeb;--status-warning-border:#f59e0b;--status-warning-text:#92400e;--status-error-bg:#fef2f2;--status-error-border:#ef4444;--status-error-text:#991b1b;--status-info-bg:#ecfeff;--status-info-border:#0891b2;--status-info-text:#155e75;--link-color:#0e7490;--link-hover-color:#155e75;--link-visited-color:#6b21a8;--link-underline:underline}[data-theme=sunrise],[data-theme=tropical]{--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#4b5563;--color-text-muted:#6b7280;--btn-primary-bg:var(--brand);--btn-primary-text:var(--brand-text,#fff);--btn-secondary-bg:#fff;--btn-secondary-text:#111827;--btn-secondary-border:#d1d5db;--input-bg:#fff;--input-border:#d1d5db;--input-text:#111827;--input-placeholder:#6b7280}[data-theme=dark],[data-theme=midnight]{--color-background:var(--bg);--color-foreground:var(--text);--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-tertiary:#d1d5db;--color-text-muted:#9ca3af;--color-text-disabled:#6b7280;--color-surface:var(--surface);--color-surface-elevated:var(--panel);--color-surface-muted:var(--surface-muted);--color-surface-secondary:var(--surface-secondary);--color-border:var(--border);--color-border-strong:var(--border-strong);--color-border-hover:var(--border-strong);--btn-primary-bg:var(--brand);--btn-primary-bg-hover:var(--brand-strong);--btn-primary-text:var(--brand-text,#0a0a0a);--btn-secondary-bg:var(--surface);--btn-secondary-bg-hover:var(--surface-muted);--btn-secondary-text:var(--text);--btn-secondary-border:var(--border);--btn-ghost-bg:transparent;--btn-ghost-bg-hover:var(--surface-muted);--btn-ghost-text:var(--brand);--input-bg:var(--panel);--input-border:var(--border);--input-border-hover:var(--border-strong);--input-border-focus:var(--brand);--input-text:var(--text);--input-placeholder:var(--muted);--status-success-bg:#34d39926;--status-success-border:#34d399;--status-success-text:#6ee7b7;--status-warning-bg:#fbbf2426;--status-warning-border:#fbbf24;--status-warning-text:#fcd34d;--status-error-bg:#f8717126;--status-error-border:#f87171;--status-error-text:#fca5a5;--status-info-bg:#60a5fa1f;--status-info-border:#60a5fa;--status-info-text:#93c5fd;--link-color:var(--brand);--link-hover-color:var(--brand-light);--link-visited-color:var(--accent-purple)}body{color:var(--text,var(--color-text-primary));background-color:var(--bg,var(--color-background))}h1,h2,h3,h4,h5,h6{color:var(--text-strong,var(--color-text-primary));font-weight:700}p{color:var(--text,var(--color-text-primary));line-height:1.6}.text-secondary{color:var(--muted-strong,var(--color-text-secondary))!important}.muted,.text-muted{color:var(--muted,var(--color-text-muted))!important}label{color:var(--text-strong,var(--color-text-primary));font-size:.9375rem;font-weight:600}a{color:var(--link-color,var(--brand));-webkit-text-decoration:var(--link-underline,underline);text-decoration:var(--link-underline,underline);text-underline-offset:2px;text-decoration-color:currentColor}a:hover{color:var(--link-hover-color,var(--brand-strong))}nav a,.nav-link,.shell-header-nav__link,.sidebar-nav-item{text-decoration:none}.btn,button.btn{border-radius:.5rem;font-weight:600;transition:all .15s}.btn--primary,.btn-primary{box-shadow:0 1px 2px #0000001a;background-color:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border:1px solid var(--btn-primary-border)!important}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #00000026;background-color:var(--btn-primary-bg-hover)!important}.btn--secondary,.btn-secondary{background-color:var(--btn-secondary-bg)!important;color:var(--btn-secondary-text)!important;border:1px solid var(--btn-secondary-border)!important}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)!important;border-color:var(--color-border-hover)!important}.btn--ghost,.btn-ghost{background-color:var(--btn-ghost-bg)!important;color:var(--btn-ghost-text)!important;border:1px solid var(--btn-ghost-border)!important}.btn--ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background-color:var(--btn-ghost-bg-hover)!important}.btn--danger,.btn-danger{background-color:var(--btn-danger-bg)!important;color:var(--btn-danger-text)!important;border:1px solid var(--btn-danger-border)!important}.btn--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-bg-hover)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{background-color:var(--input-bg)!important;border:1.5px solid var(--input-border)!important;color:var(--input-text)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover,select:hover,textarea:hover{border-color:var(--input-border-hover)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,select:focus,textarea:focus{border-color:var(--input-border-focus)!important;outline:none!important;box-shadow:0 0 0 3px #0891b233!important}input::placeholder,textarea::placeholder{color:var(--input-placeholder)!important;opacity:1!important}.card,.trip-card,.search-card,.result-card{background:var(--panel,var(--color-surface-elevated))!important;border:1px solid var(--border,var(--color-border))!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a!important}.card:hover,.trip-card:hover,.search-card:hover,.result-card:hover{border-color:var(--border-strong,var(--color-border-strong))!important;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d!important}.alert,.status-message{border-radius:.5rem;padding:.75rem 1rem;font-weight:500}.alert--success,.alert-success,.status-saved{background-color:var(--status-success-bg)!important;border:1px solid var(--status-success-border)!important;color:var(--status-success-text)!important}.alert--warning,.alert-warning,.status-syncing{background-color:var(--status-warning-bg)!important;border:1px solid var(--status-warning-border)!important;color:var(--status-warning-text)!important}.alert--error,.alert-error,.alert--danger,.status-unsaved{background-color:var(--status-error-bg)!important;border:1px solid var(--status-error-border)!important;color:var(--status-error-text)!important}.alert--info,.alert-info{background-color:var(--status-info-bg)!important;border:1px solid var(--status-info-border)!important;color:var(--status-info-text)!important}.badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.badge-primary{color:#0e7490;background:#0891b226}.badge-success,.badge.good,.badge-good{background:var(--status-success-bg);color:var(--status-success-text)}.badge-warning,.badge.warn,.badge-warn{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge-danger,.badge-error{background:var(--status-error-bg);color:var(--status-error-text)}.badge.neutral,.badge-neutral,.badge.muted,.badge-muted{color:#4b5563;background:#f3f4f6}[data-theme=dark] .badge-primary,[data-theme=midnight] .badge-primary{color:#7dd3fc;background:#38bdf833}[data-theme=dark] .badge-success,[data-theme=dark] .badge.good,[data-theme=dark] .badge-good,[data-theme=midnight] .badge-success,[data-theme=midnight] .badge.good,[data-theme=midnight] .badge-good{color:#6ee7b7;background:#34d39933}[data-theme=dark] .badge-warning,[data-theme=dark] .badge.warn,[data-theme=dark] .badge-warn,[data-theme=midnight] .badge-warning,[data-theme=midnight] .badge.warn,[data-theme=midnight] .badge-warn{color:#fcd34d;background:#fbbf2433}[data-theme=dark] .badge-danger,[data-theme=dark] .badge-error,[data-theme=midnight] .badge-danger,[data-theme=midnight] .badge-error{color:#fca5a5;background:#f8717133}[data-theme=dark] .badge.neutral,[data-theme=dark] .badge-neutral,[data-theme=dark] .badge.muted,[data-theme=dark] .badge-muted,[data-theme=midnight] .badge.neutral,[data-theme=midnight] .badge-neutral,[data-theme=midnight] .badge.muted,[data-theme=midnight] .badge-muted{color:#d1d5db;background:#9ca3af33}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-strong,var(--color-text-primary));background:var(--surface-muted,var(--color-surface-muted));border-bottom:2px solid var(--border,var(--color-border));padding:.75rem 1rem;font-weight:600}td{border-bottom:1px solid var(--border,var(--color-border));color:var(--text,var(--color-text-primary));padding:.75rem 1rem}tr:hover td{background:var(--surface-secondary,var(--color-surface-secondary))}.selected,.active,[aria-selected=true]{background:var(--brand-soft,#0891b21a)!important;border-color:var(--brand,#0891b2)!important}:focus-visible{outline:2px solid var(--brand,#0891b2);outline-offset:2px}.skip-link{background:var(--brand,#0891b2);color:#fff;font-weight:600}code,pre{background:var(--surface-secondary,#f3f4f6);color:var(--text,#111827);border:1px solid var(--border,#e5e7eb);font-family:var(--font-family-mono);border-radius:.375rem}[data-theme=dark] code,[data-theme=dark] pre,[data-theme=midnight] code,[data-theme=midnight] pre{background:var(--surface,#1f1f1f);color:var(--text,#e8e8e8);border-color:var(--border,#3a3a3a)}
:root{--color-primary-50:#e6f9f8;--color-primary-100:#ccf3f1;--color-primary-200:#99e7e3;--color-primary-300:#66dbd5;--color-primary-400:#33cfc7;--color-primary-500:#00c3b9;--color-primary-600:#00a095;--color-primary-700:#007d71;--color-primary-800:#005a4d;--color-primary-900:#003729;--color-secondary-50:#f3e6ff;--color-secondary-100:#e7ccff;--color-secondary-200:#cf99ff;--color-secondary-300:#b766ff;--color-secondary-400:#9f33ff;--color-secondary-500:#8700ff;--color-secondary-600:#6c00cc;--color-secondary-700:#510099;--color-secondary-800:#360066;--color-secondary-900:#1b0033;--color-accent-50:#fff4e6;--color-accent-100:#ffe9cc;--color-accent-200:#ffd399;--color-accent-300:#ffbd66;--color-accent-400:#ffa733;--color-accent-500:#ff9100;--color-accent-600:#cc7400;--color-accent-700:#995700;--color-accent-800:#663a00;--color-accent-900:#331d00;--color-success-50:#e8f9e6;--color-success-100:#d1f3cc;--color-success-200:#a3e799;--color-success-300:#75db66;--color-success-400:#47cf33;--color-success-500:#1ac300;--color-success-600:#159c00;--color-success-700:#107500;--color-success-800:#0a4e00;--color-success-900:#052700;--color-warning-50:#fffbe6;--color-warning-100:#fff7cc;--color-warning-200:#ffef99;--color-warning-300:#ffe766;--color-warning-400:#ffdf33;--color-warning-500:gold;--color-warning-600:#ccac00;--color-warning-700:#998100;--color-warning-800:#665600;--color-warning-900:#332b00;--color-danger-50:#ffe6e6;--color-danger-100:#fcc;--color-danger-200:#f99;--color-danger-300:#f66;--color-danger-400:#f33;--color-danger-500:red;--color-danger-600:#c00;--color-danger-700:#900;--color-danger-800:#600;--color-danger-900:#300;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-border-light:var(--color-gray-200);--color-border-medium:var(--color-gray-300);--color-border-dark:var(--color-gray-400);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,span,div,li,td,th,a,button,label{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.025em}h2{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.02em}h3{font-size:var(--text-3xl);font-weight:var(--font-bold)}h4{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-xl);font-weight:var(--font-semibold)}h6{font-size:var(--text-lg);font-weight:var(--font-medium)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);text-align:center;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-md);filter:brightness(.97);transform:translateY(1px)}.btn:focus{outline:none;box-shadow:0 0 0 4px #00c3b94d}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);color:var(--color-text-inverse);border-color:var(--color-primary-600)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-700) 100%);border-color:var(--color-primary-700)}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary-500) 0%, var(--color-secondary-600) 100%);color:var(--color-text-inverse);border-color:var(--color-secondary-600)}.btn-secondary:hover{background:linear-gradient(135deg, var(--color-secondary-600) 0%, var(--color-secondary-700) 100%);border-color:var(--color-secondary-700)}.btn-accent{background:linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-600) 100%);color:var(--color-text-inverse);border-color:var(--color-accent-600)}.btn-accent:hover{background:linear-gradient(135deg, var(--color-accent-600) 0%, var(--color-accent-700) 100%);border-color:var(--color-accent-700)}.btn-outline{color:var(--color-primary-600);border-color:var(--color-primary-500);background:0 0}.btn-outline:hover{background:var(--color-primary-50);border-color:var(--color-primary-600)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-2xl)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);border-radius:var(--radius-2xl)}.card{background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);box-sizing:border-box;width:100%;max-width:100%}.card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.card-interactive:active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-light)}.card-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card-body{margin-bottom:var(--space-6)}.card-footer{padding-top:var(--space-4);border-top:2px solid var(--color-border-light);gap:var(--space-3);flex-wrap:wrap;display:flex}.form-group{margin-bottom:var(--space-6);width:100%}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);transition:all var(--transition-base);box-sizing:border-box}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 4px #00c3b933}.form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.form-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);display:block}.form-error{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-danger-600);font-weight:var(--font-medium);display:block}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.badge-danger{background:var(--color-danger-100);color:var(--color-danger-700)}.badge.good,.badge-good{background:var(--color-success-100);color:var(--color-success-700)}.badge.warn,.badge-warn{background:var(--color-warning-100);color:var(--color-warning-700)}.badge.neutral,.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-700)}.badge.muted,.badge-muted{background:var(--color-gray-100);color:var(--color-gray-600)}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:640px){:root{--text-5xl:2.25rem;--text-4xl:1.875rem;--text-3xl:1.5rem}.container{padding:0 var(--space-4)}.card{padding:var(--space-4)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}
:root{--color-surface:var(--surface,#fff);--color-text:var(--text,#111827);--color-bg:var(--surface,#fff);--color-bg-primary:var(--surface,#fff);--color-bg-secondary:var(--surface-secondary,#f6f7fb);--color-bg-tertiary:var(--surface-muted,#f1f5f9);--color-bg-hover:color-mix(in srgb, var(--surface-secondary,#f6f7fb) 75%, var(--surface,#fff));--bg-canvas:var(--bg,#f8fafc);--surface-secondary:#f6f7fb;--color-surface-secondary:var(--surface-secondary);--color-surface-light:var(--surface-secondary,#f6f7fb);--border-strong:#9ca3af;--brand-light:#60a5fa;--surface-rgb:255, 255, 255;--map-land:#0f172a;--map-land-outline:#1e293b;--map-marker:#22d3ee;--map-marker-border:#020617}[data-theme=sunrise]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--bg-alt:#fdf5ec;--bg-image:radial-gradient(ellipse 120% 100% at 5% 0%, #f59e0b2e 0%, transparent 50%), radial-gradient(ellipse 100% 80% at 95% 15%, #6395de24 0%, transparent 50%), linear-gradient(175deg, #faf8f3 0%, #f5f3ee 100%);--bg-attachment:scroll;--panel:#fff;--surface:#fef9f3;--surface-muted:#f5f0e8;--surface-secondary:#fce8d0;--surface-rgb:254, 249, 243;--border:#ddd5cb;--divider-muted:#cdc5bb;--border-strong:#a89e94;--text:#1a1007;--text-strong:#0f0804;--muted:#4a3d2e;--muted-strong:#362b1e;--text-inverse:#fff;--text-primary:#0f0804;--text-secondary:#362b1e;--text-tertiary:#4a3d2e;--color-primary:#d4620e;--brand:#d4620e;--brand-strong:#b8520a;--brand-text:#fff;--brand-soft:#d4620e1f;--brand-soft-strong:#d4620e38;--brand-surface:#d4620e12;--brand-hover-border:#d4620e73;--brand-outline-strong:#d4620e4d;--brand-softest:#d4620e0d;--brand-light:#f0a060;--accent-teal:#0d7d74;--accent-purple:#6d28b8;--accent-warm:#c88406;--success:#167a4e;--success-surface:#167a4e17;--warn:#a86108;--warn-surface:#a8610817;--danger:#c42a20;--danger-surface:#c42a2017;--map-land:#faebd2;--map-land-outline:#e8c888;--map-marker:#d4620e;--map-marker-border:#fff;--header-bg:#ffffffe0;--header-border:#d4620e24;--pill-text:#1a0f04;--badge-success-text:#fff;--badge-warn-text:#1a0f04;--dot-ok:#167a4e;--dot-warn:#a86108;--dot-neutral:#7a6e5e;--toast-shadow:#2814001a;--select-bg:#fff;--select-border:#a89e94;--toggle-track:#cdc5bb;--toggle-thumb:#d4620e;--code-border:#cdc5bb;--modal-backdrop:#1a0f0473;--bg-secondary:#fef9f3;--border-color:#ddd5cb;--header-text:#1a0f04;--header-muted:#5c4e3e;--color-surface-secondary:var(--surface-secondary);background:#faf7f2}[data-theme=tropical]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f8fc;--bg-alt:#f7fafd;--panel:#fff;--surface:#f6fafe;--surface-muted:#ebf3fa;--surface-secondary:#e0f2fe;--surface-rgb:246, 250, 254;--bg-image:radial-gradient(ellipse 120% 100% at 10% 0%, #0ea5e929 0%, transparent 50%), radial-gradient(ellipse 100% 80% at 90% 10%, #14b8a61a 0%, transparent 50%), linear-gradient(175deg, #f0f7fc 0%, #f7fafd 100%);--bg-attachment:scroll;--border:#c8d5e0;--divider-muted:#b0beca;--border-strong:#8899a8;--text:#0a1520;--text-strong:#050a10;--muted:#2d4258;--muted-strong:#1e3040;--text-inverse:#fff;--text-primary:#050a10;--text-secondary:#1e3040;--text-tertiary:#2d4258;--color-primary:#0a7bb5;--brand:#0a7bb5;--brand-strong:#06648f;--brand-text:#fff;--brand-soft:#0a7bb51c;--brand-soft-strong:#0a7bb533;--brand-surface:#0a7bb50f;--brand-hover-border:#0a7bb566;--brand-outline-strong:#0a7bb547;--brand-softest:#0a7bb50a;--brand-light:#5cc0e8;--accent-teal:#0e8e7e;--accent-purple:#6527be;--accent-warm:#e08320;--success:#0d8055;--success-surface:#0d805514;--warn:#b57310;--warn-surface:#b5731014;--danger:#cc3030;--danger-surface:#cc303014;--map-land:#c8e4f8;--map-land-outline:#7cc4ec;--map-marker:#0a7bb5;--map-marker-border:#fff;--header-bg:#ffffffe6;--header-border:#0a7bb51f;--pill-text:#071420;--badge-success-text:#fff;--badge-warn-text:#071420;--dot-ok:#0d8055;--dot-warn:#b57310;--dot-neutral:#50687e;--toast-shadow:#0714201a;--select-bg:#fff;--select-border:#8899a8;--toggle-track:#c0cdd8;--toggle-thumb:#0a7bb5;--code-border:#b0beca;--modal-backdrop:#07142073;--bg-secondary:#eef4fa;--border-color:#b0beca;--header-text:#071420;--header-muted:#3a5068;--color-surface-secondary:var(--surface-secondary);background:#f2f8fc}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-alt:#111;--bg-image:radial-gradient(ellipse 100% 110% at 10% 10%, #60a5fa0f 0%, transparent 50%), radial-gradient(ellipse 120% 100% at 90% 0%, #6366f10d 0%, transparent 50%), linear-gradient(180deg, #08080a 0%, #0a0b10 100%);--bg-attachment:fixed;--panel:#171717;--surface:#1f1f1f;--surface-muted:#151515;--surface-translucent:#1f1f1fcc;--surface-secondary:#1b1b1b;--surface-rgb:31, 31, 31;--border:#3a3a3a;--divider-muted:#2e2e2e;--border-strong:#5a5a5a;--text:#f0f0f0;--text-strong:#fafafa;--muted:#b0b0b0;--muted-strong:#d0d0d0;--text-inverse:#0a0a0a;--text-primary:#fafafa;--text-secondary:#d0d0d0;--text-tertiary:#b0b0b0;--color-primary:#60a5fa;--brand:#60a5fa;--brand-strong:#3b82f6;--brand-text:#071420;--brand-soft:#60a5fa24;--brand-soft-strong:#60a5fa38;--brand-surface:#60a5fa14;--brand-hover-border:#60a5fa73;--brand-outline-strong:#60a5fa52;--brand-softest:#60a5fa0f;--brand-light:#93c5fd;--accent-teal:#5eead4;--accent-purple:#c4b5fd;--accent-warm:#fcd34d;--success:#6ee7b7;--success-surface:#6ee7b71f;--warn:#fcd34d;--warn-surface:#fcd34d1f;--danger:#fca5a5;--danger-surface:#fca5a51f;--map-land:#0f172a;--map-land-outline:#1e293b;--map-marker:#60a5fa;--map-marker-border:#020617;--header-bg:#0a0a0aeb;--header-border:#3a3a3ab3;--pill-text:#e8e8e8;--badge-success-text:#071420;--badge-warn-text:#071420;--dot-ok:#34d399;--dot-warn:#fbbf24;--dot-neutral:#787878;--toast-shadow:#00000080;--select-bg:#171717;--select-border:#3a3a3a;--toggle-track:#3a3a3a;--toggle-thumb:#60a5fa;--code-border:#3a3a3a;--modal-backdrop:#000000b3;--bg-secondary:#111;--border-color:#3a3a3a;--header-text:#e8e8e8;--header-muted:#a0a0a0;--color-surface-secondary:var(--surface-secondary);--color-surface-light:color-mix(in srgb, var(--surface) 85%, #fff 15%);background:#0a0a0a}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1220;--bg-alt:#101828;--bg-image:radial-gradient(ellipse 110% 100% at 15% 8%, #60a5fa0d 0%, transparent 45%), radial-gradient(ellipse 100% 90% at 85% 5%, #6366f10a 0%, transparent 45%), linear-gradient(175deg, #0c1424 0%, #0e1830 100%);--bg-attachment:fixed;--panel:#1a2538;--surface:#1e2d44;--surface-muted:#162030;--surface-translucent:#1a2538d9;--surface-secondary:#141e30;--surface-rgb:30, 45, 68;--border:#384860;--divider-muted:#2c3c52;--border-strong:#5a7090;--text:#e8eef4;--text-strong:#f5f8fa;--muted:#a8b8cc;--muted-strong:#c0d0e0;--text-inverse:#0c1220;--text-primary:#f5f8fa;--text-secondary:#b8c8d8;--text-tertiary:#9eb0c4;--color-primary:#38bdf8;--brand:#60a5fa;--brand-strong:#3b82f6;--brand-text:#071420;--brand-soft:#60a5fa24;--brand-soft-strong:#60a5fa38;--brand-surface:#60a5fa14;--brand-hover-border:#60a5fa73;--brand-outline-strong:#60a5fa52;--brand-softest:#60a5fa0f;--brand-light:#93c5fd;--accent-teal:#5eead4;--accent-purple:#c4b5fd;--accent-warm:#fcd34d;--success:#6ee7b7;--success-surface:#6ee7b71f;--warn:#fcd34d;--warn-surface:#fcd34d1f;--danger:#fca5a5;--danger-surface:#f871711f;--map-land:#0c1628;--map-land-outline:#1a2840;--map-marker:#60a5fa;--map-marker-border:#020617;--header-bg:#0a1018eb;--header-border:#2c3e54a6;--pill-text:#dce4ec;--badge-success-text:#071420;--badge-warn-text:#071420;--dot-ok:#34d399;--dot-warn:#fbbf24;--dot-neutral:#687e94;--toast-shadow:#00000080;--select-bg:#141e2e;--select-border:#2c3e54;--toggle-track:#2c3e54;--toggle-thumb:#60a5fa;--code-border:#2c3e54;--modal-backdrop:#060a10b3;--bg-secondary:#0e1620;--border-color:#2c3e54;--header-text:#dce4ec;--header-muted:#8a9bb0;--color-surface-secondary:var(--surface-secondary);--color-surface-light:color-mix(in srgb, var(--surface) 85%, #fff 15%);background:linear-gradient(175deg,#0a1220 0%,#0e1a2e 50%,#0a1018 100%)}body{color:var(--text);background:var(--bg)}h1,h2,h3,h4,h5,h6{color:var(--text-strong)}a{color:var(--brand)}a:hover{color:var(--brand-strong)}.text-muted,.muted{color:var(--muted)}code,pre{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn--primary{background:var(--brand);color:var(--brand-text)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--ghost{color:var(--text);background:0 0}
.skip-links{z-index:var(--z-modal);position:absolute;top:0;left:0}.skip-link{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background:var(--color-primary-400);border:2px solid var(--color-primary-600);border-radius:0 0 var(--radius-md) 0;white-space:nowrap;transition:top var(--transition-fast) var(--ease-out);text-decoration:none;position:absolute;top:-100px;left:0}.skip-link:focus{outline:3px solid var(--color-primary-600);outline-offset:2px;top:0}.skip-link:hover{background:var(--color-primary-500);color:#fff}:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible),.focus-trap:focus{outline:none}.sr-only,.sr-feedback{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}[role=banner],[role=main],[role=contentinfo],[role=navigation],[role=complementary],[role=search]{position:relative}[data-debug=landmarks] [role=banner]:before,[data-debug=landmarks] [role=main]:before,[data-debug=landmarks] [role=contentinfo]:before,[data-debug=landmarks] [role=navigation]:before,[data-debug=landmarks] [role=complementary]:before,[data-debug=landmarks] [role=search]:before{content:attr(role) " " attr(aria-label);z-index:9999;color:#fff;pointer-events:none;background:#f00c;border-radius:0 0 4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700;position:absolute;top:0;left:0}.keyboard-shortcuts{bottom:var(--space-4);right:var(--space-4);z-index:var(--z-modal);max-width:400px;padding:var(--space-6);background:var(--color-gray-900);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transform:translateX(calc(100% + var(--space-4)));transition:transform var(--transition-normal) var(--ease-out);position:fixed}.keyboard-shortcuts--visible{transform:translate(0)}.keyboard-shortcuts__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.keyboard-shortcuts__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.keyboard-shortcuts__close{color:#fff;cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:background var(--transition-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.keyboard-shortcuts__close:hover{background:#ffffff1a}.keyboard-shortcuts__list{margin:0;padding:0;list-style:none}.keyboard-shortcuts__item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid #ffffff1a;display:flex}.keyboard-shortcuts__item:last-child{border-bottom:none}.keyboard-shortcuts__description{font-size:var(--font-size-sm);color:#fffc}.keyboard-shortcuts__keys{gap:var(--space-1);flex-shrink:0;display:flex}.keyboard-shortcuts__key{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);border-radius:var(--radius-sm);background:#fff;border:1px solid #0000001a;font-family:monospace;box-shadow:0 2px #0000001a}@media (prefers-contrast:high){.skip-link{border-width:3px}.skip-link:focus,:focus-visible{outline-width:4px}}[data-theme=dark] .skip-link{color:#fff;background:var(--color-primary-600);border-color:var(--color-primary-400)}[data-theme=dark] .skip-link:hover{background:var(--color-primary-500)}[data-theme=dark] :focus-visible{outline-color:var(--color-primary-400)}@media (max-width:768px){.keyboard-shortcuts{bottom:var(--space-2);right:var(--space-2);left:var(--space-2);max-width:none;padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.skip-link,.keyboard-shortcuts{transition:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=dark] .muted,[data-theme=midnight] .muted,[data-theme=dark] p.muted,[data-theme=dark] span.muted,[data-theme=dark] small.muted,[data-theme=dark] .field-hint,[data-theme=dark] .mobile-menu__link-helper,[data-theme=dark] .trip-list-item__summary,[data-theme=dark] .groups-card__meta,[data-theme=midnight] p.muted,[data-theme=midnight] span.muted,[data-theme=midnight] small.muted,[data-theme=midnight] .field-hint,[data-theme=midnight] .mobile-menu__link-helper,[data-theme=midnight] .trip-list-item__summary,[data-theme=midnight] .groups-card__meta{color:#c5d7ff!important}::placeholder{color:#9cb3dd;opacity:1}input::placeholder,textarea::placeholder{color:#9cb3dd}@media (max-width:768px){button,.action-chip,.cta,.btn,a.btn,[role=button]{min-width:44px;min-height:44px;padding:12px 16px}.action-chip--sm,.btn--sm{min-height:44px;padding:10px 14px}.shell-header-link,.mobile-menu__link,nav a{min-height:44px;padding:12px 16px}.toggle-visibility,.mobile-menu__close,.shell-mobile-menu-trigger,.icon-button,button[aria-label]:not([aria-label=""]){justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px;padding:12px 16px;font-size:16px}input[type=checkbox],input[type=radio]{width:24px;height:24px}input[type=checkbox]+label,input[type=radio]+label{cursor:pointer;align-items:center;min-height:44px;padding:10px 8px;display:flex}label:has(input[type=checkbox]){cursor:pointer;align-items:center;min-height:44px;padding:10px 8px;display:flex}label:has(input[type=radio]){cursor:pointer;align-items:center;min-height:44px;padding:10px 8px;display:flex}.trip-card,.groups-card,.trip-list-item{min-height:80px}.trip-list-item__action,.trip-card__action{min-width:80px;min-height:44px}}.form-field.has-error input,.form-field.has-error textarea,.form-field.has-error select,input:invalid:not(:focus):not(:placeholder-shown),textarea:invalid:not(:focus):not(:placeholder-shown){border-color:var(--danger,#f87171);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-width:2px;padding-right:40px}.form-field.has-success input,.form-field.has-success textarea,input:valid:not(:focus):not(:placeholder-shown){border-color:var(--success,#22d3ee);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.field-error,.form-error{color:#fca5a5;align-items:flex-start;gap:6px;margin-top:6px;font-size:.9rem;line-height:1.4;display:flex}.field-error:before,.form-error:before{content:"⚠";flex-shrink:0;font-size:1.1em}label.required:after,label[aria-required=true]:after{content:" *";color:var(--danger,#f87171);margin-left:2px;font-weight:700}.kbd,kbd{color:var(--text,#f6f9ff);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;padding:3px 7px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:.85em;line-height:1;display:inline-block;box-shadow:0 2px #00000026}.loading,[aria-busy=true]{position:relative}.loading:after{content:"";pointer-events:none;background:#0000000d;position:absolute;inset:0}@media (max-width:767px){main,.shell-content,.lpt-container{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}button[aria-label]:not([aria-label=""]):not(:has(span)):not(:has(.sr-only)){position:relative}button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}@media print{.skip-link,.keyboard-shortcuts,.mobile-menu-overlay,.toast-container{display:none!important}*{color:#000!important;box-shadow:none!important;background:#fff!important}a[href^=http]:after{content:" (" attr(href) ")";word-break:break-all;font-size:.8em}a[href^=\#]:after,a[href^=\/]:after{content:""}}
@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton,.skeleton:before,.skeleton:after,.pulse,.ripple,.ripple-active,.toast,.fade-in,.slide-in,.bounce{animation:none!important}:focus-visible{transition:outline-color .01ms!important}.modal,.dropdown,.tooltip{transition:opacity .01ms!important;transform:none!important}.scroll-reveal,.parallax{transform:none!important}.collapsible,.accordion{transition:height!important}.shell-header,.mobile-nav,.mobile-menu,.page-section,.bottom-sheet__content,[style*=backdrop-filter]{-webkit-backdrop-filter:blur(4px)!important}}@media (max-width:768px){.shell-header,.mobile-nav{-webkit-backdrop-filter:blur(12px)!important}}.no-motion{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.loading-spinner{opacity:.6;animation:none}.btn:hover,.btn:active{transition:background-color,color}.checkbox:checked,.toggle:checked,.skip-link,.tab-panel{transition:none}.modal-backdrop{transition:opacity .1s}.toast{opacity:1;animation:none}.progress-bar{animation:none}.loading-skeleton{opacity:.5;animation:none}}
[class*=SwiftOrShakespeareGame_gameContainer],[class*=MyrandaGame_gameContainer],[class*=GeneralTriviaGame_container]{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:20px 18px 96px;overflow:visible}[class*=SwiftOrShakespeareGame_questionCard],[class*=MyrandaGame_questionCard],[class*=GeneralTriviaGame_questionCard]{max-width:100%}[class*=SwiftOrShakespeareGame_nextButton],[class*=MyrandaGame_nextButton],[class*=GeneralTriviaGame_nextButton],[class*=GeneralTriviaGame_continueButton]{justify-content:center;width:100%;max-width:520px;margin:18px auto 0}@media (max-width:900px){[class*=SwiftOrShakespeareGame_gameContainer],[class*=MyrandaGame_gameContainer],[class*=GeneralTriviaGame_container]{padding:18px 14px 90px}}@media (max-width:640px){[class*=SwiftOrShakespeareGame_gameContainer],[class*=MyrandaGame_gameContainer],[class*=GeneralTriviaGame_container]{min-height:calc(100dvh - 120px);padding:16px 12px 110px}}
:root{--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .6, 1);--lift-hover:translateY(-2px);--lift-active:translateY(0);--card-shadow-rest:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--card-shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--card-shadow-active:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--search-shadow:0 2px 8px #00000014;--search-card-gap:clamp(1rem, 2vw, 1.5rem);--search-filter-width:minmax(280px, 340px);--hero-overlay-dark:#030916f2;--hero-overlay-medium:#08162db3;--hero-text-shadow:0 2px 8px #000c, 0 4px 16px #0009;--grid-gap-sm:clamp(1rem, 2vw, 1.5rem);--grid-gap-md:clamp(1.5rem, 3vw, 2rem);--grid-gap-lg:clamp(2rem, 4vw, 3rem);--focus-ring:3px solid var(--brand);--focus-offset:2px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark],[data-theme=midnight]{--card-shadow-rest:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--card-shadow-hover:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--search-shadow:0 2px 8px #0000004d}
.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-all-slow{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .2s}.transition-none{transition:none}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-opacity{transition:opacity .2s}.hover-opacity:hover{opacity:.8}.focus-ring:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.focus-ring-inset:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.spinner{animation:1s linear infinite spin}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.shimmer{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-muted) 50%, var(--surface) 100%);background-size:1000px 100%;animation:2s infinite shimmer}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}.gpu-accelerate{will-change:transform;transform:translateZ(0)}.gpu-accelerate-opacity{will-change:opacity}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile,.hide-desktop{display:none!important}}.async-loading{text-align:center;color:var(--muted,#737373);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:2rem 1rem;display:flex}.async-loading__spinner{border:3px solid var(--border,#e5e7eb);border-top-color:var(--brand,#0a7bb5);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.async-loading__text{font-size:.875rem;font-weight:500}.async-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:160px;padding:2.5rem 1.5rem;display:flex}.async-empty__icon{opacity:.5;font-size:2rem;line-height:1}.async-empty__title{color:var(--text-strong,var(--text,#171717));margin:0;font-size:1rem;font-weight:600}.async-empty__description{color:var(--muted,#737373);max-width:320px;margin:0;font-size:.875rem;line-height:1.5}.async-empty__action{margin-top:.5rem}.async-error{text-align:center;border-radius:var(--radius-md,8px);background:color-mix(in srgb, var(--danger,#ef4444) 6%, transparent);border:1px solid color-mix(in srgb, var(--danger,#ef4444) 20%, transparent);flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;display:flex}.async-error__message{color:var(--danger,#ef4444);margin:0;font-size:.875rem;font-weight:500}.async-error__action{margin-top:.25rem}.async-success{border-radius:var(--radius-md,8px);background:color-mix(in srgb, var(--success,#22b573) 8%, transparent);border:1px solid color-mix(in srgb, var(--success,#22b573) 20%, transparent);color:var(--success-text,var(--success,#22b573));align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-muted,#f0f0f0) 25%, var(--surface,#e8e8e8) 50%, var(--surface-muted,#f0f0f0) 75%);border-radius:var(--radius-sm,4px);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton--text{width:80%;height:.875rem;margin:.25rem 0}.skeleton--title{width:60%;height:1.25rem;margin:.35rem 0}.skeleton--card{border-radius:var(--radius-lg,12px);height:180px}.skeleton--avatar{border-radius:50%;width:40px;height:40px}.skeleton--button{border-radius:var(--radius-md,8px);width:100px;height:40px}:focus-visible{outline:2px solid var(--brand,#0a7bb5);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand,#0a7bb5);outline-offset:2px;border-radius:var(--radius-sm,4px)}button:disabled,.action-chip:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:reduce){.transition-all,.transition-all-slow,.transition-transform,.transition-opacity,.hover-lift,.hover-scale{transition:none!important}.spinner,.pulse,.shimmer,.skeleton,.async-loading__spinner{animation:none!important}}
:root{--form-control-height:3.25rem;--form-control-radius:1rem;--form-control-padding-y:.85rem;--form-control-padding-x:1rem;--form-control-gap:.45rem;--form-control-focus-ring:color-mix(in srgb, var(--brand) 30%, transparent);--form-control-shadow:0 1px 2px #0f172a0f;--form-control-shadow-focus:0 8px 20px #0f172a2e}@supports not (color:color-mix(in srgb, white 0%, black 100%)){:root{--form-control-focus-ring:#2563eb40}}@media (min-width:1024px){:root{--form-control-height:2.75rem;--form-control-radius:.9rem;--form-control-padding-y:.65rem;--form-control-padding-x:.9rem;--form-control-gap:.4rem}}.field,.form-field{gap:var(--form-control-gap);flex-direction:column;display:flex}.field-label,.form-field>label{font-size:var(--font-size-sm,.875rem);color:var(--text-strong,var(--text));letter-spacing:.02em;font-weight:600}.field-hint{color:var(--muted);margin:0;font-size:.85rem}.field-error{color:var(--danger,#ef4444);margin:0;font-size:.85rem;font-weight:600}.field-stack{gap:var(--space-4);display:grid}.field-stack--columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{width:100%;min-height:var(--form-control-height);padding:var(--form-control-padding-y) var(--form-control-padding-x);border-radius:var(--form-control-radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;box-shadow:var(--form-control-shadow);appearance:none;transition:border-color var(--transition-fast,.2s) ease, box-shadow var(--transition-fast,.2s) ease, background var(--transition-fast,.2s) ease;line-height:1.4}textarea{resize:vertical;min-height:7rem}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 1.45rem) calc(50% - .1rem),calc(100% - 1rem) calc(50% - .1rem);background-repeat:no-repeat;background-size:8px 8px;padding-right:2.75rem}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--form-control-focus-ring), var(--form-control-shadow-focus);background:var(--surface);background:#f5f7fd;background:color-mix(in srgb, var(--surface) 88%, var(--brand-soft,#2563eb14) 12%);outline:none}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65;background:var(--surface-muted,var(--surface));color:var(--muted);box-shadow:none}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--brand);cursor:pointer}.field--error input,.field--error select,.field--error textarea,.form-field input:invalid:not(:placeholder-shown),.form-field select:invalid:not(:placeholder-shown),.form-field textarea:invalid:not(:placeholder-shown){border-color:var(--danger,#ef4444);box-shadow:0 0 0 3px #ef444433, var(--form-control-shadow);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger,#ef4444) 20%, transparent), var(--form-control-shadow)}.chip-group{flex-wrap:wrap;gap:.5rem;display:flex}.auto-fix-summary{margin-bottom:.75rem}.auto-fix-feedback{flex-direction:column;gap:.4rem;margin:0;padding-left:1.15rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-width:0;max-width:100%;padding:.45rem 1rem;font-size:.9rem;font-weight:600;line-height:1.2;transition:border-color .2s,box-shadow .2s,color .2s,background .2s,transform .18s,filter .18s;display:inline-flex;overflow:hidden}.chip:hover{border-color:var(--brand);color:var(--brand-strong,var(--brand));box-shadow:var(--card-shadow-rest,0 8px 16px #0f172a24)}.chip:active:not(:disabled){filter:brightness(.98);transform:translateY(1px)}.chip.active,.chip[aria-pressed=true]{background:linear-gradient(135deg, var(--brand), var(--brand-strong,var(--brand)));color:#fff;border-color:var(--brand);font-weight:700;box-shadow:0 6px 16px #0003}.modal .chip.active,.modal .chip[aria-pressed=true],.ai-generator .chip.active,.ai-generator .chip[aria-pressed=true]{background:linear-gradient(135deg, var(--brand), var(--brand-strong,var(--brand)));color:#fff;border-color:var(--brand);transform:scale(1.02);box-shadow:0 6px 16px #00000040}.action-chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;min-width:0;max-width:100%;padding:.8rem 1.2rem;font-size:.98rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .2s,border-color .2s,background .2s,color .2s,filter .18s;display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f}.action-chip:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a2e,0 4px 8px #0f172a1f}.action-chip:active:not(:disabled){filter:brightness(.98);transform:translateY(1px)}.action-chip:focus-visible{outline:3px solid #2563eb66;outline:3px solid color-mix(in srgb, var(--brand) 40%, transparent);outline-offset:2px}.action-chip:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.action-chip--sm{border-radius:10px;padding:.6rem .9rem;font-size:.9rem}.action-primary{background:var(--brand,#2563eb);color:var(--brand-text,#fff);border-color:var(--brand-strong,var(--brand,#1e40af));text-shadow:0 1px 1px #0000001a;font-weight:600;box-shadow:0 4px 12px #00000026}.action-primary:hover{background:var(--brand-strong,#1d4ed8);box-shadow:0 6px 16px #0003}.action-secondary{background:#f5f7fd;background:color-mix(in srgb, var(--surface) 88%, #2563eb14);color:var(--text);border-color:#668fe4;border-color:color-mix(in srgb, var(--brand) 60%, var(--border))}.action-secondary:hover{background:#edf1fc;background:color-mix(in srgb, var(--surface) 80%, #2563eb24)}.action-ghost{background:#fafafb;background:color-mix(in srgb, var(--surface) 92%, #94a3b814);color:var(--text);border-color:var(--border)}.action-ghost:hover{border-color:var(--brand);color:var(--brand-strong,var(--brand))}.action-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#0000;box-shadow:0 12px 24px #ef444452}.action-danger:hover{filter:brightness(.97)}.chip:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.chip.good{border-color:var(--success,#059669);color:var(--success,#059669);background:var(--success-surface,#10b9811f)}.chip.warn{border-color:var(--warn,#d97706);color:var(--warn,#d97706);background:var(--warn-surface,#d977061f)}.chip.muted{color:var(--muted);border-color:var(--border);background:var(--surface)}.icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.icon-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft,#2563eb1a)}.icon-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pairmatch-form{gap:var(--space-5);flex-direction:column;display:flex}.pairmatch-form__header{gap:.75rem;display:grid}.pairmatch-form__header h2{letter-spacing:-.02em;color:var(--text-strong,var(--text));margin:0;font-size:clamp(1.5rem,3vw,2rem)}.pairmatch-form__header .muted{margin:0}.pairmatch-form__body{gap:var(--space-5);display:grid}.pairmatch-form__section{gap:var(--space-4);display:grid}.pairmatch-section-title{color:var(--text-strong,var(--text));margin:0;font-size:1.15rem}.pairmatch-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pairmatch-inline{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.pairmatch-weekend,.pairmatch-trip-lengths{flex-wrap:wrap;gap:.5rem;display:flex}.pairmatch-trip-lengths__custom{min-width:min(200px,100%)}.pairmatch-list{gap:var(--space-3);display:grid}.pairmatch-list__row{background:var(--surface-secondary,#94a3b814);border:1px solid var(--border);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .75rem;display:grid}.pairmatch-list__row .rank{background:var(--brand-soft,#2563eb1f);width:36px;height:36px;color:var(--brand-strong,var(--brand));border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.pairmatch-form__actions{justify-content:flex-end;display:flex}.pairmatch-form__error{margin-top:var(--space-4);padding:var(--space-3);background:var(--danger-surface,#ef44441f);color:var(--danger,#ef4444);border:1px solid #ef444459;border-radius:1rem;font-weight:600}@media (max-width:720px){.pairmatch-inline{grid-template-columns:1fr}.pairmatch-form__actions{justify-content:stretch}.pairmatch-form__actions .action-chip{justify-content:center;width:100%}}@media (max-width:640px){:root{--form-control-height:3rem;--form-control-padding-y:.75rem}}.modal-backdrop{z-index:var(--z-modal-backdrop,1040);background:var(--modal-backdrop,#0009);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop__button{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;padding:1rem;padding-top:max(1rem, env(safe-area-inset-top,0px));padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));background:#020617b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{z-index:1;background:var(--panel,var(--surface));border:1px solid var(--border);width:min(560px,100%);max-height:min(90dvh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1.5rem));color:var(--text);border-radius:1.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000040}.modal--wide{width:min(880px,100%);max-height:min(92dvh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1.5rem))}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.modal__header h2{margin:0;font-size:1.25rem;font-weight:600}.modal__close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .15s}.modal__close:hover{color:var(--text)}@media (hover:none) and (pointer:coarse){.modal__close{justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:0;display:inline-flex}}.modal__body{flex:1;padding:1.5rem;overflow-y:auto}.modal__intro{color:var(--muted);margin:0 0 1.5rem;line-height:1.5}.modal__footer{border-top:1px solid var(--border);background:var(--surface-muted,var(--surface));justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.modal--joint-trip{width:min(480px,100%)}.joint-trip__collaborator-row{align-items:center;gap:.5rem;display:flex}.joint-trip__collaborator-row input{flex:1}.joint-trip__checkbox{cursor:pointer;background:var(--surface-secondary,#94a3b814);border:1px solid var(--border);border-radius:.75rem;align-items:flex-start;gap:.625rem;padding:.75rem;transition:border-color .15s,background .15s;display:flex}.joint-trip__checkbox:hover{border-color:var(--brand);background:var(--brand-softest,#3b82f60d)}.joint-trip__checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--brand);cursor:pointer;flex-shrink:0;margin-top:.1rem}.joint-trip__checkbox span{color:var(--text);font-size:.9rem;line-height:1.4}.import-modal__header{border-bottom:1px solid var(--border);background:var(--surface-muted,var(--surface));justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex}@media (min-width:641px){.import-modal__scrollable>.import-modal__header{z-index:2;gap:1rem;padding:.75rem 0 1rem;position:sticky;top:0}.import-modal__scrollable>.import-modal__header .import-modal__title h2{margin-bottom:.25rem;font-size:1.25rem}.import-modal__scrollable>.import-modal__header .import-modal__title .muted{font-size:.9rem;line-height:1.35}}.import-modal__title h2{color:var(--text-strong,var(--text));margin:0 0 .5rem;font-size:1.5rem;font-weight:600;line-height:1.3}.import-modal__title .muted{max-width:520px;margin:0;font-size:1rem;line-height:1.5}.import-modal__header-actions{flex-shrink:0;align-items:flex-start;gap:.75rem;display:flex}.import-modal__close{width:40px;height:40px;color:var(--text-muted,var(--text));cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:none}.import-modal__close:hover{background:var(--surface-secondary,#0000000d);color:var(--text)}.import-modal__close:active{background:var(--surface-tertiary,#0000001a)}.import-modal__close svg{width:20px;height:20px}.import-traveler-section{background:var(--surface-secondary,#94a3b80f);border:1px solid var(--border,#94a3b833);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.import-traveler-section .field-label{text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#64748b);white-space:nowrap;font-size:.78rem;font-weight:600}.import-traveler-section .chip-group{gap:.35rem}.import-traveler-section .chip{min-height:30px;padding:.3rem .65rem;font-size:.82rem}.import-modal__scrollable{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.import-modal__form{background:var(--panel,var(--surface,#fff));isolation:isolate;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.import-url-row{align-items:center;gap:.5rem;display:flex}.import-url-row input{flex:1;min-width:0}.import-text-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.import-modal__form label{z-index:1;background:inherit;flex-direction:column;gap:.5rem;display:flex;position:relative}.import-modal__form label>span:first-child{color:var(--text-strong,var(--text));font-size:.95rem;font-weight:600;line-height:1.4}.import-modal__form .muted{margin-top:.25rem;font-size:.9rem;line-height:1.5}.import-modal__form textarea,.import-modal__form input[type=text],.import-modal__form input[type=url]{padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.import-modal__form textarea{resize:vertical;min-height:140px}.import-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--surface-muted,var(--surface));z-index:1;isolation:isolate;border-radius:1.25rem;padding:1.5rem 1.25rem;transition:border-color .2s,background .2s;display:block;position:relative;transform:none!important}.import-dropzone:hover{border-color:var(--brand);background:var(--brand-softest,#3b82f60d);transform:none!important}.import-dropzone--active{border-color:var(--brand);background:var(--brand-soft,#3b82f61a);border-width:3px}.import-dropzone__icon{opacity:.8;margin-bottom:1rem;font-size:3rem}.import-dropzone__text{color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.import-dropzone__hint{color:var(--muted);z-index:1;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0 0;font-size:.95rem;display:flex;position:relative}.import-dropzone__hint>span:first-child{margin-bottom:.25rem;line-height:1.5;display:block}.import-dropzone__hint .btn{z-index:2;flex-shrink:0;margin:0;position:relative}.import-dropzone__buttons{z-index:2;flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex;position:relative}.import-dropzone__filename{color:var(--success,#059669);word-break:break-word;margin:1rem 0 0;padding:0 1rem;font-size:.9rem;font-weight:600;line-height:1.5}.import-dropzone__support{color:var(--muted);margin:.75rem 0 0;padding:0 1rem;font-size:.85rem;line-height:1.6}.import-attachment-list{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.import-attachment-list li{background:var(--surface-secondary,var(--surface));border:1px solid var(--border);word-break:break-word;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.95rem;line-height:1.5;transition:all .15s;display:flex}.import-attachment-list li:hover{border-color:var(--brand);background:var(--brand-softest,#3b82f608)}.import-attachment-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.import-attachments{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.import-attachments__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.import-attachments__title{margin:0;font-size:1rem;font-weight:600}.import-attachment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.import-attachment-card{background:var(--surface-secondary,var(--surface));border:1px solid var(--border);cursor:grab;border-radius:.85rem;grid-template-columns:64px 1fr;gap:.75rem;padding:.85rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.import-attachment-card:active{cursor:grabbing}.import-attachment-card.is-dragging{opacity:.7;transform:scale(.98)}.import-attachment-card.is-dragover{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.import-attachment-card.is-previewed{border-color:var(--brand)}.import-attachment-card.is-replacing{border-color:var(--warn,#f59e0b)}.import-attachment-thumb{background:var(--surface);border:1px solid var(--border);width:64px;height:64px;color:var(--muted-strong);text-transform:uppercase;letter-spacing:.06em;border-radius:.75rem;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.import-attachment-thumb img{object-fit:cover;width:100%;height:100%;display:block}.import-attachment-ext{text-align:center;padding:0 .4rem}.import-attachment-body{flex-direction:column;gap:.35rem;min-width:0;display:flex}.import-attachment-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.import-attachment-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.import-attachment-size{color:var(--muted);flex-shrink:0;font-size:.75rem}.import-attachment-meta{color:var(--muted);flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.import-attachment-meta__note{color:var(--brand);font-weight:600}.import-attachment-actions{flex-wrap:wrap;gap:.5rem;display:flex}.import-attachment-actions .btn,.import-attachment-actions a{white-space:nowrap}.import-preview{border:1px solid var(--border);border-radius:.5rem;margin-top:.75rem;overflow:hidden}.import-preview__header{background:var(--surface-secondary,var(--surface));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.import-preview__header h3{margin:0;font-size:.9rem}.import-preview__body{background:var(--surface);white-space:pre-wrap;word-break:break-word;max-height:200px;margin:0;padding:.75rem;font-size:.8rem;overflow:auto}.import-preview__media{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.import-preview__media img{object-fit:contain;border:1px solid var(--border);border-radius:.5rem;width:100%;max-height:320px}.import-attachments{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.import-attachment{background:var(--surface-secondary,var(--surface));border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.85rem;display:inline-flex}.import-attachment__remove{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.import-attachment__remove:hover{color:var(--danger)}.modal-error{background:var(--danger-soft,#ef44441a);border:1px solid var(--danger,#ef4444);color:var(--danger,#dc2626);border-radius:.75rem;margin:0;padding:.875rem 1rem;font-size:.9rem;font-weight:500;line-height:1.5}.import-modal__form hr{border:none;border-top:1px solid var(--border);opacity:.5;margin:.5rem 0}.imp-modal--v2{max-height:90vh;width:min(960px,94vw)!important;max-width:none!important}.imp-modal--v2 .imp-modal__form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.imp-modal--v2 .imp-modal__scrollable{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.imp-v2__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.imp-v2__header h2{margin:0;font-size:1.2rem;font-weight:800}.imp-v2__header .muted{margin:.2rem 0 0;font-size:.85rem}.imp-v2__close{color:var(--muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.2rem}.imp-v2__close:hover{color:var(--text,#f8fafc)}.imp-v2__grid{grid-template-columns:.85fr 1.15fr .7fr;gap:1rem;min-height:280px;display:grid}@media (max-width:700px){.imp-v2__grid{grid-template-columns:1fr}}.imp-v2__dropzone{border:2px dashed var(--border-strong,#94a3b833);text-align:center;cursor:pointer;background:#0ea5a405;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:2rem 1rem;transition:border-color .2s,background .2s;display:flex}.imp-v2__dropzone:hover,.imp-v2__dropzone--active{border-color:var(--brand,#0ea5a4);background:#0ea5a40d}.imp-v2__dropzone-icon{margin-bottom:.6rem;font-size:2.5rem}.imp-v2__dropzone-title{color:var(--text,#f8fafc);font-size:1rem;font-weight:700}.imp-v2__dropzone-sub{color:var(--muted,#64748b);margin-top:.2rem;font-size:.82rem}.imp-v2__browse-link{color:var(--brand,#0ea5a4);cursor:pointer;font-weight:600}.imp-v2__dropzone-buttons{gap:.3rem;margin-top:.5rem;display:flex}.imp-v2__dropzone-types{color:var(--muted,#475569);margin-top:.4rem;font-size:.6rem}.imp-v2__inputs{flex-direction:column;gap:.5rem;display:flex}.imp-v2__field{flex-direction:column;gap:.2rem;display:flex}.imp-v2__label{color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.imp-v2__url-row{gap:.3rem;display:flex}.imp-v2__input,.imp-v2__textarea{background:var(--surface-secondary,#94a3b80f);border:1px solid var(--border,#94a3b833);color:var(--text,#f8fafc);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:.55rem .7rem;font-family:inherit;font-size:.85rem}.imp-v2__input:focus,.imp-v2__textarea:focus{border-color:var(--brand,#0ea5a4)}.imp-v2__textarea{resize:none;flex:1;min-height:120px}.imp-v2__text-header{justify-content:space-between;align-items:center;display:flex}.imp-v2__settings{flex-direction:column;gap:.65rem;display:flex}.imp-v2__setting-group{flex-direction:column;gap:.25rem;display:flex}.imp-v2__toggle-stack{flex-direction:column;gap:.2rem;display:flex}.imp-v2__toggle{background:var(--surface-secondary,#94a3b80f);border:1px solid var(--border,#94a3b826);color:var(--muted,#64748b);cursor:pointer;text-align:center;border-radius:8px;padding:.45rem .65rem;font-family:inherit;font-size:.8rem;transition:all .15s}.imp-v2__toggle:hover{border-color:var(--border-strong,#94a3b84d)}.imp-v2__toggle--active{color:#93c5fd;background:#3b82f614;border-color:#3b82f633;font-weight:600}.imp-v2__toggle--danger.imp-v2__toggle--active{color:#fca5a5;background:#ef444414;border-color:#ef444433}.imp-v2__hint{color:var(--muted,#64748b);font-size:.65rem}.imp-v2__btn-sm{background:var(--surface-secondary,#94a3b81a);border:1px solid var(--border,#94a3b826);color:var(--muted,#94a3b8);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.4rem .75rem;font-family:inherit;font-size:.78rem;transition:border-color .15s}.imp-v2__btn-sm:hover{border-color:var(--brand,#0ea5a4);color:var(--text,#f8fafc)}.imp-v2__btn-sm:disabled{opacity:.5;cursor:not-allowed}.imp-v2__attachments{border-top:1px solid var(--border,#94a3b81f);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.imp-v2__file-card{background:var(--surface-secondary,#94a3b80f);border:1px solid var(--border,#94a3b826);color:var(--text,#e2e8f0);border-radius:10px;align-items:center;gap:.45rem;min-width:0;padding:.35rem;font-size:.75rem;display:flex}.imp-v2__file-card--active{border-color:var(--brand,#0ea5a4);background:#0ea5a40f}.imp-v2__file-thumb{object-fit:cover;cursor:pointer;border-radius:6px;flex-shrink:0;width:40px;height:40px}.imp-v2__file-thumb:hover{opacity:.8}.imp-v2__file-icon{background:var(--surface-secondary,#94a3b81a);width:40px;height:40px;color:var(--muted,#64748b);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.55rem;font-weight:700;display:flex}.imp-v2__file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.72rem;overflow:hidden}.imp-v2__file-remove{color:var(--danger,#f87171);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:.1rem .3rem;font-size:.95rem;line-height:1}.imp-v2__file-remove:hover{opacity:1}.imp-v2__footer{border-top:1px solid var(--border,#94a3b81f);justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.imp-v2__cancel{background:var(--surface-secondary,#94a3b81a);border:1px solid var(--border,#94a3b826);color:var(--muted,#94a3b8);cursor:pointer;border-radius:10px;padding:.6rem 1.5rem;font-family:inherit;font-size:.9rem}.imp-v2__cancel:hover{color:var(--text,#f8fafc)}.imp-v2__submit{background:var(--brand,#0ea5a4);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .15s}.imp-v2__submit:hover{background:var(--brand-hover,#0d9695)}.imp-v2__submit:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .imp-v2__dropzone{background:#0ea5a408;border-color:#0f172a1f}[data-theme=light] .imp-v2__input,[data-theme=light] .imp-v2__textarea{background:var(--surface,#fff);color:var(--text,#0f172a);border-color:#0f172a1f}.import-modal__footer-mobile{display:none}@media (max-width:640px){.modal-backdrop{z-index:9999!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important}.modal,.modal--wide{border:none!important;border-radius:0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:flex!important;position:fixed!important;inset:0!important}.import-modal__header{padding:.875rem 1rem;padding-top:calc(.875rem + env(safe-area-inset-top,0px));background:var(--surface-secondary,var(--surface));border-bottom:1px solid var(--border);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem}.import-modal__title{flex:1;min-width:0}.import-modal__title h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;overflow:hidden}.import-modal__title .muted{display:none}.import-modal__header-actions{display:none!important}.import-modal__close{display:flex!important}.import-modal__form{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.import-modal__scrollable{overscroll-behavior:contain;flex:1;gap:1rem;padding:1rem;overflow:hidden auto}.import-modal__form label{gap:.5rem;margin-bottom:0;position:relative}.import-modal__form label>span:first-child{font-size:.9rem;font-weight:600;display:block}.import-modal__form textarea{min-height:120px;padding:.75rem;font-size:16px}.import-modal__form input[type=text],.import-modal__form input[type=url]{padding:.75rem;font-size:16px}.import-dropzone{text-align:center;border-radius:12px;gap:.5rem;min-height:auto;padding:1.25rem 1rem;flex-direction:column!important;align-items:center!important;display:flex!important}.import-dropzone__icon{margin-bottom:.25rem;font-size:2.5rem;line-height:1}.import-dropzone__text{margin:0;font-size:.9rem}.import-dropzone__hint{text-align:center;gap:.5rem;width:100%;margin:0;flex-direction:column!important;align-items:center!important;display:flex!important}.import-dropzone__hint>span:first-child{color:var(--muted,#94a3b8);font-size:.8rem;line-height:1.3}.import-dropzone__buttons{justify-content:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex!important}.import-dropzone__buttons .btn{border-radius:8px;flex:1;justify-content:center;align-items:center;max-width:160px;min-height:44px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #3b82f64d;background:var(--brand,#3b82f6)!important;color:#fff!important;border:none!important;display:flex!important}.import-dropzone__buttons .btn:hover{box-shadow:0 4px 12px #3b82f666;background:var(--brand-strong,#2563eb)!important}.import-dropzone__support{text-align:center;max-width:100%;margin-top:.35rem;padding:0;font-size:.7rem;line-height:1.4;display:block!important;position:relative!important}.import-dropzone__filename{margin-top:.5rem;padding:0;font-size:.85rem;display:block!important;position:relative!important}.import-url-row{z-index:2;flex-direction:column;align-items:stretch;gap:.5rem;position:relative!important}.import-url-row input{width:100%}.import-url-row .btn{justify-content:center;width:100%;min-height:44px}.import-modal__form>label{z-index:2;background:inherit;display:block!important;position:relative!important}.import-text-header{flex-direction:column;align-items:flex-start;gap:.5rem}.import-text-header .btn{justify-content:center;width:100%;min-height:44px}.import-modal__form .chip-group{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.import-modal__form .chip{min-height:38px;padding:.5rem .75rem;font-size:.85rem}.import-modal__form .muted{margin-top:.25rem;font-size:.8rem;line-height:1.4}.import-attachment-list{gap:.75rem}.import-attachment-list li{flex-direction:column;align-items:flex-start;gap:.65rem;width:100%;padding:.875rem;font-size:.9rem;display:flex}.import-attachment-actions{flex-wrap:wrap;gap:.5rem;width:100%}.import-attachment-actions .btn,.import-attachment-actions a{text-align:center;flex:calc(50% - .25rem);justify-content:center;min-height:36px;padding:.5rem .65rem;font-size:.85rem}.import-attachments__header{flex-direction:column;align-items:flex-start}.import-attachment-grid{grid-template-columns:1fr}.import-attachment-card{grid-template-columns:56px 1fr}.import-attachment-name{font-size:.9rem}.import-preview{margin-top:.5rem}.import-preview__body{max-height:120px;font-size:.75rem}.import-modal__footer-mobile{padding:.875rem 1rem;padding-bottom:calc(.875rem + env(safe-area-inset-bottom,0px));background:var(--surface-secondary,var(--surface));border-top:1px solid var(--border);flex-shrink:0;gap:.625rem;flex-direction:column!important;display:flex!important}.import-modal__footer-mobile .btn{text-align:center;flex-shrink:0;transition:all .2s;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:48px!important;font-size:1rem!important;font-weight:600!important;display:flex!important}.import-modal__footer-mobile .btn--primary{order:-1;box-shadow:0 2px 8px #2563eb4d;color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;border:none!important}.import-modal__footer-mobile .btn--primary:active:not(:disabled){transform:scale(.98)}.import-modal__footer-mobile .btn--primary:disabled{opacity:.6;box-shadow:none;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)!important}.import-modal__footer-mobile .btn--ghost{border:1px solid var(--border)!important;color:var(--text-muted,var(--text))!important;background:0 0!important}.import-modal__footer-mobile .btn--ghost:active{background:var(--surface-secondary,#0000000d)!important}}[data-theme=dark] .modal,[data-theme=midnight] .modal{border-color:#404040;background:#1e1e1e!important}[data-theme=dark] .modal-backdrop,[data-theme=midnight] .modal-backdrop{background:#000c}[data-theme=dark] .import-modal__form,[data-theme=midnight] .import-modal__form{opacity:1!important;mix-blend-mode:normal!important;background:#1e1e1e!important}[data-theme=dark] .import-modal__form>*,[data-theme=midnight] .import-modal__form>*{opacity:1;z-index:1;position:relative}[data-theme=dark] .import-modal__form>label,[data-theme=midnight] .import-modal__form>label{z-index:2;padding-top:.5rem;display:block;position:relative;background:#1e1e1e!important}[data-theme=dark] .import-modal__header,[data-theme=midnight] .import-modal__header{border-color:#404040;background:#262626!important}[data-theme=dark] .import-modal__close,[data-theme=midnight] .import-modal__close{color:#a3a3a3}[data-theme=dark] .import-modal__close:hover,[data-theme=midnight] .import-modal__close:hover{color:#fff;background:#3d3d3d}[data-theme=dark] .import-dropzone,[data-theme=midnight] .import-dropzone{border-color:#525252;background:#262626!important}[data-theme=dark] .import-dropzone:hover,[data-theme=midnight] .import-dropzone:hover{border-color:#3b82f6;background:#2d2d2d!important}[data-theme=dark] .import-dropzone__icon,[data-theme=midnight] .import-dropzone__icon{visibility:visible!important;opacity:1!important;display:block!important}[data-theme=dark] .import-dropzone__hint,[data-theme=midnight] .import-dropzone__hint{visibility:visible!important;opacity:1!important;color:#e5e5e5!important;display:flex!important}[data-theme=dark] .import-dropzone__hint>span:first-child,[data-theme=midnight] .import-dropzone__hint>span:first-child{visibility:visible!important;color:#a3a3a3!important;display:block!important}[data-theme=dark] .import-dropzone__buttons,[data-theme=midnight] .import-dropzone__buttons{visibility:visible!important;opacity:1!important;display:flex!important}[data-theme=dark] .import-dropzone__support,[data-theme=midnight] .import-dropzone__support{z-index:1;position:relative;color:#737373!important;background:0 0!important}[data-theme=dark] .import-modal__form label,[data-theme=midnight] .import-modal__form label{z-index:1;background:0 0;position:relative}[data-theme=dark] .import-modal__form input,[data-theme=midnight] .import-modal__form input,[data-theme=dark] .import-modal__form textarea,[data-theme=midnight] .import-modal__form textarea,[data-theme=dark] .import-modal__form select,[data-theme=midnight] .import-modal__form select{color:#fff!important;background:#2d2d2d!important;border-color:#525252!important}[data-theme=dark] .import-url-row,[data-theme=midnight] .import-url-row{z-index:1;background:0 0;position:relative}[data-theme=dark] .import-attachment-list li,[data-theme=midnight] .import-attachment-list li,[data-theme=dark] .import-attachment-card,[data-theme=midnight] .import-attachment-card{border-color:#404040;background:#262626!important}[data-theme=dark] .import-attachment-thumb,[data-theme=midnight] .import-attachment-thumb{background:#1f1f1f!important;border-color:#404040!important}[data-theme=dark] .import-attachment-card.is-dragover,[data-theme=midnight] .import-attachment-card.is-dragover{box-shadow:0 0 0 2px #3b82f659}[data-theme=dark] .import-preview__media img,[data-theme=midnight] .import-preview__media img{border-color:#404040}[data-theme=dark] .import-preview__header,[data-theme=midnight] .import-preview__header{background:#262626!important}[data-theme=dark] .import-preview__body,[data-theme=midnight] .import-preview__body{background:#1e1e1e!important}[data-theme=dark] .import-modal__footer-mobile,[data-theme=midnight] .import-modal__footer-mobile{border-color:#404040;background:#1e1e1e!important}[data-theme=dark] .import-modal__footer-mobile .btn--ghost,[data-theme=midnight] .import-modal__footer-mobile .btn--ghost{color:#fff!important;background:#2d2d2d!important;border-color:#404040!important}[data-theme=dark] .import-modal__footer-mobile .btn--primary,[data-theme=midnight] .import-modal__footer-mobile .btn--primary{color:#fff!important;background:#3b82f6!important}[data-theme=dark] .import-modal__form .btn,[data-theme=midnight] .import-modal__form .btn,[data-theme=dark] .import-modal__form button,[data-theme=midnight] .import-modal__form button{color:#fff!important;background:#3d3d3d!important;border-color:#525252!important}[data-theme=dark] .import-modal__form .btn:hover,[data-theme=midnight] .import-modal__form .btn:hover,[data-theme=dark] .import-modal__form button:hover,[data-theme=midnight] .import-modal__form button:hover{background:#4d4d4d!important;border-color:#3b82f6!important}[data-theme=dark] .import-modal__form .btn--primary,[data-theme=midnight] .import-modal__form .btn--primary{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}[data-theme=dark] .import-modal__form .btn--primary:hover,[data-theme=midnight] .import-modal__form .btn--primary:hover{background:#2563eb!important;border-color:#2563eb!important}[data-theme=dark] .import-dropzone__buttons .btn,[data-theme=midnight] .import-dropzone__buttons .btn{color:#fff!important;background:#3d3d3d!important;border-color:#525252!important}[data-theme=dark] .import-dropzone__buttons .btn:hover,[data-theme=midnight] .import-dropzone__buttons .btn:hover{background:#4d4d4d!important;border-color:#3b82f6!important}[data-theme=dark] .import-modal__form .chip,[data-theme=midnight] .import-modal__form .chip{color:#e5e5e5!important;background:#2d2d2d!important;border-color:#525252!important}[data-theme=dark] .import-modal__form .chip[aria-pressed=true],[data-theme=midnight] .import-modal__form .chip[aria-pressed=true]{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}
.search-bar{width:100%;font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);position:relative}.search-bar__form{align-items:center;gap:0;width:100%;display:flex;position:relative}.search-bar__icon{color:var(--header-muted,#64748b);pointer-events:none;z-index:2;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-bar__icon svg{width:18px;height:18px;display:block}.search-bar__input{border:1.5px solid var(--border,#94a3b859);background:var(--surface,#f8fafceb);width:100%;min-height:42px;color:var(--text,#0f172a);box-shadow:var(--card-shadow-rest,0 2px 8px #0f172a14);box-sizing:border-box;border-radius:999px;outline:none;padding:0 44px 0 64px;font-size:.875rem;font-weight:400;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-bar__input::placeholder{color:var(--muted,#64748bd9);opacity:.75}.search-bar__input:hover{border-color:var(--brand-soft,#3b82f64d);background:var(--surface);box-shadow:var(--card-shadow-hover,0 10px 18px #0f172a26)}.search-bar__input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px #2563eb4d, var(--card-shadow-hover,0 12px 24px #0f172a33);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 30%, transparent), var(--card-shadow-hover,0 12px 24px #0f172a33)}.search-bar__clear{width:24px;height:24px;color:var(--muted);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-bar__clear:hover{background:var(--surface-secondary);color:var(--text)}.search-bar__clear:active{transform:translateY(-50%)scale(.95)}.search-bar__suggestions{background:var(--panel);border:1px solid var(--border);max-height:400px;box-shadow:var(--card-shadow-hover,0 20px 40px #0f172a33);z-index:1000;border-radius:12px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar__section{padding:8px 0}.search-bar__section+.search-bar__section{border-top:1px solid var(--border)}.search-bar__section-header{justify-content:space-between;align-items:center;padding:8px 16px 4px;display:flex}.search-bar__section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:600}.search-bar__clear-recent{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:all .2s}.search-bar__clear-recent:hover{background:var(--danger-surface,#ef44441f);color:var(--danger,#ef4444)}.search-bar__suggestion{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:.875rem;transition:background .15s;display:flex}.search-bar__suggestion:hover,.search-bar__suggestion--selected{background:var(--brand-soft,#3b82f61f)}.search-bar__suggestion-icon{flex-shrink:0;font-size:1rem}.search-bar__suggestion-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.search-bar__suggestion-type{color:var(--header-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;background:#94a3b81a;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:600}.search-bar--header{max-width:100%}.search-bar--header .search-bar__input{height:32px;min-height:32px;padding:0 36px 0 42px;font-size:.9rem;line-height:1}.search-bar--header .search-bar__icon{left:14px}.search-bar--page .search-bar__input{border-radius:12px;height:48px;padding:0 48px 0 52px;font-size:1rem}.search-bar--page .search-bar__icon{left:16px}.search-bar--page .search-bar__icon svg{width:24px;height:24px}.search-bar--page .search-bar__clear{right:12px}.search-bar--compact .search-bar__input{border-radius:6px;height:32px;padding:0 32px 0 36px;font-size:.8125rem}[data-theme=dark] .search-bar__input,[data-theme=midnight] .search-bar__input{color:#e2e8f0;background:#1e293bf2;border-color:#94a3b840}[data-theme=dark] .search-bar__input::placeholder,[data-theme=midnight] .search-bar__input::placeholder{color:#94a3b8}[data-theme=dark] .search-bar__input:focus,[data-theme=midnight] .search-bar__input:focus{background:#1e293b;border-color:#3b82f699}[data-theme=dark] .search-bar__suggestions,[data-theme=midnight] .search-bar__suggestions{background:#1e293b;border-color:#94a3b833}[data-theme=dark] .search-bar__suggestion:hover,[data-theme=dark] .search-bar__suggestion--selected,[data-theme=midnight] .search-bar__suggestion:hover,[data-theme=midnight] .search-bar__suggestion--selected{background:#3b82f626}@media (max-width:768px){.search-bar__input{font-size:16px}.search-bar__suggestions{max-height:300px}.search-bar--header .search-bar__input{height:32px;min-height:32px;padding-left:44px;padding-right:32px}.search-bar--header .search-bar__icon{left:12px}.search-bar__suggestions{width:auto;max-width:calc(100vw - 24px);left:12px;right:12px}}