:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--shell-max-width:min(1200px,100%);--shell-padding-x:9px;--shell-padding-top:14px;--shell-padding-bottom:20px;--mobile-bottom-nav-height:0px;--vh:1vh;--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:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}body.games-page,body.auth-page{-webkit-overflow-scrolling:touch;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{min-height:calc(var(--vh,1vh)*100);background:var(--bg,#fdf7f0);grid-template-rows:auto 1fr auto;width:100%;max-width:100vw;display:grid;overflow-x: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:6px;--shell-padding-top:7px;--shell-padding-bottom:28px}html{font-size:17px}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))}}.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{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell--with-sidebar .app-shell__body{margin-left:var(--sidebar-width,240px)}.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);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:.65rem;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}@media (max-width:959px){.app-sidebar{display:none}.app-shell__body{display:block}}
: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;--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:-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:#e8f0ff;--color-primary-100:#c3dbff;--color-primary-200:#9bc4ff;--color-primary-300:#6eacff;--color-primary-400:#4894ff;--color-primary-500:#1e7cff;--color-primary-600:#0060e8;--color-primary-700:#0047b0;--color-primary-800:#003380;--color-primary-900:#002152;--color-success-50:#e8f7f0;--color-success-100:#c3e8d6;--color-success-200:#9bdabc;--color-success-300:#6ecca0;--color-success-400:#48bf89;--color-success-500:#22b573;--color-success-600:#1a9460;--color-success-700:#13734c;--color-success-800:#0d5238;--color-success-900:#063124;--color-warning-50:#fff4e8;--color-warning-100:#ffe3c3;--color-warning-200:#ffd19b;--color-warning-300:#ffbe6e;--color-warning-400:#ffac48;--color-warning-500:#ff9a22;--color-warning-600:#e87e00;--color-warning-700:#b06200;--color-warning-800:#804700;--color-warning-900:#522c00;--color-danger-50:#ffe8e8;--color-danger-100:#ffc3c3;--color-danger-200:#ff9b9b;--color-danger-300:#ff6e6e;--color-danger-400:#ff4848;--color-danger-500:#e60000;--color-danger-600:#c00000;--color-danger-700:#900;--color-danger-800:#700000;--color-danger-900:#470000;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e8e8e8;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-background:#fff;--color-foreground:#171717;--color-border:#d4d4d4;--color-border-hover:#a3a3a3;--color-text-primary:#171717;--color-text-secondary:#404040;--color-text-muted:#737373;--color-text-disabled:#a3a3a3;--color-text-on-primary:#fff;--color-text-on-dark:#fff;--btn-primary-bg:#0060e8;--btn-primary-bg-hover:#0047b0;--btn-primary-text:#fff;--btn-primary-border:#0060e8;--btn-secondary-bg:#f5f5f5;--btn-secondary-bg-hover:#e8e8e8;--btn-secondary-text:#171717;--btn-secondary-border:#d4d4d4;--btn-ghost-bg:transparent;--btn-ghost-bg-hover:#f5f5f5;--btn-ghost-text:#0060e8;--btn-ghost-border:transparent;--btn-danger-bg:#e60000;--btn-danger-bg-hover:#c00000;--btn-danger-text:#fff;--btn-danger-border:#e60000;--input-bg:#fff;--input-border:#a3a3a3;--input-border-focus:#0060e8;--input-text:#171717;--input-placeholder:#737373;--status-success-bg:#e8f7f0;--status-success-border:#22b573;--status-success-text:#0d5238;--status-warning-bg:#fff4e8;--status-warning-border:#ff9a22;--status-warning-text:#804700;--status-error-bg:#ffe8e8;--status-error-border:#e60000;--status-error-text:#700000;--status-info-bg:#e8f0ff;--status-info-border:#0060e8;--status-info-text:#003380;--ai-idea-card-bg:#fff;--ai-idea-card-border:#d4d4d4;--ai-idea-card-voted-bg:#e8f0ff;--ai-idea-card-voted-border:#0060e8;--vote-btn-bg:#f5f5f5;--vote-btn-hover-bg:#e8e8e8;--vote-btn-active-bg:#0060e8;--vote-btn-active-text:#fff;--vote-btn-text:#171717;--link-color:#0060e8;--link-hover-color:#0047b0;--link-visited-color:#5e2ba8;--link-underline:underline}[data-theme=dark],[data-theme=midnight]{--color-background:#0a0a0a;--color-foreground:#fafafa;--color-border:#404040;--color-border-hover:#525252;--color-text-primary:#fafafa;--color-text-secondary:#d4d4d4;--color-text-muted:#a3a3a3;--color-text-disabled:#737373;--btn-primary-bg:#4894ff;--btn-primary-bg-hover:#6eacff;--btn-primary-text:#0a0a0a;--btn-secondary-bg:#262626;--btn-secondary-bg-hover:#404040;--btn-secondary-text:#fafafa;--btn-secondary-border:#525252;--btn-ghost-bg:transparent;--btn-ghost-bg-hover:#262626;--btn-ghost-text:#4894ff;--input-bg:#171717;--input-border:#525252;--input-border-focus:#4894ff;--input-text:#fafafa;--input-placeholder:#a3a3a3;--ai-idea-card-bg:#171717;--ai-idea-card-border:#404040;--ai-idea-card-voted-bg:#002152;--ai-idea-card-voted-border:#4894ff;--vote-btn-bg:#262626;--vote-btn-hover-bg:#404040;--vote-btn-active-bg:#4894ff;--vote-btn-active-text:#0a0a0a;--vote-btn-text:#fafafa;--link-color:#6eacff;--link-hover-color:#9bc4ff;--link-visited-color:#e9d5ff;--status-success-bg:#0a2e1a;--status-success-border:#22c55e;--status-success-text:#86efac;--status-warning-bg:#2e1a00;--status-warning-border:#f59e0b;--status-warning-text:#fcd34d;--status-error-bg:#2e0a0a;--status-error-border:#ef4444;--status-error-text:#fca5a5;--status-info-bg:#0a1a2e;--status-info-border:#3b82f6;--status-info-text:#93c5fd}.btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border);font-weight:600}.btn--primary:hover:not(:disabled){background-color:var(--btn-primary-bg-hover)}.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);font-weight:500}.btn--secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)}.btn--ghost{background-color:var(--btn-ghost-bg);color:var(--btn-ghost-text);border-color:var(--btn-ghost-border);font-weight:500}.btn--ghost:hover:not(:disabled){background-color:var(--btn-ghost-bg-hover)}input[type=text],input[type=email],input[type=password],input[type=url],input[type=date],input[type=number],textarea,select{background-color:var(--input-bg);border:2px solid var(--input-border);color:var(--input-text);font-weight:400}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,input[type=date]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--input-border-focus);outline-offset:2px;outline:2px solid #0000}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:1}label{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.muted,.text-muted{color:var(--color-text-muted);font-weight:400}.alert--success,.status-saved{background-color:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text);font-weight:500}.alert--warning,.status-syncing{background-color:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text);font-weight:500}.alert--error,.status-unsaved{background-color:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error-text);font-weight:500}a{color:var(--link-color);-webkit-text-decoration:var(--link-underline);text-decoration:var(--link-underline);font-weight:500}a:hover{color:var(--link-hover-color)}a:visited{color:var(--link-visited-color)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700}body{color:var(--color-text-primary);background-color:var(--color-background)}.ai-idea-card{background-color:var(--ai-idea-card-bg);border:2px solid var(--ai-idea-card-border)}.ai-idea-card--voted{background-color:var(--ai-idea-card-voted-bg);border-color:var(--ai-idea-card-voted-border)}.vote-btn{background-color:var(--vote-btn-bg);color:var(--vote-btn-text);border:2px solid var(--vote-btn-bg);min-width:3rem;font-weight:600}.vote-btn:hover{background-color:var(--vote-btn-hover-bg)}.vote-btn--active{background-color:var(--vote-btn-active-bg);color:var(--vote-btn-active-text);border-color:var(--vote-btn-active-bg)}.btn--primary,.btn--danger,.vote-btn--active{color:var(--color-text-on-primary)!important}[data-theme=dark] .badge-primary,[data-theme=midnight] .badge-primary{color:#93c5fd;background:#4894ff33}[data-theme=dark] .badge-secondary,[data-theme=midnight] .badge-secondary{color:#c4b5fd;background:#a78bfa33}[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:#86efac;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:#fcd34d33}[data-theme=dark] .badge-danger,[data-theme=midnight] .badge-danger{color:#fca5a5;background:#fca5a533}[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:#d4d4d4;background:#a3a3a333}
: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}body[data-theme=sunrise]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fef9f3;--bg-alt:#fff7ed;--bg-image:radial-gradient(140% 120% at 0% 0%,#ffd6aa8c 0%,transparent 55%),radial-gradient(110% 90% at 95% 15%,#60a5fa59 0%,transparent 60%),linear-gradient(180deg,#fefbf6 0%,#f8fafc 100%);--bg-attachment:scroll;--panel:#fff;--surface:#fffaf5;--surface-muted:#f6f0ea;--surface-secondary:#ffedd5;--surface-rgb:255,245,233;--border:#e5e7eb;--divider-muted:#d4d4d8;--border-strong:#9ca3af;--text:#1f2937;--text-strong:#111827;--muted:#4b5563;--muted-strong:#374151;--text-inverse:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--color-primary:#2563eb;--brand:#f97316;--brand-strong:#ea580c;--brand-text:#111827;--brand-soft:#f973161f;--brand-soft-strong:#f9731638;--brand-surface:#f9731614;--brand-hover-border:#f9731673;--brand-outline-strong:#f973164d;--brand-softest:#f973160f;--brand-light:#fdba74;--accent-teal:#0d9488;--accent-purple:#7c3aed;--accent-warm:#f59e0b;--success:#059669;--success-surface:#0596691a;--warn:#d97706;--warn-surface:#d977061a;--danger:#dc2626;--danger-surface:#dc26261a;--map-land:#fef3c7;--map-land-outline:#fbbf24;--map-marker:#f97316;--map-marker-border:#fff;--header-bg:#ffffffeb;--header-border:#f973162e;--pill-text:#111827;--badge-success-text:#fff;--badge-warn-text:#111827;--dot-ok:#059669;--dot-warn:#d97706;--dot-neutral:#6b7280;--toast-shadow:#0000001a;--select-bg:#fff;--select-border:#9ca3af;--toggle-track:#d1d5db;--toggle-thumb:#2563eb;--code-border:#d1d5db;--modal-backdrop:#00000080;--bg-secondary:#fffaf5;--border-color:#e5e7eb;--header-text:#111827;--header-muted:#4b5563;--color-surface-secondary:var(--surface-secondary);background:#fff}body[data-theme=tropical]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ecfeff;--bg-alt:#fff7ed;--panel:#fff;--surface:#f7fbff;--surface-muted:#eef6ff;--surface-secondary:#fff1e6;--surface-rgb:247,251,255;--bg-image:radial-gradient(130% 110% at 10% 0%,#0ea5e959 0%,transparent 55%),radial-gradient(120% 100% at 90% 10%,#f5c17d47 0%,transparent 60%),linear-gradient(180deg,#ecfeff 0%,#fff7ed 100%);--bg-attachment:scroll;--border:#cbd5e1;--divider-muted:#94a3b8;--border-strong:#94a3b8;--text:#0f172a;--text-strong:#0b1324;--muted:#334155;--muted-strong:#1f2937;--text-inverse:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--color-primary:#0ea5e9;--brand:#0ea5e9;--brand-strong:#0284c7;--brand-text:#0f172a;--brand-soft:#0ea5e91f;--brand-soft-strong:#0ea5e938;--brand-surface:#0ea5e914;--brand-hover-border:#0ea5e973;--brand-outline-strong:#0ea5e94d;--brand-softest:#0ea5e90f;--brand-light:#67e8f9;--accent-teal:#14b8a6;--accent-purple:#8b5cf6;--accent-warm:#fb923c;--success:#10b981;--success-surface:#10b9811a;--warn:#f59e0b;--warn-surface:#f59e0b1a;--danger:#ef4444;--danger-surface:#ef44441a;--map-land:#c3e6ff;--map-land-outline:#7dd3fc;--map-marker:#0891b2;--map-marker-border:#fff;--header-bg:#f8fafcf2;--header-border:#94a3b8cc;--pill-text:#0f172a;--badge-success-text:#fff;--badge-warn-text:#0f172a;--dot-ok:#10b981;--dot-warn:#f59e0b;--dot-neutral:#64748b;--toast-shadow:#0f172a1a;--select-bg:#fff;--select-border:#64748b;--toggle-track:#cbd5e1;--toggle-thumb:#0891b2;--code-border:#94a3b8;--modal-backdrop:#0f172a80;--bg-secondary:#f1f5f9;--border-color:#94a3b8;--header-text:#0f172a;--header-muted:#334155;--color-surface-secondary:var(--surface-secondary);background:#f8fafc}body[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-alt:#121212;--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%);--bg-attachment:fixed;--panel:#1a1a1a;--surface:#262626;--surface-muted:#1f1f1f;--surface-translucent:#262626cc;--surface-secondary:#1b1b1b;--surface-rgb:38,38,38;--border:#525252;--divider-muted:#404040;--border-strong:#737373;--text:#fafafa;--text-strong:#fff;--muted:#d4d4d4;--muted-strong:#e5e5e5;--text-inverse:#0a0a0a;--text-primary:#fff;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--color-primary:#3b82f6;--brand:#60a5fa;--brand-strong:#3b82f6;--brand-text:#0a0a0a;--brand-soft:#60a5fa26;--brand-soft-strong:#60a5fa40;--brand-surface:#60a5fa1a;--brand-hover-border:#60a5fa99;--brand-outline-strong:#60a5fa66;--brand-softest:#60a5fa14;--brand-light:#93c5fd;--accent-teal:#2dd4bf;--accent-purple:#c4b5fd;--accent-warm:#fdba74;--success:#34d399;--success-surface:#34d39926;--warn:#fcd34d;--warn-surface:#fcd34d26;--danger:#fca5a5;--danger-surface:#fca5a526;--map-land:#0f172a;--map-land-outline:#1f2937;--map-marker:#22d3ee;--map-marker-border:#020617;--header-bg:#0a0a0af2;--header-border:#525252cc;--pill-text:#fafafa;--badge-success-text:#0a0a0a;--badge-warn-text:#0a0a0a;--dot-ok:#34d399;--dot-warn:#fcd34d;--dot-neutral:#a3a3a3;--toast-shadow:#00000080;--select-bg:#1a1a1a;--select-border:#525252;--toggle-track:#525252;--toggle-thumb:#60a5fa;--code-border:#525252;--modal-backdrop:#000000bf;--bg-secondary:#121212;--border-color:#525252;--header-text:#fafafa;--header-muted:#d4d4d4;--color-surface-secondary:var(--surface-secondary);--color-surface-light:color-mix(in srgb,var(--surface)85%,#fff 15%);background:#0a0a0a}body[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1222;--bg-alt:#111827;--bg-image:radial-gradient(120% 120% at 15% 10%,#60a5fa38 0%,transparent 55%),radial-gradient(120% 100% at 85% 0%,#2563eb40 0%,transparent 60%),linear-gradient(180deg,#0b1225 0%,#0f172a 100%);--bg-attachment:fixed;--panel:#1e293b;--surface:#293548;--surface-muted:#1f2937;--surface-translucent:#1e293bcc;--surface-secondary:#162134;--surface-rgb:41,53,72;--border:#475569;--divider-muted:#374151;--border-strong:#94a3b8;--text:#f8fafc;--text-strong:#fff;--muted:#cbd5e1;--muted-strong:#e2e8f0;--text-inverse:#0c1222;--text-primary:#fff;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--color-primary:#3b82f6;--brand:#60a5fa;--brand-strong:#3b82f6;--brand-text:#0c1222;--brand-soft:#60a5fa26;--brand-soft-strong:#60a5fa40;--brand-surface:#60a5fa1a;--brand-hover-border:#60a5fa99;--brand-outline-strong:#60a5fa66;--brand-softest:#60a5fa14;--brand-light:#93c5fd;--accent-teal:#22d3ee;--accent-purple:#c4b5fd;--accent-warm:#fdba74;--success:#5eead4;--success-surface:#5eead426;--warn:#fcd34d;--warn-surface:#fcd34d26;--danger:#fda4af;--danger-surface:#fda4af26;--map-land:#0b1225;--map-land-outline:#1f2a44;--map-marker:#7dd3fc;--map-marker-border:#020617;--header-bg:#0c1222f2;--header-border:#475569cc;--pill-text:#f8fafc;--badge-success-text:#0c1222;--badge-warn-text:#0c1222;--dot-ok:#5eead4;--dot-warn:#fcd34d;--dot-neutral:#94a3b8;--toast-shadow:#00000080;--select-bg:#1e293b;--select-border:#475569;--toggle-track:#475569;--toggle-thumb:#60a5fa;--code-border:#475569;--modal-backdrop:#0c1222bf;--bg-secondary:#111827;--border-color:#475569;--header-text:#f8fafc;--header-muted:#cbd5e1;--color-surface-secondary:var(--surface-secondary);--color-surface-light:color-mix(in srgb,var(--surface)85%,#fff 15%);background:linear-gradient(#0c1222 0%,#1a1f35 50%,#0c1222 100%)}body{color:var(--text);background:var(--bg)}h1,h2,h3,h4,h5,h6{color:var(--text-strong)!important}p{color:var(--text)!important}a{color:var(--brand)}a:hover{color:var(--brand-strong)}.text-muted,.muted,small{color:var(--muted)!important}code,pre{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.btn--primary{background:var(--brand)!important;color:var(--brand-text)!important}.btn--secondary{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.btn--ghost{color:var(--text)!important;background:0 0!important}input,textarea,select{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}input::placeholder,textarea::placeholder{color:var(--muted)!important}.card,.panel{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--border)!important}table{color:var(--text)!important}th{color:var(--text-strong)!important;border-bottom:2px solid var(--border)!important}td{border-bottom:1px solid var(--divider-muted)!important}ul,ol,li{color:var(--text)!important}label{color:var(--text)!important;font-weight:500!important}nav,nav a{color:var(--text)!important}footer{color:var(--muted)!important;background:var(--surface)!important}
.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}}html[data-theme=dark] .muted,html[data-theme=midnight] .muted,body[data-theme=dark] .muted,body[data-theme=midnight] .muted,html[data-theme=dark] p.muted,html[data-theme=dark] span.muted,html[data-theme=dark] small.muted,html[data-theme=dark] .field-hint,html[data-theme=dark] .mobile-menu__link-helper,html[data-theme=dark] .trip-list-item__summary,html[data-theme=dark] .groups-card__meta,html[data-theme=midnight] p.muted,html[data-theme=midnight] span.muted,html[data-theme=midnight] small.muted,html[data-theme=midnight] .field-hint,html[data-theme=midnight] .mobile-menu__link-helper,html[data-theme=midnight] .trip-list-item__summary,html[data-theme=midnight] .groups-card__meta,body[data-theme=dark] p.muted,body[data-theme=dark] span.muted,body[data-theme=dark] small.muted,body[data-theme=dark] .field-hint,body[data-theme=dark] .mobile-menu__link-helper,body[data-theme=dark] .trip-list-item__summary,body[data-theme=dark] .groups-card__meta,body[data-theme=midnight] p.muted,body[data-theme=midnight] span.muted,body[data-theme=midnight] small.muted,body[data-theme=midnight] .field-hint,body[data-theme=midnight] .mobile-menu__link-helper,body[data-theme=midnight] .trip-list-item__summary,body[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 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}}.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(100vh - 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}}@media (prefers-reduced-motion:reduce){.transition-all,.transition-all-slow,.transition-transform,.transition-opacity,.hover-lift,.hover-scale{transition:none!important}.spinner,.pulse,.shimmer{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:900px){: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(--muted-strong,var(--muted));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);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: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 color-mix(in srgb,var(--danger,#ef4444)20%,transparent),var(--form-control-shadow)}.chip-group{flex-wrap:wrap;gap:.5rem;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 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:color-mix(in srgb,var(--surface)88%,#2563eb14);color:var(--text);border-color:color-mix(in srgb,var(--brand)60%,var(--border))}.action-secondary:hover{background:color-mix(in srgb,var(--surface)80%,#2563eb24)}.action-ghost{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:90vh;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:92vh}.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)}.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__scrollable{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem 2rem 2rem;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:2.5rem 2rem;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}.import-modal__footer-mobile{display:none}@media (max-width:640px){.modal-backdrop{align-items:flex-start;padding:0;z-index:9999!important}.modal{border-radius:0;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;display:flex}.modal--wide{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.import-modal__header{flex-direction:column;gap:1rem;padding:1rem;position:relative}.import-modal__title h2{margin-bottom:.25rem;font-size:1.15rem}.import-modal__title .muted{font-size:.85rem;display:none}.import-modal__header-actions{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.import-modal__header-actions .btn{justify-content:center;min-height:44px;font-size:.9rem}.import-modal__form{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.import-modal__scrollable{-webkit-overflow-scrolling:touch;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;display:block}.import-modal__form textarea{min-height:120px;padding:.75rem;font-size:1rem}.import-modal__form input[type=text],.import-modal__form input[type=url]{padding:.75rem;font-size:1rem}.import-dropzone{text-align:center;isolation:isolate;z-index:1;border-radius:12px;padding:1rem;flex-direction:column!important;align-items:center!important;min-height:auto!important;max-height:none!important;display:flex!important;position:relative!important;overflow:visible!important}.import-dropzone *{float:none!important;visibility:visible!important;opacity:1!important;position:relative!important}.import-dropzone__icon{margin-bottom:.5rem;font-size:2rem;line-height:1;display:block!important;position:relative!important}.import-dropzone__text{margin-bottom:.25rem;font-size:.85rem!important}.import-dropzone__hint{text-align:center;width:100%;color:var(--text,#fff);flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}.import-dropzone__hint>span:first-child{color:var(--muted,#94a3b8);margin-bottom:.5rem;font-size:.75rem;line-height:1.3;display:block!important;position:relative!important}.import-dropzone__buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin-top:.75rem;flex-direction:row!important;display:flex!important;position:relative!important}.import-dropzone__buttons .btn{border-radius:8px;flex:auto;justify-content:center;align-items:center;min-width:120px;min-height:42px;padding:.6rem .75rem;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #3b82f64d;background:var(--brand,#3b82f6)!important;color:#fff!important;border:none!important;display:flex!important;position:relative!important}.import-dropzone__buttons .btn:hover{box-shadow:0 4px 12px #3b82f666;background:var(--brand-strong,#2563eb)!important}.import-dropzone__support{text-align:center;text-overflow:ellipsis;max-width:100%;margin-top:.5rem;padding:0;font-size:.65rem;line-height:1.4;overflow:hidden;display:none!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{background:var(--panel,var(--surface));border-top:1px solid var(--border);flex-shrink:0;gap:.75rem;margin-top:auto;padding:1rem;flex-direction:column!important;display:flex!important}.import-modal__footer-mobile .btn{text-align:center;flex-shrink:0;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:50px!important;font-size:1rem!important;font-weight:600!important;display:flex!important}.import-modal__footer-mobile .btn--primary{order:-1;background:var(--brand)!important;color:var(--brand-text,#fff)!important;border:none!important}.import-modal__footer-mobile .btn--ghost{background:var(--surface-secondary,var(--surface))!important;border:1px solid var(--border)!important;color:var(--text)!important}.import-modal__header-actions{display:none}}body[data-theme=dark] .modal,body[data-theme=midnight] .modal{border-color:#404040;background:#1e1e1e!important}body[data-theme=dark] .modal-backdrop,body[data-theme=midnight] .modal-backdrop{background:#000c}body[data-theme=dark] .import-modal__form,body[data-theme=midnight] .import-modal__form{opacity:1!important;mix-blend-mode:normal!important;background:#1e1e1e!important}body[data-theme=dark] .import-modal__form>*,body[data-theme=midnight] .import-modal__form>*{opacity:1;z-index:1;position:relative}body[data-theme=dark] .import-modal__form>label,body[data-theme=midnight] .import-modal__form>label{z-index:2;padding-top:.5rem;display:block;position:relative;background:#1e1e1e!important}body[data-theme=dark] .import-modal__header,body[data-theme=midnight] .import-modal__header{border-color:#404040;background:#262626!important}body[data-theme=dark] .import-dropzone,body[data-theme=midnight] .import-dropzone{border-color:#525252;background:#262626!important}body[data-theme=dark] .import-dropzone:hover,body[data-theme=midnight] .import-dropzone:hover{border-color:#3b82f6;background:#2d2d2d!important}body[data-theme=dark] .import-dropzone__icon,body[data-theme=midnight] .import-dropzone__icon{visibility:visible!important;opacity:1!important;display:block!important}body[data-theme=dark] .import-dropzone__hint,body[data-theme=midnight] .import-dropzone__hint{visibility:visible!important;opacity:1!important;color:#e5e5e5!important;display:flex!important}body[data-theme=dark] .import-dropzone__hint>span:first-child,body[data-theme=midnight] .import-dropzone__hint>span:first-child{visibility:visible!important;color:#a3a3a3!important;display:block!important}body[data-theme=dark] .import-dropzone__buttons,body[data-theme=midnight] .import-dropzone__buttons{visibility:visible!important;opacity:1!important;display:flex!important}body[data-theme=dark] .import-dropzone__support,body[data-theme=midnight] .import-dropzone__support{z-index:1;position:relative;color:#737373!important;background:0 0!important}body[data-theme=dark] .import-modal__form label,body[data-theme=midnight] .import-modal__form label{z-index:1;background:0 0;position:relative}body[data-theme=dark] .import-modal__form input,body[data-theme=midnight] .import-modal__form input,body[data-theme=dark] .import-modal__form textarea,body[data-theme=midnight] .import-modal__form textarea,body[data-theme=dark] .import-modal__form select,body[data-theme=midnight] .import-modal__form select{color:#fff!important;background:#2d2d2d!important;border-color:#525252!important}body[data-theme=dark] .import-url-row,body[data-theme=midnight] .import-url-row{z-index:1;background:0 0;position:relative}body[data-theme=dark] .import-attachment-list li,body[data-theme=midnight] .import-attachment-list li,body[data-theme=dark] .import-attachment-card,body[data-theme=midnight] .import-attachment-card{border-color:#404040;background:#262626!important}body[data-theme=dark] .import-attachment-thumb,body[data-theme=midnight] .import-attachment-thumb{background:#1f1f1f!important;border-color:#404040!important}body[data-theme=dark] .import-attachment-card.is-dragover,body[data-theme=midnight] .import-attachment-card.is-dragover{box-shadow:0 0 0 2px #3b82f659}body[data-theme=dark] .import-preview__media img,body[data-theme=midnight] .import-preview__media img{border-color:#404040}body[data-theme=dark] .import-preview__header,body[data-theme=midnight] .import-preview__header{background:#262626!important}body[data-theme=dark] .import-preview__body,body[data-theme=midnight] .import-preview__body{background:#1e1e1e!important}body[data-theme=dark] .import-modal__footer-mobile,body[data-theme=midnight] .import-modal__footer-mobile{border-color:#404040;background:#1e1e1e!important}body[data-theme=dark] .import-modal__footer-mobile .btn--ghost,body[data-theme=midnight] .import-modal__footer-mobile .btn--ghost{color:#fff!important;background:#2d2d2d!important;border-color:#404040!important}body[data-theme=dark] .import-modal__footer-mobile .btn--primary,body[data-theme=midnight] .import-modal__footer-mobile .btn--primary{color:#fff!important;background:#3b82f6!important}body[data-theme=dark] .import-modal__form .btn,body[data-theme=midnight] .import-modal__form .btn,body[data-theme=dark] .import-modal__form button,body[data-theme=midnight] .import-modal__form button{color:#fff!important;background:#3d3d3d!important;border-color:#525252!important}body[data-theme=dark] .import-modal__form .btn:hover,body[data-theme=midnight] .import-modal__form .btn:hover,body[data-theme=dark] .import-modal__form button:hover,body[data-theme=midnight] .import-modal__form button:hover{background:#4d4d4d!important;border-color:#3b82f6!important}body[data-theme=dark] .import-modal__form .btn--primary,body[data-theme=midnight] .import-modal__form .btn--primary{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}body[data-theme=dark] .import-modal__form .btn--primary:hover,body[data-theme=midnight] .import-modal__form .btn--primary:hover{background:#2563eb!important;border-color:#2563eb!important}body[data-theme=dark] .import-dropzone__buttons .btn,body[data-theme=midnight] .import-dropzone__buttons .btn{color:#fff!important;background:#3d3d3d!important;border-color:#525252!important}body[data-theme=dark] .import-dropzone__buttons .btn:hover,body[data-theme=midnight] .import-dropzone__buttons .btn:hover{background:#4d4d4d!important;border-color:#3b82f6!important}body[data-theme=dark] .import-modal__form .chip,body[data-theme=midnight] .import-modal__form .chip{color:#e5e5e5!important;background:#2d2d2d!important;border-color:#525252!important}body[data-theme=dark] .import-modal__form .chip[aria-pressed=true],body[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 #2563eb2e,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}html[data-theme=dark] .search-bar__input,html[data-theme=midnight] .search-bar__input,body[data-theme=dark] .search-bar__input,body[data-theme=midnight] .search-bar__input{color:#e2e8f0;background:#1e293bf2;border-color:#94a3b840}html[data-theme=dark] .search-bar__input::placeholder,html[data-theme=midnight] .search-bar__input::placeholder,body[data-theme=dark] .search-bar__input::placeholder,body[data-theme=midnight] .search-bar__input::placeholder{color:#94a3b8}html[data-theme=dark] .search-bar__input:focus,html[data-theme=midnight] .search-bar__input:focus,body[data-theme=dark] .search-bar__input:focus,body[data-theme=midnight] .search-bar__input:focus{background:#1e293b;border-color:#3b82f699}html[data-theme=dark] .search-bar__suggestions,html[data-theme=midnight] .search-bar__suggestions,body[data-theme=dark] .search-bar__suggestions,body[data-theme=midnight] .search-bar__suggestions{background:#1e293b;border-color:#94a3b833}html[data-theme=dark] .search-bar__suggestion:hover,html[data-theme=dark] .search-bar__suggestion--selected,html[data-theme=midnight] .search-bar__suggestion:hover,html[data-theme=midnight] .search-bar__suggestion--selected,body[data-theme=dark] .search-bar__suggestion:hover,body[data-theme=dark] .search-bar__suggestion--selected,body[data-theme=midnight] .search-bar__suggestion:hover,body[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}}
.auth-page{min-height:calc(var(--vh,1vh)*100);background:var(--bg-image,radial-gradient(circle at 10% 5%,#f9731629,transparent 55%),radial-gradient(circle at 90% 0%,#3b82f629,transparent 55%),linear-gradient(180deg,#fff7ed 0%,#f8fafc 100%));background-color:var(--bg,#f8fafc);background-attachment:var(--bg-attachment,scroll);justify-content:center;align-items:center;padding:clamp(1rem,2vw,1.5rem);display:flex}body[data-theme=dark] .auth-page,body[data-theme=midnight] .auth-page,html[data-theme=dark] .auth-page,html[data-theme=midnight] .auth-page{background:radial-gradient(circle at 15% 10%,#3b82f638,#0000 55%),radial-gradient(circle at 85% 0,#0e74902e,#0000 60%),linear-gradient(#060a16fa 0%,#050a1a 100%);background-color:var(--bg,#0a0a0a)}.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:clamp(1rem,3vw,2rem);width:100%;max-width:1100px;display:grid}.auth-hero{color:#f8fafc;background:linear-gradient(135deg,#0f172af5,#1e40afc2);border-radius:24px;padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a40}[data-theme=sunrise] .auth-hero,[data-theme=tropical] .auth-hero{color:#1f2937;background:linear-gradient(135deg,#fff4ebf5,#dbeafeeb);box-shadow:0 18px 45px #0f172a1f}.auth-hero:after{content:"";opacity:.8;pointer-events:none;z-index:0;background:radial-gradient(circle,#f9731647,#0000 70%);width:260px;height:260px;position:absolute;top:-120px;right:-120px}[data-theme=sunrise] .auth-hero:after,[data-theme=tropical] .auth-hero:after{opacity:.5;background:radial-gradient(circle,#f9731638,#0000 70%)}.auth-hero>*{z-index:1;position:relative}.hero-eyebrow{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#f8fafc2e;border-radius:999px;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}[data-theme=sunrise] .hero-eyebrow,[data-theme=tropical] .hero-eyebrow{color:#1f2937;background:#0f172a14}.auth-hero h1{color:#fff;text-shadow:0 6px 20px #0f172a4d;margin:0 0 .75rem;font-size:clamp(1.6rem,2.6vw,2.35rem);font-weight:800;line-height:1.1}[data-theme=sunrise] .auth-hero h1,[data-theme=tropical] .auth-hero h1{color:#0f172a;text-shadow:0 6px 18px #0f172a1f}.auth-hero p{color:#f8fafce6;max-width:38ch;margin:0 0 1rem;font-size:.95rem;line-height:1.5}[data-theme=sunrise] .auth-hero p,[data-theme=tropical] .auth-hero p{color:#475569}.auth-hero__highlights{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.auth-hero__highlights li{color:#f8fafce6;align-items:center;gap:.5rem;font-size:.85rem;display:flex}[data-theme=sunrise] .auth-hero__highlights li,[data-theme=tropical] .auth-hero__highlights li{color:#475569}.auth-hero__highlights li:before{content:"✓";background:#f8fafc33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}[data-theme=sunrise] .auth-hero__highlights li:before,[data-theme=tropical] .auth-hero__highlights li:before{color:#0f172a;background:#0f172a1a}.auth-card{background:var(--panel);color:var(--text);border:1px solid var(--border,#94a3b833);border-radius:20px;width:100%;max-width:min(420px,100vw - 1rem);margin:0 auto;padding:clamp(1rem,2.5vw,1.6rem);box-shadow:0 18px 40px #0f172a1f}.auth-card__header{text-align:left;margin-bottom:16px}.auth-card__header h2{color:var(--text-strong,var(--text));margin:0 0 4px;font-size:1.4rem;font-weight:800}.auth-card__header p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.auth-form{flex-direction:column;gap:12px;display:flex}.password-field{align-items:center;display:flex;position:relative}.password-field input{flex:1;padding-right:48px}.toggle-visibility{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex;position:absolute;right:4px}.toggle-visibility:hover{background:var(--surface-secondary);color:var(--text)}.password-rules{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.password-rules li{color:var(--muted);align-items:center;gap:8px;font-size:.8125rem;display:flex}.password-rules li:before{content:"○";color:var(--border);font-size:.625rem}.password-rules li[data-valid=true]{color:var(--success,#059669)}.password-rules li[data-valid=true]:before{content:"●";color:var(--success,#059669)}.password-strength{margin:4px 0 0;font-size:.8125rem;font-weight:500}.password-strength.muted{color:var(--muted)}.password-strength.warn{color:var(--warn,#d97706)}.password-strength.positive{color:var(--success,#059669)}.field-hint{color:var(--muted);margin:4px 0 0;font-size:.8125rem}.form-error{background:var(--danger-surface,#ef44441a);color:var(--danger,#dc2626);border:1px solid #ef444459;border-radius:12px;padding:12px 16px;font-size:.875rem;font-weight:500}.form-success{background:var(--success-surface,#10b9811f);color:var(--success,#059669);border:1px solid #10b98159;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;font-size:.875rem;display:flex}.form-success strong{font-weight:600}.form-resend{flex-direction:column;gap:12px;display:flex}.terms-notice{color:var(--muted);text-align:center;margin:0;font-size:.8125rem}.terms-notice a{color:var(--brand);font-weight:500;text-decoration:none}.terms-notice a:hover{text-decoration:underline}.forgot-password-link{text-align:right;margin-top:-4px}.forgot-password-link a{color:var(--brand,#2563eb);font-size:.8125rem;font-weight:500;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}button.primary,button.secondary{cursor:pointer;border:none;border-radius:10px;outline:none;min-height:44px;padding:0 1rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}button.primary{background:linear-gradient(135deg,var(--brand,#f97316),var(--brand-strong,#ea580c));color:#fff;box-shadow:0 10px 20px #0f172a2e}body[data-theme=dark] button.primary,body[data-theme=midnight] button.primary,body[data-theme=dark] .auth-page button.primary,body[data-theme=midnight] .auth-page button.primary,body[data-theme=dark] .auth-card button.primary,body[data-theme=midnight] .auth-card button.primary{background:linear-gradient(135deg,var(--brand,#60a5fa),var(--brand-strong,#3b82f6))!important;color:#fff!important;border:1px solid var(--brand-hover-border,#60a5fa99)!important;box-shadow:0 6px 20px #3b82f659!important}body[data-theme=dark] button.primary:hover:not(:disabled),body[data-theme=midnight] button.primary:hover:not(:disabled),body[data-theme=dark] .auth-page button.primary:hover:not(:disabled),body[data-theme=midnight] .auth-page button.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-strong,#3b82f6),var(--brand,#60a5fa))!important;box-shadow:0 8px 24px #3b82f666!important}button.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-strong,var(--brand)),var(--brand));transform:translateY(-1px);box-shadow:0 14px 26px #0f172a38}button.primary:active:not(:disabled){transform:translateY(0)}button.primary:disabled{background:var(--surface-muted);color:var(--muted);cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--brand-soft,var(--border))}button.secondary:disabled{color:var(--muted);cursor:not-allowed}button.w-full{width:100%}.auth-divider{text-align:center;margin:1rem 0;position:relative}.auth-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--panel);color:var(--muted);padding:0 16px;font-size:.8125rem;font-weight:500;display:inline-block;position:relative}.auth-social{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;display:grid}.auth-social .action-chip{justify-content:center;width:100%}.social-btn{border:1.5px solid var(--border);background:var(--surface);height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:0 1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 1px #ffffff80}.social-btn:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--brand-soft,var(--border));transform:translateY(-1px)}.social-btn:focus-visible{outline:3px solid var(--brand,#2563eb);outline-offset:3px;border-color:var(--brand,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#2563eb)35%,transparent)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-icon{justify-content:center;align-items:center;width:20px;height:20px;font-weight:700;display:flex}.auth-card.social-complete{gap:1rem;display:grid}.auth-summary__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.auth-summary__actions .action-chip{flex:180px;justify-content:center}.auth-summary__meta{color:var(--muted);margin:0;font-size:.85rem}.social-btn-google .social-icon{color:#ea4335}.social-btn-facebook .social-icon{color:#1877f2}.social-btn-apple .social-icon{color:#000}.social-btn-instagram .social-icon{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-footer{border-top:1px solid var(--border,#94a3b833);text-align:center;color:var(--muted,#64748b);margin-top:1rem;padding-top:.75rem;font-size:.8rem}.auth-footer a{color:var(--brand,#2563eb);margin-left:6px;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.social-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.social-loading-content{text-align:center;color:#fff}.social-loading-content p{margin:16px 0 8px;font-size:1.125rem;font-weight:600}.social-loading-content small{color:#ffffffb3;font-size:.875rem}.spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.account-page{isolation:isolate;gap:1.5rem;padding-top:.5rem;padding-bottom:2.5rem;display:grid;position:relative}.account-page:before{content:"";opacity:.6;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 0,#3b82f61f,#0000 60%),radial-gradient(circle at 90% 10%,#10b9811a,#0000 55%);position:absolute;inset:0}.account-page--signed-out{min-height:50vh}.account-page__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.account-page__main,.account-page__sidebar{gap:1.25rem;display:grid}.account-page__sidebar{align-content:start}@media (min-width:1100px){.account-page__sidebar{top:calc(var(--header-height,56px) + 1rem);position:sticky}}.account-hero{background:linear-gradient(135deg,var(--surface,#fff),#eff6ffd9);border:1px solid var(--border,#94a3b840);box-shadow:var(--card-shadow-rest);border-radius:20px;padding:clamp(1.35rem,2.8vw,2.25rem);position:relative;overflow:hidden}.account-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f62e,#0000 70%);width:220px;height:220px;position:absolute;top:-60px;right:-80px}.account-hero__main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.account-hero__content{flex:320px;gap:.5rem;display:grid}.account-hero__eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--brand,#2563eb);margin:0;font-size:.75rem}.account-hero__content h1{color:var(--text-strong,var(--text,#0f172a));margin:0;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800}.account-hero__subtitle{color:var(--muted,#64748b);max-width:54ch;margin:0;font-size:.95rem}.account-hero__meta{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.account-hero__chip{border:1px solid var(--border,#94a3b84d);color:var(--text,#0f172a);background:#fffc;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.account-hero__chip--ok{color:#15803d;background:#22c55e1f;border-color:#22c55e4d}.account-hero__chip--warn{color:#b45309;background:#f59e0b24;border-color:#f59e0b4d}.account-hero__chip--muted{color:#475569;background:#94a3b826;border-color:#94a3b84d}.account-hero__actions{flex-wrap:wrap;gap:.5rem;display:flex}.account-stats-bar{border:1px solid var(--border,#94a3b833);background:#ffffffd9;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1.25rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffffb3}.account-stat-item{background:var(--surface-secondary,#f8fafc);border-radius:12px;flex-direction:column;justify-content:center;gap:.25rem;min-height:68px;padding:.5rem .65rem;display:flex}.account-stat-value{color:var(--brand,#2563eb);font-size:1.4rem;font-weight:700}.account-stat-label{color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.account-stat-badge{border-radius:6px;align-self:flex-start;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.account-stat-badge.verified{background:var(--success-surface,#22c55e1a);color:var(--success,#22c55e)}.account-stat-badge.pending{background:var(--warn-surface,#f59e0b1a);color:var(--warn,#f59e0b)}.account-section{background:var(--surface,#fff);border:1px solid var(--border,#94a3b833);box-shadow:var(--card-shadow-rest);border-radius:18px;padding:1.25rem}.account-section--alert{background:#f8717114;border-color:#f8717166}.account-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;margin-bottom:.85rem;display:flex}.account-section__header h2{color:var(--text-strong,var(--text,#0f172a));margin:0;font-size:1.05rem}.account-section__header .muted{margin:0;font-size:.85rem}.account-section__header--split{align-items:flex-start}.account-section__actions{flex-wrap:wrap;gap:.5rem;display:flex}.account-banner{background:var(--surface-secondary,#f8fafc);border:1px solid var(--border,#94a3b833);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;margin-bottom:.5rem;padding:1rem 1.25rem;display:flex}.account-banner--warning{background:var(--warn-surface,#f59e0b1a);border:1px solid var(--warn,#f59e0b)}.account-banner__content strong{color:var(--text-strong,var(--text));margin-bottom:.25rem;display:block}.account-banner__content p{color:var(--muted,#64748b);margin:0;font-size:.875rem}.account-trips-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.account-trip-card{background:var(--surface,#fff);border:1px solid var(--border,#94a3b840);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.account-trip-card:hover{border-color:#2563eb80;transform:translateY(-2px);box-shadow:0 12px 24px #0f172a1f}.account-trip-card__body{flex:1}.account-trip-card__title{color:var(--text-strong,var(--text));margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.account-trip-card__dates{color:var(--brand,#2563eb);margin:0 0 .25rem;font-size:.85rem;font-weight:500}.account-trip-card__summary{color:var(--muted,#64748b);margin:0 0 .5rem;font-size:.875rem;line-height:1.4}.account-trip-card__meta{color:var(--muted,#94a3b8);margin:0;font-size:.75rem}.account-trip-card__actions{flex-wrap:wrap;gap:.5rem;display:flex}.account-snapshot-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:0;display:grid}.account-snapshot-item{background:var(--surface-secondary,#f8fafc);border:1px solid var(--border,#94a3b833);border-radius:12px;padding:.6rem .75rem}.account-snapshot-item dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#64748b);margin-bottom:.25rem;font-size:.7rem}.account-snapshot-item dd{color:var(--text,#0f172a);margin:0;font-size:.9rem;font-weight:600}.account-empty-state{text-align:center;background:var(--surface-secondary,#f8fafc);border:1px dashed var(--border,#94a3b859);border-radius:12px;padding:2rem 1rem}.account-empty-state__icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.account-empty-state p{color:var(--muted,#64748b);margin:0 0 1rem}.account-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.account-section--compact{padding:.85rem 1rem}.account-section--compact h2{margin:0 0 .5rem;font-size:.95rem}.account-compact-list{flex-direction:column;gap:.35rem;display:flex}.account-compact-item{background:var(--surface,#fff);border:1px solid var(--border,#94a3b82e);border-radius:8px;align-items:center;gap:.5rem;min-width:0;padding:.5rem .75rem;display:flex}.account-compact-item__name{color:var(--text,#0f172a);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.account-compact-item__price{color:var(--muted,#64748b);font-size:.8rem}.account-compact-item__remove{width:40px;height:40px;color:var(--muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;font-size:1rem}.account-compact-item__remove:hover{background:var(--danger-surface,#ef44441a);color:var(--danger,#ef4444)}.account-tag-group{gap:.5rem;margin-top:1rem;display:grid}.account-tag-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#64748b);margin:0;font-size:.85rem}.account-tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.account-tag{border:1px solid var(--border,#94a3b833);background:var(--surface-secondary,#f8fafc);color:var(--text,#0f172a);border-radius:999px;align-items:center;padding:.25rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.account-tag--muted{color:var(--muted,#64748b)}.account-notes{background:#2563eb14;border:1px solid #2563eb33;border-radius:12px;margin-top:1rem;padding:.75rem .9rem}.account-notes__label{text-transform:uppercase;letter-spacing:.08em;color:var(--brand,#2563eb);font-size:.7rem;font-weight:600}.account-notes .muted{margin:.35rem 0 0}.account-preferences{gap:1.25rem;display:grid}.account-preferences__group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#64748b);margin:0 0 .5rem;font-size:.85rem}.account-privacy-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.account-privacy-item{border:1px solid var(--border,#94a3b833);background:var(--surface-secondary,#f8fafc);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.account-privacy-pill{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.account-privacy-pill.on{color:#15803d;background:#22c55e26}.account-privacy-pill.off{color:#475569;background:#94a3b833}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:1rem;display:grid}.photo-card{border:1px solid var(--border,#94a3b840);background:var(--surface,#fff);border-radius:12px;flex-direction:column;min-height:220px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a14}.photo-card__media{aspect-ratio:4/3;background:var(--surface-secondary,#f8fafc);justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-card__media img{object-fit:cover;width:100%;height:100%}.photo-card__body{flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex}.photo-card__trip{color:var(--text-strong,var(--text));margin:0;font-size:.85rem;font-weight:700}.photo-card__caption{color:var(--muted,#64748b);margin:0;font-size:.85rem}.photo-card__meta{margin:0;font-size:.8rem}.photo-card__actions{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem .75rem;display:flex}.photo-card__delete{align-self:flex-start;margin:.5rem}.account-details{border:none}.account-details__summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:.35rem 0;list-style:none;display:flex}.account-details__summary::-webkit-details-marker{display:none}.account-details__summary h2{margin:0;font-size:1rem}.account-details__toggle{color:var(--brand,#2563eb);font-size:.8rem;font-weight:600}.account-details[open] .account-details__toggle{display:none}.account-details__content{padding:.85rem 0 0}.account-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.account-info-grid--dense{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.account-info-grid dt{color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem}.account-info-grid dd{color:var(--text,#0f172a);margin:0;font-weight:600}.account-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.account-toggle input{accent-color:var(--brand,#2563eb)}.account-cta-inline{background:var(--brand-soft,#2563eb14);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.account-cta-inline p{margin:0}.account-quick-actions{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.account-quick-action{background:var(--surface-secondary,#f8fafc);border:1px solid var(--border,#94a3b833);border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem;text-decoration:none;transition:all .2s;display:flex}.account-quick-action:hover{background:var(--brand-soft,#2563eb1a);transform:translateY(-2px)}.account-quick-action__icon{font-size:1.4rem}.account-quick-action__label{color:var(--text,#0f172a);font-size:.8rem;font-weight:600}.account-section--admin{margin-top:0}.account-quick-actions--admin{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-theme=dark] .account-hero,body[data-theme=midnight] .account-hero{background:linear-gradient(135deg,#1e293bf2,#0f172af2)}body[data-theme=dark] .account-hero__chip:not(.account-hero__chip--ok):not(.account-hero__chip--warn),body[data-theme=midnight] .account-hero__chip:not(.account-hero__chip--ok):not(.account-hero__chip--warn),body[data-theme=dark] .account-stats-bar,body[data-theme=midnight] .account-stats-bar{background:#0f172ab3;border-color:#94a3b833}body[data-theme=dark] .account-trip-card,body[data-theme=midnight] .account-trip-card{background:#0f172ad9}body[data-theme=dark] .account-tag,body[data-theme=midnight] .account-tag,body[data-theme=dark] .account-privacy-item,body[data-theme=midnight] .account-privacy-item{background:#0f172ab3}@keyframes account-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.account-hero,.account-section,.account-banner{animation:.35s both account-rise}@media (prefers-reduced-motion:reduce){.account-hero,.account-section,.account-banner{animation:none}}@media (max-width:1024px){.account-page__grid{grid-template-columns:1fr}}@media (max-width:640px){.account-hero__main{flex-direction:column;align-items:flex-start}.account-hero__actions{width:100%}.account-hero__actions .action-chip{flex:100%;justify-content:center}.account-stats-bar{grid-template-columns:repeat(2,1fr)}.account-trips-grid{grid-template-columns:1fr}.account-quick-actions,.account-quick-actions--admin{grid-template-columns:repeat(2,1fr)}.account-section__header,.account-banner{flex-direction:column;align-items:flex-start}.account-info-grid{grid-template-columns:1fr}}@media (max-width:1024px){.auth-shell{grid-template-columns:1fr;gap:1.25rem}.auth-hero{text-align:left;padding:1.25rem}.auth-hero h1{font-size:1.6rem}.auth-hero p{max-width:none}.auth-hero__highlights{display:none}.auth-card{border-radius:18px;padding:1.2rem}}@media (max-width:640px){.auth-page{padding:.75rem}.auth-hero{border-radius:18px;padding:1rem}.auth-hero h1{margin-bottom:.5rem;font-size:1.4rem}.auth-card{border-radius:16px;padding:1rem}.auth-card__header{margin-bottom:12px}.auth-card__header h2{font-size:1.2rem}.auth-social{grid-template-columns:1fr}input:not([type=checkbox]):not([type=radio]),select,textarea,button.primary,button.secondary,.social-btn{font-size:16px}}
