@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-primary:#1d4ed8;--color-primary-foreground:#f6f7f9;--color-primary-strong:color-mix(in srgb, var(--color-primary) 82%, white);--color-secondary:#f2c14e;--color-secondary-foreground:#0b0f1a;--color-secondary-strong:color-mix(in srgb, var(--color-secondary) 82%, black);--color-accent:#7ccbff;--color-accent-foreground:#0b0f1a;--color-success:#22c55e;--color-success-foreground:#052e16;--color-base:#0b0f1a;--color-base-foreground:#f6f7f9;--color-card:#111827;--color-card-foreground:#f6f7f9;--color-popover:#1a1f2e;--color-popover-foreground:#f6f7f9;--color-muted:#1a2333;--color-muted-foreground:#a8b3c7;--color-muted-foreground-strong:color-mix(in srgb, var(--color-muted-foreground) 82%, var(--color-base-foreground));--color-muted-foreground-faint:color-mix(in srgb, var(--color-muted-foreground) 55%, transparent);--color-border:#2a3347;--color-input:#111827;--color-destructive:#dc2626;--color-destructive-foreground:#fee2e2;--color-secondary-soft:color-mix(in srgb, var(--color-secondary) 72%, white);--color-accent-soft:color-mix(in srgb, var(--color-accent) 68%, white);--color-on-color:#fff;--color-overlay:#00000073;--color-glass:#ffffff26;--color-glass-strong:#ffffff38;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-display:4rem;--text-h1:3rem;--text-h2:2.25rem;--text-h3:1.75rem;--text-h4:1.375rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.75rem;--text-label:.6875rem;--text-code:.875rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:6px;--radius-none:0;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow-brand:0 0 24px #8b5cf64d;--shadow-glow-gold:0 0 24px #fbbf2440;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-instant:.1s;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-enter:.35s;--content-max-width:1280px;--content-reading-width:720px;--content-narrow-width:480px;--size-touch-target:44px;--size-mobile-bottom-bar:60px;--sidebar-width-expanded:264px;--sidebar-width-compact:72px;--sidebar-icon-size:20px;--sidebar-logo-size:calc(var(--space-6) + var(--space-2));--sidebar-avatar-size:28px;--sidebar-toggle-size:36px}@media (prefers-color-scheme:light){:root{--color-primary-strong:color-mix(in srgb, var(--color-primary) 82%, white);--color-secondary-strong:color-mix(in srgb, var(--color-secondary) 82%, black);--color-muted-foreground-strong:color-mix(in srgb, var(--color-muted-foreground) 82%, var(--color-base-foreground));--color-muted-foreground-faint:color-mix(in srgb, var(--color-muted-foreground) 55%, transparent);--color-secondary-soft:color-mix(in srgb, var(--color-secondary) 72%, white);--color-accent-soft:color-mix(in srgb, var(--color-accent) 68%, white)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-enter:0s}}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-base);min-height:100vh;color:var(--color-base-foreground);font-family:var(--font-body);margin:0}a{color:inherit;text-decoration:none}main{width:min(100%, var(--content-reading-width));padding:var(--space-8) var(--space-5);margin:0 auto}.shell-card{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-md);display:grid}.shell-title,.shell-copy{margin:0}.shell-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.shell-link{min-height:var(--space-7);padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);transition:background var(--duration-instant) var(--ease-out), border-color var(--duration-instant) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.shell-link:hover{transform:translateY(calc(-1 * var(--space-1)))}.shell-link:focus-visible{outline:var(--space-1) solid var(--color-accent);outline-offset:var(--space-1)}.shell-link-primary{background:var(--color-primary);color:var(--color-base-foreground)}.shell-link-primary:hover{background:var(--color-primary-strong)}.shell-link-secondary{border-color:var(--color-border);background:var(--color-muted);color:var(--color-base-foreground)}.shell-link-secondary:hover{border-color:var(--color-accent)}.dashboard-account-card{gap:var(--space-5);margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--color-input);border-radius:var(--radius-lg);background:radial-gradient(circle at top right, var(--color-accent), transparent 32%), var(--color-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative;overflow:hidden}.dashboard-account-orbit{inset:auto var(--space-5) var(--space-5) auto;width:var(--space-8);height:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);opacity:.45;position:absolute}.dashboard-account-orbit:after{top:var(--space-2);right:var(--space-2);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-secondary-soft);box-shadow:var(--shadow-glow-gold);content:"";position:absolute}.dashboard-account-copy{gap:var(--space-3);display:grid;position:relative}.dashboard-eyebrow,.dashboard-account-name,.dashboard-account-handle{margin:0}.dashboard-sign-out-button{min-width:var(--space-9);position:relative}.dashboard-route-card{gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--color-input);border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 42%), var(--color-muted);display:grid}.dashboard-route-copy{gap:var(--space-2);display:grid}.dashboard-route-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-route-link{min-width:0}.my-lists-grid{gap:var(--space-4);display:grid}.my-lists-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-input);border-radius:var(--radius-lg);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 30%), var(--color-muted);display:grid}.my-lists-card-copy{gap:var(--space-2);display:grid}.my-lists-visibility,.my-lists-title,.my-lists-meta{margin:0}.my-lists-empty-state{padding:var(--space-5);border:1px solid var(--color-input);border-radius:var(--radius-lg);background:var(--color-muted)}.shared-page-panel{gap:var(--space-5)}.shared-item-grid,.shared-list-grid{gap:var(--space-3);display:grid}.shared-item-card,.shared-list-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-input);border-radius:var(--radius-md);background:var(--color-muted);display:grid}.shared-list-card{transition:border-color var(--duration-instant) var(--ease-out), transform var(--duration-fast) var(--ease-out);text-decoration:none}.shared-list-card:hover{border-color:var(--color-accent);transform:translateY(calc(-1 * var(--space-1)))}.shared-list-card:focus-visible{outline:var(--space-1) solid var(--color-accent);outline-offset:var(--space-1)}.shared-item-title,.shared-list-card-title,.shared-list-card-meta,.shared-profile-handle{margin:0}.shared-profile-stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.shared-profile-stats span{padding:var(--space-2) var(--space-3);border:1px solid var(--color-input);border-radius:var(--radius-sm);background:var(--color-muted);color:var(--color-muted-foreground-strong);font-family:var(--font-mono);font-size:var(--text-code)}.shared-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-muted), color-mix(in srgb, var(--color-muted) 72%, var(--color-accent)), var(--color-muted));animation:shared-skeleton-pulse var(--duration-enter) var(--ease-in-out) infinite alternate;background-size:200% 100%;overflow:hidden}.shared-skeleton-label{width:30%;height:var(--space-3)}.shared-skeleton-title{width:72%;height:var(--space-7)}.shared-skeleton-copy{width:88%;height:var(--space-5)}.shared-skeleton-row{width:100%;height:var(--space-8)}@keyframes shared-skeleton-pulse{0%{background-position:0}to{background-position:100%}}@media (max-width:640px){.dashboard-account-card,.dashboard-route-grid{grid-template-columns:1fr}.dashboard-sign-out-button{width:100%}}main.app-page{width:100%;max-width:none;margin:0;padding:0}.app-shell{isolation:isolate;background:color-mix(in srgb, var(--color-base) 88%, transparent);min-height:100vh;display:flex;position:relative}.app-background{inset:calc(var(--omnix-app-background-blur,0px) * -1);z-index:-1;pointer-events:none;background-color:var(--color-base);background-image:linear-gradient(color-mix(in srgb, var(--color-base) 68%, transparent), color-mix(in srgb, var(--color-base) 80%, transparent)), var(--omnix-app-background-image,none);filter:blur(var(--omnix-app-background-blur,0px));transition:filter var(--duration-base) var(--ease-out);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed}.app-sidebar{z-index:40;width:var(--sidebar-width-expanded);min-width:var(--sidebar-width-expanded);background:var(--color-card);border-right:1px solid var(--color-border);transition:width var(--duration-slow) var(--ease-in-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.app-sidebar--collapsed{width:var(--sidebar-width-compact);min-width:var(--sidebar-width-compact)}.sidebar-header{height:56px;padding:0 var(--space-4) 0 calc((var(--sidebar-width-compact) - var(--sidebar-logo-size)) / 2);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;display:flex}.sidebar-logo-link{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sidebar-logo-mark{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);object-fit:contain;flex-shrink:0}.sidebar-logo-text{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h4);color:var(--color-base-foreground);white-space:nowrap;opacity:1;transition:opacity var(--duration-slow) var(--ease-in-out)}.app-sidebar--collapsed .sidebar-logo-text{opacity:0;pointer-events:none}.app-sidebar--collapsed .sidebar-header{padding-right:var(--space-3)}.sidebar-nav{padding:var(--space-2);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar-nav-item{align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-3) 0 calc((var(--sidebar-width-compact) - var(--space-2) * 2 - var(--sidebar-icon-size)) / 2);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-muted-foreground);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--color-muted);color:var(--color-base-foreground)}.sidebar-nav-item--active{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.sidebar-nav-item--active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.sidebar-nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-nav-item-label{opacity:1;transition:opacity var(--duration-slow) var(--ease-in-out);flex:1}.app-sidebar--collapsed .sidebar-nav-item-label{opacity:0;pointer-events:none}.app-sidebar--collapsed .sidebar-nav{padding-inline:var(--space-2)}.app-sidebar--collapsed .sidebar-nav-item,.app-sidebar--collapsed .sidebar-avatar-item{padding-right:var(--space-2)}.app-sidebar--collapsed .sidebar-nav-item--active{background:0 0}.app-sidebar--collapsed .sidebar-nav-item--active:after{content:"";z-index:0;width:var(--size-touch-target);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 10%, transparent);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.app-sidebar--collapsed .sidebar-nav-item--active:before{left:calc(50% - var(--size-touch-target) / 2);z-index:1}.sidebar-nav-item-icon{z-index:1;position:relative}.sidebar-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);min-width:18px;height:18px;font-size:10px;font-weight:var(--weight-semibold);transition:opacity var(--duration-base);flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex}.app-sidebar--collapsed .sidebar-badge{position:absolute;top:6px;right:6px}.sidebar-divider{background:var(--color-border);height:1px;margin:var(--space-2) var(--space-2)}.sidebar-avatar-item{align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-3) 0 calc((var(--sidebar-width-compact) - var(--space-2) * 2 - var(--sidebar-avatar-size)) / 2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.sidebar-avatar-item:hover{background:var(--color-muted)}.sidebar-avatar{width:var(--sidebar-avatar-size);height:var(--sidebar-avatar-size);border-radius:var(--radius-full);background:var(--color-primary);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sidebar-avatar-image{object-fit:cover}.sidebar-avatar-name{font-size:var(--text-body-sm);color:var(--color-base-foreground);opacity:1;transition:opacity var(--duration-slow) var(--ease-in-out);text-overflow:ellipsis;overflow:hidden}.app-sidebar--collapsed .sidebar-avatar-name{opacity:0;pointer-events:none}.sidebar-footer{height:calc(var(--space-6) + var(--space-6) + var(--space-3));border-top:1px solid var(--color-border);flex-shrink:0;padding:0;position:relative}.sidebar-toggle-btn{bottom:var(--space-2);left:calc((var(--sidebar-width-compact) - var(--sidebar-toggle-size)) / 2);width:var(--sidebar-toggle-size);height:var(--sidebar-toggle-size);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-muted-foreground);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.sidebar-toggle-btn:hover{background:var(--color-muted);color:var(--color-base-foreground)}.sidebar-version{top:var(--space-2);left:var(--space-3);font-size:var(--text-caption);color:var(--color-muted-foreground);font-family:var(--font-mono);padding:0 var(--space-1);opacity:1;transition:opacity var(--duration-slow) var(--ease-in-out);position:absolute}.app-sidebar--collapsed .sidebar-version{opacity:0;pointer-events:none}.sidebar-toggle-icon{transition:transform var(--duration-slow) var(--ease-in-out)}.sidebar-toggle-icon--collapsed{transform:rotate(180deg)}.app-topbar{top:0;right:0;left:var(--sidebar-width-expanded);z-index:30;height:56px;padding:0 var(--space-5);align-items:center;gap:var(--space-4);background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:left var(--duration-slow) var(--ease-in-out);display:flex;position:fixed}.app-topbar--sidebar-collapsed{left:var(--sidebar-width-compact)}.topbar-title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-medium);color:var(--color-base-foreground);flex-shrink:0;margin:0}.topbar-center{flex:1;align-items:center;display:flex}.topbar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.topbar-avatar-btn{border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;width:36px;height:36px;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:#fff;transition:opacity var(--duration-fast);border:none;justify-content:center;align-items:center;display:flex;position:relative}.topbar-avatar-btn:hover{opacity:.85}.topbar-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-muted-foreground);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.topbar-icon-btn:hover{background:var(--color-muted);color:var(--color-base-foreground)}.app-content{margin-left:var(--sidebar-width-expanded);min-width:0;min-height:100vh;transition:margin-left var(--duration-slow) var(--ease-in-out);flex:1}.app-content--sidebar-collapsed{margin-left:var(--sidebar-width-compact)}.app-content-inner{padding:var(--space-6) var(--space-6);max-width:var(--content-max-width);margin:0 auto}.mobile-bottom-bar{z-index:40;height:var(--size-mobile-bottom-bar);background:var(--color-card);border-top:1px solid var(--color-border);align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:var(--color-muted-foreground);font-size:10px;font-family:var(--font-body);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);padding:var(--space-2) 0;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-tab:hover,.mobile-tab--active{color:var(--color-primary)}.sidebar-overlay{z-index:35;animation:fade-in var(--duration-slow) var(--ease-out);background:#00000080;display:none;position:fixed;inset:0}.user-avatar{border-radius:var(--radius-full);background:var(--color-primary);font-weight:var(--weight-semibold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-avatar-sm{width:28px;height:28px;font-size:11px}.user-avatar-md{width:36px;height:36px;font-size:var(--text-caption)}.user-avatar-lg{width:48px;height:48px;font-size:var(--text-body-sm)}.user-avatar-xl{width:85px;height:85px;font-size:var(--text-h4)}.page-header{margin-bottom:var(--space-6)}.page-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground)}.page-subtitle{font-size:var(--text-body);color:var(--color-muted-foreground);margin:0}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-label{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground);margin:0}.section-link{font-size:var(--text-body-sm);color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.section-link:hover{text-decoration:underline}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-sm{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-padded{padding:var(--space-5)}.inline-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 85%, white)}.btn-secondary{background:var(--color-secondary);color:var(--color-base);border-color:var(--color-secondary)}.btn-ghost{color:var(--color-muted-foreground);border-color:var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-muted);color:var(--color-base-foreground)}.btn-destructive{background:var(--color-destructive);color:#fff;border-color:var(--color-destructive)}.btn-destructive-ghost{color:var(--color-destructive);border-color:var(--color-destructive);background:0 0}.btn-lg{padding:12px var(--space-5);font-size:var(--text-body);border-radius:var(--radius-md);height:48px}.btn-pill{border-radius:var(--radius-full)}.btn-full{justify-content:center;width:100%}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-muted-foreground);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--color-muted);color:var(--color-base-foreground)}.text-input{width:100%;padding:10px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);color:var(--color-base-foreground);font-family:var(--font-body);font-size:var(--text-body-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent)}.text-input::placeholder{color:var(--color-muted-foreground)}.omnix-input-bar{width:100%;min-height:var(--size-touch-target);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);color:var(--color-base-foreground);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;display:flex;position:relative}.omnix-input-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 var(--space-1) color-mix(in srgb, var(--color-primary) 25%, transparent)}.omnix-input-bar__leading,.omnix-input-bar__trailing{flex:none;justify-content:center;align-items:center;display:inline-flex}.omnix-input-bar__leading{margin-left:var(--space-3);color:var(--color-muted-foreground)}.omnix-input-bar__trailing{margin-right:var(--space-2)}.omnix-input-bar__input{width:100%;min-width:0;min-height:var(--size-touch-target);padding:0 var(--space-3);color:inherit;font-family:var(--font-body);font-size:var(--text-body-sm);background:0 0;border:0;outline:0}.omnix-input-bar__input::placeholder{color:var(--color-muted-foreground)}.omnix-select-trigger{min-width:0;min-height:var(--size-touch-target);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);color:var(--color-base-foreground);cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-sm);text-align:left;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);line-height:1;display:inline-flex}.omnix-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 56%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-input))}.omnix-select-trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 var(--space-1) color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.omnix-select-trigger:disabled{cursor:not-allowed;opacity:.6}.omnix-select-trigger--compact{min-height:calc(var(--space-4) * 2 + var(--space-1))}.omnix-select-trigger__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.omnix-select-option{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-width:0;display:flex}.textarea-input{resize:vertical;min-height:80px}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:var(--weight-medium);font-family:var(--font-body);display:inline-flex}.chip-muted{background:var(--color-muted);color:var(--color-muted-foreground)}.chip-primary{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary)}.chip-success{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.chip-secondary{background:color-mix(in srgb, var(--color-secondary) 15%, transparent);color:var(--color-secondary)}.chip-accent{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent)}.toggle-switch{border-radius:var(--radius-full);background:var(--color-muted);cursor:pointer;width:44px;height:24px;transition:background var(--duration-base) var(--ease-out);border:none;flex-shrink:0;position:relative}.toggle-switch:after{content:"";border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--duration-base) var(--ease-out);background:#fff;position:absolute;top:2px;left:2px}.toggle-switch--on{background:var(--color-primary)}.toggle-switch--on:after{transform:translate(20px)}.empty-state{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);flex-direction:column;display:flex}.empty-state-icon{color:var(--color-muted-foreground);opacity:.6}.empty-state-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0}.empty-state-description{font-size:var(--text-body-sm);color:var(--color-muted-foreground);max-width:320px;margin:0}.skeleton{border-radius:var(--radius-sm);background:var(--color-muted);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-muted-foreground) 15%, transparent), transparent);background-size:200% 100%;animation:1.4s linear infinite skeleton-sweep;position:absolute;inset:0}@keyframes skeleton-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.toast-container{bottom:var(--space-5);z-index:100;gap:var(--space-2);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:all;max-width:360px;animation:toast-enter var(--duration-slow) var(--ease-out);display:flex}@keyframes toast-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.toast-bar{border-radius:var(--radius-full);flex-shrink:0;align-self:stretch;width:4px}.toast-bar--success{background:var(--color-success)}.toast-bar--error{background:var(--color-destructive)}.toast-bar--info{background:var(--color-accent)}.toast-bar--default{background:var(--color-primary)}.toast-content{font-size:var(--text-body-sm);color:var(--color-base-foreground);flex:1}.toast-action{font-size:var(--text-body-sm);color:var(--color-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}.popover{z-index:50;background:var(--color-popover);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;min-width:180px;animation:popover-enter var(--duration-base) var(--ease-out);position:absolute}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-item{align-items:center;gap:var(--space-3);width:100%;height:36px;padding:0 var(--space-4);font-size:var(--text-body-sm);color:var(--color-base-foreground);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.popover-item:hover{background:var(--color-muted)}.popover-item--destructive{color:var(--color-destructive)}.popover-divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}.panel-overlay{z-index:45;animation:fade-in var(--duration-slow) var(--ease-out);background:#0006;position:fixed;inset:0}.panel{top:var(--space-6);right:var(--space-6);bottom:var(--space-6);z-index:46;width:min(var(--content-narrow-width), calc(100vw - var(--space-8)));background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:panel-enter var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}.panel-sm{width:min(calc(var(--content-narrow-width) - var(--space-7)), calc(100vw - var(--space-8)))}@keyframes panel-enter{0%{opacity:0;transform:translateY(calc(var(--space-3) * -1))}to{opacity:1;transform:translateY(0)}}.panel-header{min-height:calc(var(--size-touch-target) + var(--space-3));padding:0 var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.panel-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0}.panel-eyebrow{color:var(--color-muted-foreground);font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.panel-content{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.panel-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.item-edit-panel{width:min(var(--content-narrow-width), calc(100vw - var(--space-8)))}.item-edit-panel-heading{gap:var(--space-1);min-width:0;padding:var(--space-3) 0;text-align:center;flex:1;display:grid}.item-edit-panel .panel-title{font-size:var(--text-body);font-weight:var(--weight-semibold)}.item-edit-panel-content{padding:var(--space-4) var(--space-5);gap:0}.item-edit-panel-content>.settings-field,.item-edit-panel-content>.item-edit-checkbox-row{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.item-edit-panel-content>.settings-field:first-child{padding-top:0}.item-edit-panel-content>.settings-field:last-of-type{border-bottom:0}.item-edit-panel-content>.inline-btn.btn-destructive{margin-top:var(--space-5)}.dialog-overlay{z-index:50;animation:fade-in var(--duration-base) var(--ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:400px;max-width:calc(100vw - var(--space-6));padding:var(--space-6);gap:var(--space-4);animation:dialog-enter var(--duration-base) var(--ease-out);flex-direction:column;display:flex}@keyframes dialog-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.dialog-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0}.dialog-body{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0;line-height:1.6}.dialog-footer{justify-content:flex-end;gap:var(--space-3);display:flex}.cmd-overlay{z-index:55;animation:fade-in var(--duration-base) var(--ease-out);background:#0006;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-panel{width:640px;max-width:calc(100vw - var(--space-6));background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:dialog-enter var(--duration-base) var(--ease-out);overflow:hidden}.cmd-input-row{align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.cmd-input{height:56px;font-size:var(--text-body);color:var(--color-base-foreground);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.cmd-input::placeholder{color:var(--color-muted-foreground)}.cmd-results{max-height:400px;padding:var(--space-2) 0;overflow-y:auto}.cmd-section-label{font-size:var(--text-label);font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground);padding:var(--space-2) var(--space-4)}.cmd-item{align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-4);font-size:var(--text-body-sm);color:var(--color-base-foreground);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.cmd-item:hover,.cmd-item--selected{background:var(--color-muted)}.cmd-item-shortcut{font-size:var(--text-caption);color:var(--color-muted-foreground);font-family:var(--font-mono);margin-left:auto}.home-layout{gap:var(--space-6);padding:var(--space-6);max-width:var(--content-max-width);grid-template-columns:1fr 320px;align-items:start;margin:0 auto;display:grid}.home-layout>main{width:auto;min-width:0;margin:0;padding:0}.home-greeting{margin-bottom:var(--space-6)}.home-greeting-title{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground)}.home-greeting-sub{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0}.home-section{margin-bottom:var(--space-7)}.pinned-rail{gap:var(--space-4);scrollbar-width:none;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.pinned-rail::-webkit-scrollbar{display:none}.pinned-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:180px;height:220px;box-shadow:var(--shadow-md);cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;flex-shrink:0;text-decoration:none;display:flex;overflow:hidden}.pinned-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pinned-card-cover{flex:0 0 calc(var(--space-10) - var(--space-2));height:calc(var(--space-10) - var(--space-2));background:var(--color-muted);justify-content:center;align-items:center;font-size:36px;display:flex;overflow:hidden}.pinned-card-image{object-fit:contain;width:100%;height:100%;display:block}.pinned-card-body{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.pinned-card-title{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-base-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pinned-card-count{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.continue-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);text-decoration:none;display:flex;overflow:hidden}.continue-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.continue-card-cover{flex-shrink:0;justify-content:center;align-items:center;width:25%;min-height:120px;font-size:48px;display:flex}.continue-card-body{padding:var(--space-4);justify-content:space-between;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.continue-card-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0}.continue-card-time{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.continue-card-meta{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0}.continue-progress-bar{background:var(--color-muted);border-radius:var(--radius-full);height:4px;overflow:hidden}.continue-progress-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.activity-list{flex-direction:column;gap:0;display:flex}.activity-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.activity-row:last-child{border-bottom:none}.activity-text{font-size:var(--text-body-sm);color:var(--color-muted-foreground);flex:1;margin:0}.activity-text strong{color:var(--color-base-foreground);font-weight:var(--weight-medium)}.activity-time{font-size:var(--text-caption);color:var(--color-muted-foreground);flex-shrink:0}.right-rail{gap:var(--space-4);top:calc(56px + var(--space-6));flex-direction:column;display:flex;position:sticky}.widget-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.widget-title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-semibold);color:var(--color-base-foreground);margin:0 0 var(--space-3);justify-content:space-between;align-items:center;display:flex}.quick-add-row{gap:var(--space-2);display:flex}.quick-add-input{flex:1}.stats-row{gap:0;display:flex}.stat-item{text-align:center;padding:var(--space-2) var(--space-3);border-right:1px solid var(--color-border);flex:1}.stat-item:last-child{border-right:none}.stat-value{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-base-foreground);margin:0 0 2px}.stat-label{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.inbox-preview-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.inbox-preview-item:last-child{border-bottom:none}.inbox-preview-thumb{border-radius:var(--radius-md);background:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.inbox-preview-title{font-size:var(--text-body-sm);color:var(--color-base-foreground);-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.inbox-preview-domain{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.getting-started-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.getting-started-header{padding:var(--space-4);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.getting-started-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0}.getting-started-progress{font-size:var(--text-body-sm);color:var(--color-muted-foreground)}.checklist-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex}.checklist-check{border-radius:var(--radius-full);border:2px solid var(--color-border);width:20px;height:20px;transition:all var(--duration-base) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checklist-check--done{background:var(--color-success);border-color:var(--color-success);color:#fff}.checklist-label{font-size:var(--text-body-sm);color:var(--color-base-foreground);flex:1}.checklist-label--done{color:var(--color-muted-foreground);text-decoration:line-through}.explore-layout{padding:var(--space-6);max-width:var(--content-max-width);margin:0 auto}.explore-search-wrap{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.explore-search-box{flex:1}.explore-search-submit{min-height:var(--size-touch-target);flex:none}.explore-search-shortcut{font-size:var(--text-caption);color:var(--color-muted-foreground);font-family:var(--font-mono);background:var(--color-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.explore-search-clear{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--color-destructive);color:var(--color-destructive-foreground);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.explore-layout>.lists-tabs{margin:0 auto var(--space-5);scrollbar-width:none;max-width:100%;overflow-x:auto}.explore-layout>.lists-tabs::-webkit-scrollbar{display:none}.explore-history{max-width:none}.explore-history .section-label{margin-bottom:var(--space-3)}.explore-history-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.explore-history-row{width:100%;min-height:var(--size-touch-target);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-base-foreground);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:flex}.explore-history-row:hover,.explore-history-row:focus-visible{background:var(--color-card);border-color:var(--color-border)}.explore-history-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--space-1)}.explore-history-icon{width:var(--space-6);height:var(--space-6);flex:0 0 var(--space-6);border-radius:var(--radius-md);background:var(--color-muted);color:var(--color-muted-foreground);justify-content:center;align-items:center;display:inline-flex}.explore-history-copy{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.explore-history-query{color:var(--color-base-foreground);font-family:var(--font-body);font-size:var(--text-body-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.explore-history-context{color:var(--color-muted-foreground);font-family:var(--font-body);font-size:var(--text-caption);line-height:1}.explore-history-action{color:var(--color-muted-foreground);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);flex:none}.explore-history-row:hover .explore-history-action,.explore-history-row:focus-visible .explore-history-action{opacity:1}.results-list{gap:var(--space-3);display:grid}.content-item-row{min-width:0;min-height:calc(var(--space-8) + var(--space-2));grid-template-columns:calc(var(--space-7) + var(--space-2)) minmax(0, 1fr) auto;align-items:center;gap:var(--space-4);padding:0 var(--space-3) 0 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:grid;overflow:hidden}.content-item-row:hover{border-color:color-mix(in srgb, var(--color-primary) 44%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-card));transform:translateY(calc(-1 * var(--space-1)))}.content-item-row-thumb{width:calc(var(--space-7) + var(--space-2));border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--color-muted);height:100%;color:var(--color-muted-foreground);align-self:stretch;place-items:center;padding:0;line-height:0;display:grid;overflow:hidden}.content-item-row-thumb>img{object-fit:cover;width:100%;height:100%;display:block}.content-item-row-copy{gap:var(--space-2);min-width:0;display:grid}.content-item-row-heading,.content-item-row-metadata,.content-item-row-title-wrap{align-items:center;min-width:0;display:flex}.content-item-row-heading{justify-content:space-between;gap:var(--space-4)}.content-item-row-metadata{gap:var(--space-2);color:var(--color-muted-foreground);font-size:var(--text-caption);flex:none}.content-item-row-type{text-transform:capitalize}.content-item-row-title-wrap{gap:var(--space-2);flex:1;overflow:hidden}.content-item-row-title{color:var(--color-card-foreground);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-item-row-description{color:var(--color-muted-foreground);font-size:var(--text-body-sm);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.content-item-row-secondary{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-muted-foreground);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.content-item-row-pin{color:var(--color-primary);flex:none;display:inline-flex}.content-item-row-actions{align-items:center;gap:var(--space-2);display:flex}.content-item-row-action{min-height:var(--size-touch-target);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--text-body-sm);font-weight:var(--weight-medium);background:0 0;display:inline-flex}.content-item-row-action:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.content-item-row-action--destructive{color:var(--color-destructive)}.content-item-row-action--destructive:hover{border-color:var(--color-destructive);background:color-mix(in srgb, var(--color-destructive) 10%, transparent)}.content-item-row-action--icon{width:var(--size-touch-target);padding:0}.content-item-row-link{align-items:center;gap:var(--space-1);max-width:100%;color:var(--color-muted-foreground);display:inline-flex}.content-item-row-link:hover{color:var(--color-base-foreground)}.explore-results-toolbar{min-height:var(--size-touch-target);justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.explore-results-count{color:var(--color-muted-foreground);font-size:var(--text-body-sm)}.explore-results-toolbar-actions,.explore-menu-option{align-items:center;gap:var(--space-2);display:flex}.explore-results-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--space-9) * 2), 1fr));gap:var(--space-5) var(--space-4);display:grid}.explore-result-card{min-width:0}.explore-result-card-artwork{aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--color-muted);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.explore-result-card-artwork>a{width:100%;height:100%;color:var(--color-muted-foreground);place-items:center;display:grid}.explore-result-card-artwork img{object-fit:cover;transition:transform var(--duration-base) var(--ease-out)}.explore-result-card:hover .explore-result-card-artwork img{transform:scale(1.03)}.explore-result-card-artwork>a:focus-visible{outline:var(--space-1) solid var(--color-primary);outline-offset:calc(var(--space-1) * -1)}.explore-result-card-placeholder{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-semibold)}.explore-result-card-type{top:var(--space-2);right:var(--space-2);z-index:1;padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb, var(--color-base-foreground) 28%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-base) 74%, transparent);color:var(--color-base-foreground);-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:1.5;position:absolute}.explore-result-card-add{right:var(--space-2);bottom:var(--space-2);z-index:1;width:var(--size-touch-target);height:var(--size-touch-target);border:1px solid color-mix(in srgb, var(--color-base-foreground) 28%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-base) 78%, transparent);color:var(--color-base-foreground);-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.explore-result-card-add:hover{background:var(--color-primary);color:var(--color-primary-foreground);transform:translateY(calc(var(--space-1) * -1))}.explore-result-card-add:focus-visible{outline:var(--space-1) solid var(--color-primary);outline-offset:var(--space-1)}.explore-result-card-copy{gap:var(--space-1);padding-top:var(--space-2);display:grid}.explore-result-card-title{min-height:calc(var(--text-body-sm) * 2.7);color:var(--color-base-foreground);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.explore-result-card-title:hover{color:var(--color-primary)}.explore-result-card-year{color:var(--color-muted-foreground);font-size:var(--text-caption)}.explore-categories-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.category-card{aspect-ratio:1;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card-emoji{transition:transform var(--duration-fast) var(--ease-spring);font-size:32px}.category-card:hover .category-card-emoji{transform:scale(1.08)}.category-card-label{font-size:var(--text-body-sm);color:var(--color-muted-foreground);font-family:var(--font-body)}.results-list{gap:var(--space-3);flex-direction:column;display:flex}.result-row{align-items:center;gap:var(--space-4);height:56px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border-radius:0;display:flex;position:relative}.result-row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.result-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:none}.result-row:hover{background:var(--color-muted)}.result-thumb{border-radius:var(--radius-md);background:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.result-info{flex:1;min-width:0}.result-title{font-size:var(--text-body);color:var(--color-base-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.result-subtitle{font-size:var(--text-body-sm);color:var(--color-muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.result-add-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:var(--weight-medium);cursor:pointer;border:1px solid var(--color-border);color:var(--color-muted-foreground);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;display:none}.result-row:hover .result-add-btn{display:flex}.result-add-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.detail-page{max-width:var(--content-max-width);padding:var(--space-6);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.detail-hero{isolation:isolate;align-items:stretch;gap:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);padding:0;display:flex;position:relative;overflow:hidden}.detail-hero-backdrop{z-index:-1;object-fit:cover;opacity:.12;filter:saturate(1.15)contrast(1.05);-webkit-mask-image:linear-gradient(90deg,#000,#0000 76%);mask-image:linear-gradient(90deg,#000,#0000 76%)}.detail-hero-cover{aspect-ratio:2/3;background:var(--color-muted);width:auto;color:var(--color-muted-foreground);font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-semibold);border-radius:0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative;overflow:hidden}.detail-hero-content{align-items:flex-start;gap:var(--space-4);min-width:0;padding:var(--space-6);flex-direction:column;flex:1;display:flex}.detail-hero-title{font-family:var(--font-display);font-size:clamp(var(--text-h2), 5vw, var(--text-h1));margin:0;line-height:1.05}.detail-hero-description{max-width:var(--content-reading-width);color:var(--color-muted-foreground);white-space:pre-line;margin:0;line-height:1.65}.detail-description{gap:var(--space-2);width:100%;display:grid}.detail-hero-description--collapsed{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-description-toggle{min-height:var(--size-touch-target);color:var(--color-primary);cursor:pointer;font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);background:0 0;border:0;padding:0}.detail-description-toggle:hover{color:var(--color-accent)}.detail-description-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.detail-summary-strip{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;display:grid}.detail-summary-section{gap:var(--space-4);flex-direction:column;display:flex}.detail-summary-section .section-label{margin:0}.detail-summary-item{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--color-primary) 52%, transparent);display:grid}.detail-summary-item dt{color:var(--color-muted-foreground);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.detail-summary-item dd{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-semibold);margin:0;line-height:1.5}.detail-people-section{gap:var(--space-4);flex-direction:column;display:flex}.detail-people-section-header{min-height:var(--size-touch-target);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.detail-people-section-header .section-label{margin:0}.detail-people-expand{width:var(--size-touch-target);height:var(--size-touch-target);border-radius:var(--radius-md);color:var(--color-muted-foreground);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.detail-people-expand:hover{background:var(--color-muted);color:var(--color-card-foreground)}.detail-people-expand:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.detail-people-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-rows:var(--space-8);gap:var(--space-5);display:grid}.detail-people-grid--collapsed{max-height:calc(var(--space-8) * 2 + var(--space-5));overflow:hidden}.detail-person-card{min-width:0;min-height:var(--space-8);align-items:center;gap:var(--space-3);padding:0 var(--space-3) 0 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);display:flex}.detail-person-avatar{width:var(--space-7);height:var(--space-8);border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--color-muted);color:var(--color-muted-foreground);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.detail-person-copy{gap:var(--space-1);min-width:0;display:grid}.detail-person-copy p,.detail-person-copy span{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.detail-person-copy p{font-weight:var(--weight-semibold)}.detail-person-copy span{color:var(--color-muted-foreground);font-size:var(--text-body-sm)}.add-panel-list-item{align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;display:flex}.add-panel-list-item:hover{background:var(--color-muted)}.add-panel-list-item--selected{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-color:var(--color-primary)}.add-panel-list-cover{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.add-panel-list-info{flex:1;min-width:0}.add-panel-list-name{font-size:var(--text-body-sm);color:var(--color-base-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.add-panel-list-count{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.destination-picker-list{gap:var(--space-2);max-height:calc(var(--space-10) * 4);margin-top:var(--space-3);display:grid;overflow-y:auto}.panel-content>.destination-picker-list{margin-top:calc(var(--space-2) * -1);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.omnix-scroll-area{scrollbar-color:var(--color-muted-foreground) transparent;scrollbar-width:thin}.omnix-scroll-area::-webkit-scrollbar{width:var(--space-2)}.omnix-scroll-area::-webkit-scrollbar-track{background:0 0}.omnix-scroll-area::-webkit-scrollbar-thumb{border:calc(var(--space-1) / 2) solid transparent;border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-muted-foreground) 64%, transparent);min-height:var(--size-touch-target);background-clip:padding-box}.omnix-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--color-muted-foreground);background-clip:padding-box}.omnix-checkbox{width:var(--size-touch-target);height:var(--size-touch-target);min-width:var(--size-touch-target);min-height:var(--size-touch-target);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-card-foreground);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.omnix-checkbox:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 58%, var(--color-border))}.omnix-checkbox[aria-checked=true],.omnix-checkbox[aria-checked=mixed]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-foreground)}.omnix-checkbox:disabled{cursor:not-allowed;opacity:.6}.omnix-checkbox__indicator{width:var(--space-5);height:var(--space-5);box-sizing:border-box;border:1px solid var(--color-border);border-radius:calc(var(--radius-md) - var(--space-1));background:0 0;justify-content:center;align-items:center;display:inline-flex}.omnix-checkbox[aria-checked=true] .omnix-checkbox__indicator,.omnix-checkbox[aria-checked=mixed] .omnix-checkbox__indicator{border-color:var(--color-primary-foreground);background:var(--color-primary-foreground);color:var(--color-primary)}.destination-picker-row{min-height:calc(var(--size-touch-target) + var(--space-3));align-items:center;gap:var(--space-2);padding-top:var(--space-2);padding-right:var(--space-3);padding-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);display:flex}.destination-picker-row:hover{border-color:color-mix(in srgb, var(--color-primary) 48%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 5%, var(--color-card))}.destination-picker-row:has(.destination-picker-checkbox[aria-checked=true]){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-card))}.destination-picker-row:has(.destination-picker-checkbox[aria-checked=mixed]){border-color:color-mix(in srgb, var(--color-primary) 62%, var(--color-border))}.destination-picker-checkbox{flex:0 0 var(--size-touch-target)}.destination-picker-copy{gap:var(--space-1);flex:1;min-width:0;display:grid}.destination-picker-title,.destination-picker-meta{margin:0}.destination-picker-title{color:var(--color-card-foreground);font-size:var(--text-body-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.destination-picker-meta{color:var(--color-muted-foreground);font-size:var(--text-caption)}.destination-picker-expand{width:var(--size-touch-target);height:var(--size-touch-target);border-radius:var(--radius-md);color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.destination-picker-expand:hover,.destination-picker-expand:focus-visible{background:var(--color-muted);color:var(--color-base-foreground)}.lists-page-layout{min-height:100vh;padding:var(--space-6);max-width:var(--content-max-width);flex-direction:column;margin:0 auto;display:flex}.lists-toolbar{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);display:flex}.lists-tabs{gap:var(--space-4);border-radius:var(--radius-none);background:0 0;width:fit-content;padding:0;display:flex}.lists-tab{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-touch-target);border-radius:var(--radius-none);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;color:var(--color-muted-foreground);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0;display:inline-flex;position:relative}.lists-tab:after{content:"";height:var(--space-1);background-color:var(--color-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4'%3E%3Cpath d='M0 2Q2 0 4 2T8 2' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x left / var(--space-2) var(--space-1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4'%3E%3Cpath d='M0 2Q2 0 4 2T8 2' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x left / var(--space-2) var(--space-1);opacity:0;transform-origin:50%;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.lists-tab:before{content:"";background:var(--color-primary);transform-origin:50%;height:1px;transition:transform var(--duration-fast) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.lists-tab:hover:after{opacity:1;animation:explore-tab-wave var(--duration-slow) linear infinite;transform:scaleX(1)}.lists-tab--active{color:var(--color-primary)}.lists-tab--active:before{transform:scaleX(1)}.lists-tab:focus-visible{color:var(--color-primary);outline:none}@keyframes explore-tab-wave{to{-webkit-mask-position:var(--space-2) 0;mask-position:var(--space-2) 0}}.lists-toolbar-actions{align-items:center;gap:var(--space-3);display:flex}.lists-select-toggle,.lists-selection-clear{width:calc(var(--space-4) * 2 + var(--space-1));height:calc(var(--space-4) * 2 + var(--space-1));width:auto;min-width:calc(var(--space-4) * 2 + var(--space-1));padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-muted-foreground);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.lists-select-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.lists-select-toggle--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-foreground)}.lists-selection-clear{border-color:var(--color-destructive);background:color-mix(in srgb, var(--color-destructive) 12%, var(--color-card));color:var(--color-destructive)}.lists-selection-clear:hover{background:var(--color-destructive);color:var(--color-destructive-foreground)}.lists-toolbar-controls{gap:var(--space-3);flex-wrap:nowrap;flex-shrink:0;display:flex}.lists-edit-actions{align-items:center;gap:var(--space-3);display:inline-flex}.lists-search-wrap{min-width:calc(var(--space-9) * 2 + var(--space-6));transition:flex-basis var(--duration-base) var(--ease-in-out);flex:1;position:relative}.lists-toolbar-actions .inline-btn,.lists-toolbar-controls>.text-input{box-sizing:border-box;min-height:calc(var(--space-4) * 2 + var(--space-1));height:calc(var(--space-4) * 2 + var(--space-1))}.lists-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.list-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.list-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.list-card--selectable{cursor:default}.list-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 var(--space-1) color-mix(in srgb, var(--color-primary) 34%, transparent)}.list-card-pin{z-index:1;top:var(--space-2);right:var(--space-2);position:absolute}.list-card-selection-hit-area{z-index:2;border-radius:inherit;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.list-card-selection-hit-area:focus-visible{outline:var(--space-1) solid var(--color-primary);outline-offset:var(--space-1)}.list-card-selection-indicator{top:var(--space-2);left:var(--space-2);width:var(--space-5);height:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:#0000;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute}.list-card--selected .list-card-selection-indicator{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-foreground)}.list-pagination{align-items:center;gap:var(--space-3);padding-top:var(--space-6);grid-template-columns:1fr auto 1fr;margin-top:auto;display:grid}.list-pagination-start,.list-pagination-end{gap:var(--space-3);display:flex}.list-pagination-end{justify-content:flex-end}.lists-library-content{flex:1}.list-pagination-status{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-muted-foreground);font-size:var(--text-body-sm);display:inline-flex}.list-pagination-page-input{width:calc(var(--space-5) + var(--space-4));min-height:calc(var(--space-4) * 2 + var(--space-1));box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);color:var(--color-base-foreground);font-family:var(--font-body);font-size:var(--text-body-sm);text-align:center;appearance:textfield;padding:0}.list-pagination-page-input::-webkit-inner-spin-button{appearance:none;margin:0}.list-pagination-page-input::-webkit-outer-spin-button{appearance:none;margin:0}.list-pagination-page-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 var(--space-1) color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.list-card-cover{justify-content:center;align-items:center;height:130px;font-size:48px;display:flex;position:relative;overflow:hidden}.list-card-image{object-fit:cover}.list-card-hover-actions{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2);transition:transform var(--duration-fast) var(--ease-out);background:#0009;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.list-card:hover .list-card-hover-actions{transform:translateY(0)}.list-card-body{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.list-card-title{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-base-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.list-card-count{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.list-card-footer{justify-content:space-between;align-items:center;display:flex}.lists-rows{flex-direction:column;gap:0;display:flex}.list-row{align-items:center;gap:var(--space-4);height:64px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);text-decoration:none;display:flex;position:relative}.list-row:hover{background:var(--color-muted)}.list-row-thumb{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.list-row-info{flex:1;min-width:0}.list-row-title{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-base-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.list-row-count{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.list-row-time{font-size:var(--text-caption);color:var(--color-muted-foreground);flex-shrink:0}.list-detail-layout{max-width:var(--content-max-width);margin:0 auto}.list-hero{align-items:flex-end;height:200px;display:flex;position:relative;overflow:hidden}.list-hero-bg{justify-content:center;align-items:center;font-size:80px;display:flex;position:absolute;inset:0}.list-hero-gradient{background:linear-gradient(#0000,#000000b3);height:60%;position:absolute;bottom:0;left:0;right:0}.list-hero-content{padding:var(--space-5);justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:relative}.list-hero-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:#fff;text-shadow:0 1px 4px #00000080;margin:0 0 2px}.list-hero-meta{font-size:var(--text-caption);color:#fffc;margin:0}.list-hero-actions{gap:var(--space-2);display:flex}.list-hero-action-btn{width:var(--size-touch-target);height:var(--size-touch-target);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#ffffff26;border:none;justify-content:center;align-items:center;display:flex}.list-hero-action-btn:hover{background:#ffffff40;transform:translateY(-1px)}.list-hero-save-action{gap:var(--space-2);width:auto;padding:0 var(--space-3);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.list-info-strip{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5);gap:var(--space-4);align-items:center;display:flex}.list-description{font-size:var(--text-body-sm);color:var(--color-muted-foreground);flex:1;margin:0}.list-detail-toolbar{padding:0 var(--space-5) var(--space-3);justify-content:flex-end;align-items:center;display:flex}.list-detail-toolbar-actions{align-items:center;gap:var(--space-2);display:flex}.list-detail-search{min-width:calc(var(--space-10) * 2 + var(--space-5));align-items:center;display:flex;position:relative}.list-detail-search-icon{z-index:1;left:var(--space-3);color:var(--color-muted-foreground);pointer-events:none;position:absolute}.list-detail-search-input{min-height:var(--size-touch-target);padding-left:var(--space-7)}.list-detail-menu-item{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;display:flex}.inline-add-row{margin:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);display:flex}.inline-add-bar{height:40px;padding:0 var(--space-4);background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:text;transition:border-color var(--duration-fast) var(--ease-out);flex:1;align-items:center;display:flex}.inline-add-bar:focus-within{border-color:var(--color-primary)}.inline-add-input{text-align:left;height:100%;line-height:40px;font-size:var(--text-body-sm);color:var(--color-base-foreground);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:0}.inline-add-row>.inline-btn{height:40px}.inline-add-input::placeholder{color:var(--color-muted-foreground)}.items-list{padding:0 var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.item-list-card{align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:flex}.item-list-card:hover{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-card));border-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.list-item-image{isolation:isolate;background:var(--color-muted);flex:none;position:relative;overflow:hidden}.list-item-image--row{width:calc(var(--space-8) + var(--space-2));border-radius:var(--radius-md);align-self:center}.list-item-image--tile{width:100%;height:calc(var(--space-10) - var(--space-2))}.list-item-image--landscape{aspect-ratio:16/9}.list-item-image--square{aspect-ratio:1}.list-item-image--portrait{aspect-ratio:2/3}.list-item-image-backdrop{z-index:-1;object-fit:cover;opacity:.32;filter:saturate(1.15)contrast(1.05);-webkit-mask-image:linear-gradient(90deg,#000,#0000 76%);mask-image:linear-gradient(90deg,#000,#0000 76%)}.list-item-image-content{object-fit:contain}.item-list-card-main{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.item-list-card-heading{align-items:flex-start;gap:var(--space-2);display:flex}.item-list-card-title{color:var(--color-base-foreground);font-size:var(--text-body);font-weight:var(--weight-medium);flex:1;margin:0;line-height:1.35}.item-list-card-pin{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.item-list-card-disclosure{height:var(--size-touch-target);width:var(--size-touch-target);min-width:var(--size-touch-target);border-radius:var(--radius-md);color:var(--color-primary);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.item-list-card-disclosure:hover{background:var(--color-muted);color:var(--color-primary)}.item-list-card-disclosure:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.item-list-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.item-list-card-link{align-items:center;gap:var(--space-1);max-width:100%;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-base-background);color:var(--color-muted-foreground);font-size:var(--text-caption);text-decoration:none;display:inline-flex}.item-list-card-link:hover{color:var(--color-base-foreground);border-color:color-mix(in srgb, var(--color-primary) 20%, var(--color-border))}.item-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.item-list-card-actions{align-self:stretch;align-items:center;gap:var(--space-1);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-shrink:0;display:flex;transform:translate(4px)}.item-list-card:hover .item-list-card-actions{opacity:1;pointer-events:auto;transform:translate(0)}.items-grid{padding:var(--space-4) var(--space-5);gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.item-tile{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.item-tile:hover{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-card));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.item-tile-cover{background:var(--color-muted);justify-content:center;align-items:center;height:120px;font-size:40px;display:flex}.item-tile-body{padding:var(--space-3)}.item-card-hover-actions{gap:var(--space-2);margin-top:var(--space-3);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:flex;transform:translateY(4px)}.item-tile:hover .item-card-hover-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.item-tile-title{font-size:var(--text-body-sm);color:var(--color-base-foreground);font-weight:var(--weight-medium);margin:0 0 var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.item-tile-hover-actions{gap:var(--space-2);padding:var(--space-2);transition:transform var(--duration-fast) var(--ease-out);background:#000000b3;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.item-tile:hover .item-tile-hover-actions{transform:translateY(0)}.star-rating{gap:2px;display:flex}.star{cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);font-size:14px}.star:hover{transform:scale(1.2)}.item-detail-media{background:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:240px;font-size:64px;display:flex}.item-detail-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-base-foreground);margin:0}.item-detail-url{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden}.item-detail-url:hover{text-decoration:underline}.item-detail-description{font-size:var(--text-body);color:var(--color-muted-foreground);margin:0;line-height:1.65}.metadata-section{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.metadata-section-header{margin-bottom:var(--space-3);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.metadata-section-title{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground);margin:0}.metadata-row{height:36px;padding:0 var(--space-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.metadata-row:last-child{border-bottom:none}.metadata-key{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0}.metadata-value{font-size:var(--text-body-sm);color:var(--color-base-foreground);margin:0}.list-settings-layout{width:100%;padding:var(--space-6);max-width:var(--content-reading-width);margin:0 auto}.settings-subnav{top:calc(56px + var(--space-6));background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex;position:sticky}.subnav-item{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-muted-foreground);cursor:pointer;text-align:left;width:100%;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.subnav-item:hover{background:var(--color-muted);color:var(--color-base-foreground)}.subnav-item--active{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.settings-section{gap:var(--space-5);flex-direction:column;display:flex}.settings-section-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.settings-section-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.settings-profile-summary{align-items:center;gap:var(--space-4);min-width:0;display:flex}.settings-profile-avatar{width:calc(var(--space-7) + var(--space-2));height:calc(var(--space-7) + var(--space-2));border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-muted));flex:none;place-items:center;display:grid;overflow:hidden}.settings-profile-avatar-image{object-fit:cover;width:100%;height:100%}.settings-profile-summary .inline-btn{flex:none}.danger-zone-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.list-settings-cover-preview{aspect-ratio:16/9;width:100%;height:auto;max-height:calc(var(--space-10) * 2 + var(--space-8));object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-muted);display:block}.settings-field{gap:var(--space-2);flex-direction:column;display:flex}.settings-field-label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-base-foreground);margin:0}.settings-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1;min-width:0}.settings-row-label{font-size:var(--text-body);color:var(--color-base-foreground);margin:0}.settings-row-desc{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0}.danger-zone-card{background:color-mix(in srgb, var(--color-destructive) 8%, transparent);border:1px solid var(--color-destructive);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.collaborator-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.collaborator-row:last-child{border-bottom:none}.inbox-layout{padding:var(--space-6);max-width:640px;margin:0 auto}.inbox-header{justify-items:center;gap:var(--space-3);text-align:center;margin-bottom:var(--space-6);display:grid}.inbox-title-row{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.inbox-sort-control{align-items:center;gap:var(--space-2);color:var(--color-muted-foreground);font-size:var(--text-body-sm);display:inline-flex}.inbox-sort-control .inline-btn{min-height:var(--size-touch-target)}.inbox-sort-menu-item{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;display:flex}.inbox-shortcuts{justify-content:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.inbox-shortcut{align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-muted-foreground);display:flex}.kbd{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-muted-foreground);background:var(--color-muted);justify-content:center;align-items:center;padding:1px 6px;font-size:11px;display:inline-flex}.triage-stack{justify-content:center;align-items:center;height:480px;display:flex;position:relative}.triage-card-bg{border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);width:100%;max-width:480px;position:absolute}.triage-card-bg-2{opacity:.5;height:380px;transform:translateY(16px)scale(.96)}.triage-card-bg-3{opacity:.3;height:370px;transform:translateY(28px)scale(.92)}.triage-card{z-index:5;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:triage-enter var(--duration-slow) var(--ease-out);position:relative;overflow:hidden}@keyframes triage-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.triage-card-exit-left{animation:triage-exit-left var(--duration-base) var(--ease-in) forwards}.triage-card-exit-right{animation:triage-exit-right var(--duration-base) var(--ease-in) forwards}@keyframes triage-exit-left{to{opacity:0;transform:translate(-120%)rotate(-15deg)}}@keyframes triage-exit-right{to{opacity:0;transform:translate(120%)rotate(15deg)}}.triage-card-image{background:var(--color-muted);justify-content:center;align-items:center;width:100%;height:200px;font-size:48px;display:flex}.triage-card-content{padding:var(--space-4)}.triage-card-domain{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0 0 var(--space-2);font-family:var(--font-mono)}.triage-card-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0 0 var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.triage-card-desc{font-size:var(--text-body-sm);color:var(--color-muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.triage-actions{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-card);justify-content:space-between;align-items:center;display:flex}.notifications-layout{padding:var(--space-6);max-width:var(--content-reading-width);margin:0 auto}.notifications-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.notifications-title-row{align-items:center;gap:var(--space-3);display:flex}.notifications-title{color:var(--color-base-foreground);font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);margin:0}.notifications-sections{gap:var(--space-6);flex-direction:column;display:flex}.notifications-sections>section{gap:var(--space-3);display:grid}.notifications-sections>section>.section-label{margin:0}.notification-section-list{gap:var(--space-2);flex-direction:column;display:flex}.notifications-error{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--color-destructive);border-radius:var(--radius-md);background:var(--color-card);display:flex}.notification-feed-row{width:100%;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-card-foreground);text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:block}.notification-feed-row:hover{background:var(--color-muted)}.notification-feed-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--space-1)}.notification-feed-row--single{border-radius:var(--radius-lg)}.notification-feed-row--first{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.notification-feed-row--middle{border-radius:var(--radius-none)}.notification-feed-row--last{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.notification-feed-content{align-items:flex-start;gap:var(--space-3);display:flex}.notification-feed-avatar{width:var(--size-touch-target);height:var(--size-touch-target);flex:0 0 var(--size-touch-target);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.notification-feed-avatar-dot{width:var(--space-3);height:var(--space-3);border:2px solid var(--color-card);border-radius:var(--radius-full);position:absolute;top:0;left:0}.notification-feed-body{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.notification-feed-meta{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notification-feed-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notification-feed-badge{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-medium)}.notification-feed-unread-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full)}.notification-feed-message{line-height:1.5}.notif-list{flex-direction:column;display:flex}.notif-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.notif-row:hover{background:var(--color-muted)}.notif-row--unread{background:color-mix(in srgb, var(--color-primary) 5%, transparent);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-4) - 3px)}.notif-content{flex:1;min-width:0}.notif-text{font-size:var(--text-body-sm);color:var(--color-base-foreground);margin:0 0 var(--space-2);line-height:1.5}.notif-text strong{font-weight:var(--weight-semibold)}.notif-time{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.notif-invite-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.profile-layout{max-width:760px;padding:var(--space-6);gap:var(--space-5);margin:0 auto;display:grid}.profile-avatar-ring{border:2px solid var(--color-primary);border-radius:var(--radius-full);padding:var(--space-1);width:fit-content}.profile-hero{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.profile-bio-block{gap:var(--space-1);display:grid}.profile-name{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-base-foreground);margin:0;line-height:1.15}.profile-username{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0}.profile-bio{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:var(--space-1) 0 0;max-width:620px;line-height:1.6}.profile-stats-row{justify-content:stretch;align-items:center;min-width:0;display:flex}.profile-stat{text-align:center;min-width:0;padding:0 var(--space-3);flex:1}.profile-stat+.profile-stat{border-left:1px solid var(--color-border)}.profile-stat-value{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--color-base-foreground);margin:0;line-height:1.15}.profile-stat-label{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.profile-action-row{align-items:center;gap:var(--space-3);padding-top:var(--space-2);display:flex}.profile-avatar-image{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.profile-menu-anchor{position:relative}.profile-menu{top:calc(100% + var(--space-2));right:0}.profile-section,.profile-list-stack,.profile-pinned-strip{gap:var(--space-3);display:grid}.profile-list-row-wrap{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.profile-list-row-wrap:hover{border-color:color-mix(in srgb, var(--color-primary) 38%, var(--color-border));background:color-mix(in srgb, var(--color-card) 92%, var(--color-primary));transform:translateY(-1px)}.profile-list-row{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);color:inherit;grid-template-columns:48px minmax(0,1fr);text-decoration:none;display:grid}.profile-list-thumb{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-muted));place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.profile-list-thumb-image{object-fit:cover;width:100%;height:100%}.profile-list-thumb-letter{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-base-foreground)}.profile-list-row-copy{gap:var(--space-1);min-width:0;display:grid}.profile-list-row-title,.profile-list-row-meta{margin:0}.profile-list-row-title{color:var(--color-base-foreground);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.profile-list-row-meta{color:var(--color-muted-foreground);font-size:var(--text-caption)}.profile-list-menu-button{margin-right:var(--space-2)}.profile-avatar-skeleton{border-radius:var(--radius-full);width:96px;height:96px}.profile-stat-skeleton-value,.profile-stat-skeleton-label{margin-left:auto;margin-right:auto}.profile-stat-skeleton-value{width:56px;height:var(--space-5);margin-bottom:var(--space-2)}.profile-stat-skeleton-label{width:72px;height:var(--space-3)}.profile-skeleton-title,.profile-skeleton-handle,.profile-skeleton-copy{margin-left:auto;margin-right:auto}.profile-skeleton-title{width:min(320px,70%);height:var(--space-7);margin-bottom:var(--space-2)}.profile-skeleton-handle{width:min(160px,45%);height:var(--space-4);margin-bottom:var(--space-4)}.profile-skeleton-copy{width:min(460px,86%);height:var(--space-5)}@media (max-width:640px){.profile-layout{padding:var(--space-4)}.profile-hero{grid-template-columns:1fr;justify-items:start}.profile-stats-row{width:100%}}.edit-profile-photo-block{justify-items:center;gap:var(--space-2);display:grid}.edit-profile-photo-button{border-radius:var(--radius-full);background:var(--color-primary);width:85px;height:85px;color:var(--color-primary-foreground);cursor:pointer;font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.edit-profile-photo-button:hover .avatar-overlay,.edit-profile-photo-button:focus-visible .avatar-overlay{opacity:1}.avatar-overlay{background:var(--color-overlay);color:var(--color-on-color);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.edit-profile-photo-link{color:var(--color-primary);cursor:pointer;font-size:var(--text-body-sm);background:0 0;border:none}.edit-profile-header-button{border:none}.profile-field-description{margin:var(--space-2) 0 0;color:var(--color-muted-foreground);font-size:var(--text-caption)}.profile-field-description--error{color:var(--color-destructive)}.profile-username-input-wrap{position:relative}.profile-username-prefix{left:var(--space-3);color:var(--color-muted-foreground);position:absolute;top:50%;transform:translateY(-50%)}.profile-username-input{padding-left:calc(var(--space-3) + var(--space-4));font-family:var(--font-mono)}.profile-field-label-row{justify-content:space-between;gap:var(--space-3);display:flex}.edit-profile-avatar-skeleton{border-radius:var(--radius-full);width:85px;height:85px;margin:0 auto}.edit-profile-field-skeleton{height:var(--space-8)}.edit-profile-bio-skeleton{height:calc(var(--space-10) + var(--space-4))}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-layout{width:100%;padding:var(--space-6);max-width:calc(var(--content-reading-width) + var(--space-10) * 2 + var(--space-6));grid-template-columns:calc(var(--space-10) * 2) minmax(0, var(--content-reading-width));gap:var(--space-6);justify-content:center;align-items:start;margin:0 auto;display:grid}.theme-swatches{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.theme-swatch{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);color:var(--color-card-foreground);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;display:flex}.theme-swatch:hover{border-color:color-mix(in srgb, var(--color-primary) 48%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, transparent)}.theme-swatch--selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.theme-swatch-colors{border-radius:var(--radius-md);width:100%;height:32px;transition:border-color var(--duration-fast) var(--ease-out);border:2px solid #0000;display:flex;overflow:hidden}.theme-swatch--selected .theme-swatch-colors{border-color:var(--color-primary)}.theme-swatch-colors>span{flex:1}.settings-color-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-color-field{gap:var(--space-2);flex-direction:column;display:flex}.settings-color-field input[type=color]{width:100%;height:calc(var(--space-10) + var(--space-2));padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.settings-background-preview{width:100%;height:calc(var(--space-10) * 4);object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-muted);display:block}.button-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.theme-swatch-name{font-size:var(--text-caption);color:var(--color-muted-foreground)}.mode-selector{background:var(--color-muted);border-radius:var(--radius-md);gap:var(--space-1);padding:3px;display:flex}.mode-option{min-height:var(--size-touch-target);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:default;color:var(--color-muted-foreground);transition:all var(--duration-fast) var(--ease-out);text-align:center;background:0 0;border:1px solid #0000;flex:1;display:flex}.mode-option--active{background:var(--color-card);color:var(--color-base-foreground);box-shadow:var(--shadow-sm)}.settings-section-card input[type=range]{width:100%;height:var(--space-2);appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 18%, var(--color-muted));accent-color:var(--color-primary);margin:0}.settings-section-card input[type=range]::-webkit-slider-thumb{width:var(--space-4);height:var(--space-4);appearance:none;border:2px solid var(--color-card);border-radius:var(--radius-full);background:var(--color-primary);box-shadow:var(--shadow-sm)}.settings-section-card input[type=range]::-moz-range-thumb{width:var(--space-4);height:var(--space-4);border:2px solid var(--color-card);border-radius:var(--radius-full);background:var(--color-primary);box-shadow:var(--shadow-sm)}.item-edit-checkbox-row{min-height:var(--size-touch-target);align-items:center;gap:var(--space-2);color:var(--color-base-foreground);font-size:var(--text-body-sm);font-weight:var(--weight-medium);display:flex}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-left{background:var(--color-base);justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-8);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-ambient{background:radial-gradient(ellipse at 30% 40%, color-mix(in srgb, var(--color-primary) 25%, transparent) 0%, transparent 60%), radial-gradient(ellipse at 70% 60%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.auth-left-logo{z-index:1;align-items:center;gap:var(--space-3);display:flex;position:relative}.auth-product-mark{width:var(--space-7);height:var(--space-7);font-size:var(--text-h4)}.auth-product-name{color:var(--color-base-foreground);font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold)}.auth-left-tagline{z-index:1;font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-muted-foreground);text-align:center;max-width:440px;margin:0;position:relative}.auth-preview-cards{z-index:1;gap:var(--space-3);filter:blur(1px);opacity:.5;flex-direction:column;width:100%;max-width:360px;display:flex;position:relative}.auth-preview-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-3);align-items:center;display:flex}.auth-preview-emoji{justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.auth-preview-title,.auth-preview-meta,.auth-error,.auth-terms{margin:0}.auth-preview-title{color:var(--color-base-foreground);font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.auth-preview-meta,.auth-terms{color:var(--color-muted-foreground);font-size:var(--text-caption)}.auth-right{background:var(--color-card);padding:var(--space-8);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--space-5);flex-direction:column;width:100%;max-width:420px;display:flex}.auth-card-header{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.auth-card-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground);margin:0}.auth-card-subtitle{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0}.auth-card-subtitle strong{color:var(--color-base-foreground);font-weight:var(--weight-semibold)}.auth-social-actions,.auth-form-fields{gap:var(--space-4);flex-direction:column;display:flex}.auth-social-actions{gap:var(--space-2)}.auth-social-btn{justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);height:44px;color:var(--color-base-foreground);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);width:100%;text-decoration:none;display:flex}.auth-social-btn:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, var(--color-muted))}.auth-divider{align-items:center;gap:var(--space-3);display:flex}.auth-divider-line{background:var(--color-border);flex:1;height:1px}.auth-divider-text{font-size:var(--text-body-sm);color:var(--color-muted-foreground);flex-shrink:0}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-field-label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-base-foreground);justify-content:space-between;align-items:center;display:flex}.auth-forgot{font-size:var(--text-body-sm);color:var(--color-primary);cursor:pointer;text-decoration:none}.password-input{padding-right:var(--space-7)}.auth-error{color:var(--color-destructive);font-size:var(--text-body-sm)}.auth-captcha{min-height:var(--space-1)}.auth-terms{text-align:center}.auth-terms a{color:var(--color-primary)}.auth-forgot:hover{text-decoration:underline}.auth-footer-text{text-align:center;font-size:var(--text-body-sm);color:var(--color-muted-foreground)}.auth-footer-link{color:var(--color-primary);cursor:pointer;font-weight:var(--weight-medium);text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.password-input-wrap{position:relative}.password-toggle{right:var(--space-3);cursor:pointer;color:var(--color-muted-foreground);background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-strength-bar{height:3px;margin-top:var(--space-1);border-radius:var(--radius-full);background:var(--color-muted);overflow:hidden}.password-strength-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out)}.terms-text{font-size:var(--text-caption);color:var(--color-muted-foreground);text-align:center;line-height:1.5}.terms-link{color:var(--color-primary);text-decoration:none}.onboarding-shell{background:var(--color-base);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.onboarding-ambient{background:radial-gradient(ellipse at 20% 50%, color-mix(in srgb, var(--color-primary) 15%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, color-mix(in srgb, var(--color-accent) 10%, transparent) 0%, transparent 50%);pointer-events:none;animation:20s ease-in-out infinite alternate ambient-drift;position:fixed;inset:0}@keyframes ambient-drift{0%{opacity:.6}to{opacity:1}}.onboarding-progress-bar{z-index:10;background:var(--color-muted);height:4px;position:fixed;top:0;left:0;right:0}.onboarding-progress-fill{background:var(--color-primary);height:100%;transition:width .4s var(--ease-out)}.onboarding-topbar{height:56px;padding:0 var(--space-7);z-index:5;justify-content:space-between;align-items:center;margin-top:4px;display:flex;position:relative}.onboarding-step-indicator{font-size:var(--text-body-sm);color:var(--color-muted-foreground)}.onboarding-content{padding:var(--space-7) var(--space-7) 100px;z-index:5;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.onboarding-step{width:100%;max-width:640px;animation:step-enter var(--duration-base) var(--ease-out)}@keyframes step-enter{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}.onboarding-step-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground);text-align:center;margin:0 0 var(--space-2)}.onboarding-step-subtitle{font-size:var(--text-body);color:var(--color-muted-foreground);text-align:center;margin:0 0 var(--space-6)}.onboarding-bottom-bar{z-index:10;background:color-mix(in srgb, var(--color-base) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);height:72px;padding:0 var(--space-7);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.onboarding-categories-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.onboarding-category-chip{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-muted);cursor:pointer;height:80px;transition:all var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.onboarding-category-chip:hover{background:var(--color-card);box-shadow:var(--shadow-sm)}.onboarding-category-chip--selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.onboarding-category-emoji{font-size:28px}.onboarding-category-label{font-size:var(--text-body-sm);color:var(--color-base-foreground);font-weight:var(--weight-medium)}.onboarding-category-check{top:var(--space-2);right:var(--space-2);background:var(--color-success);border-radius:var(--radius-full);justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute}.onboarding-welcome-logo{background:var(--color-primary);width:72px;height:72px;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h2);color:#fff;margin:0 auto var(--space-5);border-radius:20px;justify-content:center;align-items:center;display:flex}.onboarding-welcome-headline{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-bold);color:var(--color-base-foreground);text-align:center;margin:0 0 var(--space-3)}.onboarding-welcome-sub{font-size:var(--text-body-lg);color:var(--color-muted-foreground);text-align:center;max-width:520px;margin:0 auto var(--space-6);line-height:1.65}.feature-reveal-cards{gap:var(--space-4);flex-direction:column;display:flex}.feature-reveal-card{align-items:flex-start;gap:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);animation:step-enter var(--duration-enter) var(--ease-out) both;display:flex}.feature-reveal-card:first-child{animation-delay:0s}.feature-reveal-card:nth-child(2){animation-delay:80ms}.feature-reveal-card:nth-child(3){animation-delay:.16s}.feature-reveal-icon{flex-shrink:0;font-size:36px}.feature-reveal-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0 0 var(--space-1)}.feature-reveal-desc{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0;line-height:1.55}.import-sources-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.import-source-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-items:center;display:flex;position:relative}.import-source-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.import-source-card--selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, var(--color-card))}.import-source-emoji{background:var(--color-muted);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.import-source-info{flex:1;min-width:0}.import-source-name{font-weight:var(--weight-medium);color:var(--color-base-foreground);font-size:var(--text-body-sm);margin:0 0 2px}.import-source-desc{font-size:var(--text-caption);color:var(--color-muted-foreground);margin:0}.coming-soon-badge{top:var(--space-2);right:var(--space-2);position:absolute}.profile-setup-avatar{border-radius:var(--radius-full);border:2px dashed var(--color-border);cursor:pointer;background:var(--color-muted);width:85px;height:85px;margin:0 auto var(--space-2);transition:border-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;font-size:32px;display:flex}.profile-setup-avatar:hover{border-color:var(--color-primary)}.profile-setup-avatar-label{text-align:center;font-size:var(--text-body-sm);color:var(--color-primary);margin:0 0 var(--space-5);cursor:pointer}.handle-share-layout{background:var(--color-base);min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.handle-share-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden}.handle-share-preview{background:var(--color-muted);padding:var(--space-5);gap:var(--space-4);border-bottom:1px solid var(--color-border);align-items:flex-start;display:flex}.handle-share-preview-thumb{border-radius:var(--radius-md);background:var(--color-card);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.handle-share-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.handle-share-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-base-foreground);text-align:center;margin:0}.share-success{align-items:center;gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.share-success-check{animation:success-pop var(--duration-slow) var(--ease-spring);font-size:48px}@keyframes success-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.public-page-topbar{height:56px;padding:0 var(--space-6);background:var(--color-card);border-bottom:1px solid var(--color-border);z-index:30;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.public-page-content{max-width:var(--content-max-width);padding:0 0 var(--space-7);margin:0 auto}.public-footer{background:var(--color-card);border-top:1px solid var(--color-border);padding:var(--space-7) var(--space-6);text-align:center;gap:var(--space-4);flex-direction:column;align-items:center;display:flex}@media (max-width:1279px){.app-sidebar{width:var(--sidebar-width-compact);min-width:var(--sidebar-width-compact)}.app-topbar{left:var(--sidebar-width-compact)}.app-content{margin-left:var(--sidebar-width-compact)}.app-topbar--sidebar-collapsed,.app-content--sidebar-collapsed{left:var(--sidebar-width-compact);margin-left:var(--sidebar-width-compact)}.app-sidebar--compact-expanded{width:min(var(--sidebar-width-expanded), calc(100vw - var(--space-4)));min-width:min(var(--sidebar-width-expanded), calc(100vw - var(--space-4)));box-shadow:var(--shadow-lg)}.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-logo-text,.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-nav-item-label,.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-avatar-name{visibility:hidden;width:0;overflow:hidden}.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-header,.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-nav-item,.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-avatar-item{justify-content:center}.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-header{padding-inline:var(--space-3)}.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-nav-item,.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-avatar-item{padding-inline:var(--space-2)}.app-sidebar:not(.app-sidebar--collapsed):not(.app-sidebar--compact-expanded) .sidebar-version{display:none}.home-layout{grid-template-columns:1fr}.right-rail{display:none}.lists-grid,.items-grid{grid-template-columns:repeat(3,1fr)}.list-settings-layout,.settings-layout,.auth-split{grid-template-columns:1fr}.auth-left{display:none}.explore-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.app-sidebar{transition:transform var(--duration-slow) var(--ease-in-out), width 0s;width:280px;transform:translate(-100%)}.app-sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.app-topbar{left:0}.app-content{padding-bottom:calc(var(--size-mobile-bottom-bar) + var(--space-3));margin-left:0}.mobile-bottom-bar{display:flex}.lists-grid,.items-grid{grid-template-columns:repeat(2,1fr)}.item-list-card{flex-direction:column;align-items:stretch}.content-item-row{grid-template-columns:calc(var(--space-7) + var(--space-2)) minmax(0, 1fr);padding-right:var(--space-3);align-items:stretch}.content-item-row-actions{flex-wrap:wrap;grid-column:2}.explore-results-toolbar{flex-direction:column;align-items:stretch}.explore-results-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.explore-results-toolbar-actions .inline-btn{justify-content:center;width:100%}.explore-results-grid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.item-list-card-actions{opacity:1;pointer-events:auto;justify-content:flex-end;width:100%;transform:none}.item-card-hover-actions{opacity:1;pointer-events:auto;transform:none}.home-layout,.lists-page-layout,.notifications-layout,.inbox-layout,.profile-layout,.settings-layout,.list-settings-layout{padding:var(--space-4)}.lists-toolbar{align-items:stretch;gap:var(--space-2);flex-wrap:wrap}.lists-search-wrap{flex-basis:100%;width:100%;min-width:0}.lists-toolbar-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.explore-search-wrap{flex-direction:column;align-items:stretch}.explore-search-submit{width:100%}.explore-layout>.lists-tabs{width:100%;padding-bottom:var(--space-1)}.explore-layout,.detail-page{padding:var(--space-4)}.list-detail-toolbar{padding:0 var(--space-3) var(--space-3);justify-content:stretch}.list-detail-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.list-detail-toolbar-actions>label{grid-column:1/-1;min-width:0}.list-detail-toolbar-actions>.inline-btn{justify-content:center;width:100%}.detail-hero{flex-direction:column}.detail-hero-cover{align-self:flex-start;width:min(210px,60vw)}.panel{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);left:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:auto;animation:panel-enter-mobile var(--duration-base) var(--ease-out)}@keyframes panel-enter-mobile{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}.explore-categories-grid,.onboarding-categories-grid{grid-template-columns:repeat(2,1fr)}.settings-layout,.list-settings-layout,.settings-color-grid{grid-template-columns:1fr}.settings-subnav{flex-flow:wrap;position:static}}.onboarding-container{max-width:720px;min-height:100vh;padding:0 var(--space-6);z-index:5;flex-direction:column;margin:0 auto;display:flex;position:relative}.onboarding-header{align-items:center;gap:var(--space-4);padding:var(--space-5) 0 var(--space-4);display:flex}.onboarding-progress-track{gap:var(--space-1);flex:1;display:flex}.onboarding-progress-segment{border-radius:var(--radius-full);background:var(--color-border);height:4px;transition:background var(--duration-base) var(--ease-out);flex:1}.onboarding-progress-segment--filled{background:var(--color-primary)}.onboarding-step-label{font-size:var(--text-body-sm);color:var(--color-muted-foreground);white-space:nowrap}.onboarding-body{padding:var(--space-6) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.onboarding-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground);text-align:center;margin:0 0 var(--space-2)}.onboarding-subtitle{font-size:var(--text-body);color:var(--color-muted-foreground);text-align:center;margin:0 0 var(--space-6);max-width:480px;line-height:1.65}.onboarding-sparkle{text-align:center;margin-bottom:var(--space-5)}.onboarding-features{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.feature-reveal-emoji{text-align:center;flex-shrink:0;width:48px;font-size:32px}.onboarding-form{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.onboarding-category-card{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-card);cursor:pointer;height:90px;transition:all var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.onboarding-category-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.onboarding-category-card--selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.onboarding-extension-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;padding:var(--space-8);margin-top:var(--space-4)}.onboarding-success-icon{background:var(--color-success);width:72px;height:72px;margin:0 auto var(--space-5);animation:success-pop var(--duration-base) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex}.onboarding-summary{gap:var(--space-2);width:100%;max-width:360px;margin:var(--space-4) auto 0;flex-direction:column;display:flex}.onboarding-summary-row{align-items:center;gap:var(--space-3);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-body-sm);color:var(--color-base-foreground);display:flex}.onboarding-footer{padding:var(--space-5) 0;border-top:1px solid var(--color-border);align-items:center;gap:var(--space-2);display:flex}.onboarding-logo-mark{width:40px;height:40px}.onboarding-sparkle{color:var(--color-primary)}.onboarding-selection-count,.field-hint{margin:var(--space-2) 0 0;color:var(--color-muted-foreground);font-size:var(--text-caption);text-align:center}.field-hint{text-align:left}.onboarding-plan-progress{gap:var(--space-3);text-align:center;width:min(420px,100%);display:grid}.onboarding-plan-progress strong{font-family:var(--font-display);font-size:var(--text-h2)}.onboarding-plan-track{border-radius:var(--radius-full);background:var(--color-muted);height:8px;overflow:hidden}.onboarding-plan-track span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .12s ease-out;display:block}.onboarding-plan-checklist{gap:var(--space-3);width:min(420px,100%);display:grid}.onboarding-plan-checklist>div{align-items:center;gap:var(--space-3);color:var(--color-muted-foreground);display:flex}.onboarding-plan-checklist>div.is-complete{color:var(--color-foreground)}.onboarding-file-picker,.onboarding-file-card{align-items:center;gap:var(--space-3);width:min(520px,100%);padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);display:flex}.onboarding-file-picker{cursor:pointer;text-align:center;flex-direction:column}.onboarding-file-picker:hover{border-color:var(--color-primary)}.onboarding-file-picker span,.onboarding-file-card span{color:var(--color-muted-foreground);font-size:var(--text-caption)}.onboarding-file-picker input{opacity:0;width:1px;height:1px;position:absolute}.onboarding-file-card>div{gap:var(--space-1);flex:1;display:grid}.onboarding-footer-actions{gap:var(--space-2);display:flex}.handle-share-shell{min-height:100vh;padding:var(--space-6);background:var(--color-base);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.handle-share-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:var(--space-8);gap:var(--space-5);box-shadow:var(--shadow-lg);animation:step-enter var(--duration-enter) var(--ease-out);flex-direction:column;display:flex}.handle-share-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.handle-share-preview{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.handle-share-preview-title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-base-foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.handle-share-preview-domain{font-size:var(--text-caption);color:var(--color-muted-foreground);font-family:var(--font-mono);margin:0}.handle-share-list-selector{gap:var(--space-2);flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.handle-share-list-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-card);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;display:flex}.handle-share-list-option:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.handle-share-list-option--selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.share-success{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.share-success-icon{background:var(--color-success);width:64px;height:64px;animation:success-pop var(--duration-base) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex}.public-list-shell{background:var(--color-base);min-height:100vh}.public-list-topbar{height:56px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-base) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.public-list-content{max-width:860px;padding:var(--space-8) var(--space-6);margin:0 auto}.public-list-header{align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);display:flex}.public-list-cover{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:48px;display:flex}.public-list-meta{flex:1}.public-list-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground);margin:0 0 var(--space-2)}.public-list-desc{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0 0 var(--space-3)}.public-list-owner-row{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-muted-foreground);display:flex}.public-list-items{gap:var(--space-3);flex-direction:column;display:flex}.public-list-item-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--duration-fast) var(--ease-out);display:flex}.public-list-item-card:hover{box-shadow:var(--shadow-sm)}.public-list-item-num{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-muted-foreground);text-align:right;flex-shrink:0;width:24px}.public-list-cta{align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;border-top:1px solid var(--color-border);margin-top:var(--space-8);flex-direction:column;display:flex}.public-profile-shell{background:var(--color-base);min-height:100vh}.public-profile-topbar{height:56px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-base) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.public-profile-content{max-width:860px;padding:var(--space-8) var(--space-6);margin:0 auto}.auth-split{isolation:isolate;min-height:100vh;padding:var(--space-6);background:url(/auth/supraomnia-cosmos.png) center / cover no-repeat, var(--color-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-split:after{z-index:-1;background:color-mix(in srgb, var(--color-base) 4%, transparent);-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));content:"";position:absolute;inset:0}.auth-site-brand{top:var(--space-5);left:var(--space-5);z-index:1;align-items:center;gap:var(--space-2);color:var(--color-base-foreground);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:-.01em;display:inline-flex;position:absolute}.auth-site-brand-emblem{width:var(--space-8);height:var(--space-8);object-fit:contain;filter:drop-shadow(var(--shadow-glow-gold))}.auth-site-brand-name{color:var(--color-base-foreground);text-shadow:var(--shadow-sm)}.auth-right{z-index:1;width:min(100%, var(--content-narrow-width));background:0 0;padding:0}.auth-card{width:100%;max-width:none;padding:var(--space-7);border:1px solid color-mix(in srgb, var(--color-base-foreground) 24%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-card) 78%, transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3))}.auth-card-header{gap:var(--space-3)}.auth-card-title{font-size:var(--text-h3)}.auth-product-mark{border:1px solid color-mix(in srgb, var(--color-base-foreground) 18%, transparent);box-shadow:var(--shadow-glow-brand)}.auth-product-app-icon{width:var(--space-7);height:var(--space-7);border:1px solid color-mix(in srgb, var(--color-base-foreground) 18%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-brand);object-fit:cover}@media (max-width:767px){.handle-share-shell{padding:var(--space-4);align-items:stretch}.handle-share-card{padding:var(--space-5)}.auth-split{padding:var(--space-4);align-items:flex-end}.auth-site-brand{top:var(--space-4);left:var(--space-4)}.auth-card{padding:var(--space-5)}}