:root{--color-bg: #0a0a0a;--color-bg-rgb: 10, 10, 10;--color-bg-elevated: #111111;--color-bg-surface: #161616;--color-bg-surface-hover: #1c1c1c;--color-bg-overlay: #222222;--color-accent: #ffd700;--color-accent-rgb: 255, 215, 0;--color-accent-hover: #ffe44d;--color-accent-muted: rgba(255, 215, 0, .15);--color-accent-2: #ffa500;--color-accent-3: #ff4500;--color-text: #ffffff;--color-text-secondary: #b0b0b0;--color-muted: #777777;--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .15);--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .15);--color-error: #ef4444;--color-error-muted: rgba(239, 68, 68, .1);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-focus-ring: rgba(255, 215, 0, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 3.5rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-default: ease;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--header-height: 56px;--filters-width: 280px;--content-max-width: 1440px;--content-narrow: 800px;--search-max-width: 720px;--page-gutter: clamp(var(--space-4), 5vw, var(--space-8));--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;color-scheme:dark}@media(min-width:640px){:root{--text-base: 1rem}}@media(min-width:1024px){:root{--header-height: 64px;--filters-width: 300px}}@media(min-width:1280px){:root{--filters-width: 320px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root,.app{overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl))}h2{font-size:clamp(var(--text-xl),4vw,var(--text-3xl))}h3{font-size:clamp(var(--text-lg),3vw,var(--text-2xl))}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-accent-hover)}strong,b{font-weight:600}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::selection{background:var(--color-accent-muted);color:var(--color-accent)}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#000;font-weight:600;border-radius:var(--radius-md);transition:top var(--duration-fast) var(--ease-default)}.skip-link:focus{top:var(--space-4)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.container{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:640px){.container{padding-inline:var(--space-6)}}@media(min-width:1024px){.container{padding-inline:var(--space-8)}}.container--full{max-width:none;padding-inline:0}.app-header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);padding-inline:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);position:sticky;top:0;z-index:var(--z-sticky)}@media(min-width:640px){.app-header{padding-inline:var(--space-6)}}.app-header__brand{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.app-header__brand:hover{opacity:.8}.app-header__brand h1{font-size:var(--text-xl);font-weight:700;color:var(--color-accent)}.brand-logo-small{width:36px;height:auto}.app-header__nav{display:flex;align-items:center;gap:var(--space-2)}.floating-controls{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2);z-index:var(--z-fixed)}.floating-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-md);transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.floating-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.search-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.search-page--landing{justify-content:center;align-items:center;padding:var(--page-gutter);padding-block:var(--space-8)}@media(min-width:640px){.search-page--landing{padding-block:var(--space-12)}}@media(min-width:1024px){.search-page--landing{padding-block:var(--space-16)}}.search-page--results{padding-top:0}.search-header{width:100%;z-index:var(--z-sticky)}.search-header--landing{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--search-max-width);margin-inline:auto}.search-header--sticky{position:sticky;top:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}@media(min-width:640px){.search-header--sticky{padding:var(--space-4) var(--space-6);gap:var(--space-6);flex-wrap:nowrap}}@media(min-width:1024px){.search-header--sticky{padding:var(--space-4) var(--space-8)}}.search-header__brand{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;cursor:pointer;background:none;border:none;padding:0;transition:opacity var(--duration-fast) var(--ease-default)}.search-header__brand:hover{opacity:.8}.brand-logo{width:28px;height:auto}@media(min-width:640px){.brand-logo{width:32px}}.brand-title{font-size:var(--text-lg);font-weight:700;color:var(--color-accent)}@media(min-width:640px){.brand-title{font-size:var(--text-xl)}}.search-content{flex:1;display:grid;grid-template-columns:1fr;min-height:calc(100vh - var(--header-height))}@media(min-width:1024px){.search-content{grid-template-columns:var(--filters-width) 1fr}}@media(min-width:1280px){.search-content{grid-template-columns:var(--filters-width) 1fr}}.filters-panel{display:none;position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);background:var(--color-bg-elevated);border-right:1px solid var(--color-border);padding:var(--space-4);overflow-y:auto}.filters-panel--open{display:block;transform:translate(0)}@media(min-width:1024px){.filters-panel{display:block;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));width:100%;transform:none;z-index:var(--z-base);padding:var(--space-6)}.filters-panel--open{transform:none}}.filters-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.filters-panel__header h2{font-size:var(--text-lg);font-weight:600}.filters-panel__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-muted);font-size:var(--text-xl);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.filters-panel__close:hover{background:var(--color-bg-surface-hover);color:var(--color-text)}@media(min-width:1024px){.filters-panel__close{display:none}}.filters-panel__body{display:flex;flex-direction:column;gap:var(--space-4)}.filters-toggle-mobile{display:flex;position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--text-base);font-weight:500;cursor:pointer;box-shadow:var(--shadow-lg);z-index:var(--z-fixed);gap:var(--space-2);align-items:center}@media(min-width:1024px){.filters-toggle-mobile{display:none}}.filters-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding-inline:var(--space-1);background:var(--color-accent);border-radius:var(--radius-full);color:#000;font-size:var(--text-xs);font-weight:700}.filters-backdrop{position:fixed;inset:0;background:#0009;z-index:calc(var(--z-overlay) - 1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:1024px){.filters-backdrop{display:none!important}}.results-area{padding:var(--space-4);min-height:calc(100vh - var(--header-height));padding-bottom:calc(var(--space-16) + var(--space-8))}@media(min-width:640px){.results-area{padding:var(--space-6);padding-bottom:calc(var(--space-16) + var(--space-8))}}@media(min-width:1024px){.results-area{padding:var(--space-6) var(--space-8);padding-bottom:var(--space-8);max-width:calc(var(--content-max-width) - var(--filters-width))}}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}@media(min-width:640px){.results-header{align-items:center}}.results-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.results-count strong{color:var(--color-text);font-weight:600}.results-latency{color:var(--color-muted)}.results-query{color:var(--color-muted);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.results-query{max-width:350px}}.results-list{display:flex;flex-direction:column;gap:var(--space-4)}.results-footer{text-align:center;padding:var(--space-10);color:var(--color-muted);font-size:var(--text-sm)}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:var(--space-6);gap:var(--space-3)}@media(min-width:640px){.landing-hero{padding-block:var(--space-8);gap:var(--space-4)}}@media(min-width:1024px){.landing-hero{padding-block:var(--space-10)}}.landing-logo{width:clamp(72px,12vw,100px);height:auto;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-title{font-size:clamp(var(--text-4xl),7vw,var(--text-6xl));font-weight:800;color:var(--color-accent);margin:0;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.landing-tagline{font-size:clamp(var(--text-md),2.5vw,var(--text-xl));color:var(--color-text-secondary);max-width:480px;margin:0;line-height:var(--leading-normal)}.landing-examples{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;padding-inline:var(--space-2)}.landing-examples__label{color:var(--color-muted);font-size:var(--text-sm);flex-shrink:0}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto-fill-md{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-auto-fill-lg{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;font-family:inherit;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--color-accent);color:#000;border-color:var(--color-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent-muted)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-bg-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border:none;padding:var(--space-2)}.btn--ghost:hover:not(:disabled){color:var(--color-accent);background:var(--color-accent-muted)}.btn--danger{background:var(--color-error-muted);color:var(--color-error);border-color:transparent}.btn--danger:hover:not(:disabled){background:var(--color-error);color:#fff}.btn--xs{padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn--icon{padding:var(--space-2);aspect-ratio:1}.nav-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.nav-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.nav-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#000}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-10)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary)}.form-checkbox input,.form-radio input{accent-color:var(--color-accent);width:16px;height:16px}.form-range{width:100%;accent-color:var(--color-accent)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.card--hover:hover{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--color-accent-muted)}.card--interactive:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.result-card{display:grid;grid-template-columns:80px 1fr;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.result-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.result-card:focus-within{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.result-card--comparing{border-color:var(--color-accent);background:var(--color-accent-muted)}@media(min-width:640px){.result-card{grid-template-columns:100px 1fr auto;gap:var(--space-4);padding:var(--space-4)}}@media(min-width:1024px){.result-card{grid-template-columns:120px 1fr auto}}.result-card__thumb{position:relative;cursor:pointer}.result-card__thumb img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-bg-overlay);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-default)}.result-card__thumb:hover img{transform:scale(1.05)}.result-card__body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.result-card__header{display:flex;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap}.result-card__title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--color-accent);cursor:pointer;flex:1;min-width:0}.result-card__title:hover{text-decoration:underline}.result-card__id{display:block;font-size:var(--text-xs);font-weight:400;color:var(--color-muted);margin-top:2px}.result-card__values{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline}.result-card__smiles{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card__actions{display:none;flex-direction:column;gap:var(--space-2);align-items:flex-end}@media(min-width:640px){.result-card__actions{display:flex}}.similarity-badge{position:absolute;bottom:var(--space-1);left:var(--space-1);padding:2px var(--space-2);background:#000000d9;border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--text-xs);font-weight:600}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.chip:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.chip:active{transform:translateY(0)}.chip--active{background:var(--color-accent);border-color:var(--color-accent);color:#000}.chip--example{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.chip--example:hover{background:var(--color-bg-surface-hover)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-accent-muted);border-radius:var(--radius-full);color:var(--color-accent);font-size:var(--text-xs);font-weight:500}.filter-chip--value{background:#8b5cf626;color:#a78bfa}.filter-chip--conditions{background:var(--color-success-muted);color:var(--color-success)}.filter-chip--quality{background:var(--color-accent-muted);color:var(--color-accent)}.filter-chip--method,.filter-chip--source{background:#3b82f626;color:#60a5fa}.filter-chip__label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.filter-chip__label{max-width:180px}}.filter-chip__remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:2px;opacity:.7;border-radius:50%;transition:opacity var(--duration-fast) var(--ease-default)}.filter-chip__remove:hover{opacity:1}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;flex-shrink:0}.badge--reliable{background:var(--color-success-muted);color:var(--color-success)}.badge--approx{background:var(--color-accent-muted);color:var(--color-accent)}.badge--uncertain{background:var(--color-warning-muted);color:var(--color-warning)}.badge--unknown{background:#64646426;color:var(--color-muted)}.badge__label{display:none}@media(min-width:768px){.badge__label{display:inline}}.match-badge{padding:2px var(--space-2);background:#8b5cf626;border-radius:var(--radius-sm);color:#a78bfa;font-size:var(--text-xs);font-weight:500}.search-bar{width:100%;position:relative}.search-bar--compact{flex:1;max-width:560px}.search-bar__modes{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);justify-content:center}.search-header--sticky .search-bar__modes{display:none}.mode-tab{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.mode-tab svg{opacity:.7}.mode-tab:hover{border-color:var(--color-accent);color:var(--color-accent)}.mode-tab:hover svg{opacity:1}.mode-tab--active{background:var(--color-accent);border-color:var(--color-accent);color:#000}.mode-tab--active svg{opacity:1}.search-bar__input-wrapper{display:flex;align-items:center;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-1);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.search-bar__input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-muted)}.search-bar__icon{padding:var(--space-2) var(--space-3);color:var(--color-muted);flex-shrink:0}.search-bar__input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:var(--text-md);padding:var(--space-3) 0;outline:none;min-width:0}@media(min-width:640px){.search-bar__input{font-size:var(--text-lg);padding:var(--space-3) var(--space-1)}}.search-bar__input::placeholder{color:var(--color-muted)}.search-bar__input--mono{font-family:var(--font-mono);font-size:var(--text-sm)}.search-bar__clear{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.search-bar__clear:hover{background:var(--color-bg-surface-hover);color:var(--color-text)}.autocomplete{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);list-style:none;padding:var(--space-1);z-index:var(--z-dropdown);max-height:320px;overflow-y:auto}.autocomplete__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.autocomplete__item:hover,.autocomplete__item--active{background:var(--color-accent-muted)}.autocomplete__icon{width:24px;text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.autocomplete__item--active .autocomplete__icon,.autocomplete__item:hover .autocomplete__icon{color:var(--color-accent)}.autocomplete__value{flex:1;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete__type{color:var(--color-muted);font-size:var(--text-xs);background:var(--color-bg-overlay);padding:2px var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(min-width:640px){.modal-backdrop{padding:var(--space-8)}}.modal{background:var(--color-bg-elevated);border-radius:var(--radius-2xl);max-width:880px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-elevated);z-index:10;gap:var(--space-4)}@media(min-width:640px){.modal__header{padding:var(--space-6)}}.modal__header h2{margin:0;font-size:var(--text-xl);line-height:var(--leading-tight)}@media(min-width:640px){.modal__header h2{font-size:var(--text-2xl)}}.modal__id{display:block;font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-2);font-family:var(--font-mono)}.modal__close{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);line-height:1;border-radius:var(--radius-md);flex-shrink:0;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.modal__close:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.modal__content{padding:var(--space-5)}@media(min-width:640px){.modal__content{padding:var(--space-6)}}@media(min-width:768px){.modal__content{padding:var(--space-8)}}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--text-sm);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:toast-in .3s var(--ease-out)}.toast svg{color:var(--color-success)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.empty-state{text-align:center;padding:var(--space-12)}.empty-state__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.5}.empty-state h3{margin:0 0 var(--space-2);font-size:var(--text-xl)}.empty-state p{margin:0;color:var(--color-text-secondary)}.empty-state__suggestions{margin-top:var(--space-6)}.empty-state__suggestions p{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-2)}.suggestion-chips{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-error-muted);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--color-error);margin-bottom:var(--space-4)}.error-banner svg{flex-shrink:0}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-loading{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg,var(--color-bg-overlay) 25%,var(--color-bg-surface-hover) 50%,var(--color-bg-overlay) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--image{width:100%;aspect-ratio:1;border-radius:var(--radius-md)}.skeleton--title{height:20px;width:70%}.skeleton--text{height:14px;width:100%}.skeleton--short{width:50%}.actions-menu{position:relative}.actions-menu__trigger{padding:var(--space-2);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.actions-menu__trigger:hover{border-color:var(--color-accent);color:var(--color-accent)}.actions-menu__dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;z-index:var(--z-dropdown);overflow:hidden}.actions-menu__dropdown button{display:block;width:100%;padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.actions-menu__dropdown button:hover{background:var(--color-accent-muted);color:var(--color-accent)}.about-page{padding:var(--space-6) var(--space-4);max-width:900px;margin-inline:auto}@media(min-width:640px){.about-page{padding:var(--space-8) var(--space-6)}}@media(min-width:1024px){.about-page{padding:var(--space-10) var(--space-8)}}.about-section{margin-bottom:var(--space-8)}.about-section h2{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.about-section p{margin-bottom:var(--space-4)}.about-section ul,.about-section ol{margin:var(--space-4) 0;padding-left:var(--space-6);color:var(--color-text-secondary)}.about-section li{margin-bottom:var(--space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.stat-card{padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-card__value{font-size:var(--text-3xl);font-weight:700;color:var(--color-accent)}.stat-card__label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.compound-modal__hero{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-6);align-items:start}@media(min-width:640px){.compound-modal__hero{grid-template-columns:200px 1fr;gap:var(--space-6)}}@media(min-width:768px){.compound-modal__hero{grid-template-columns:240px 1fr;gap:var(--space-8)}}.compound-modal__structure{width:100%;max-width:220px;margin-inline:auto;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media(min-width:640px){.compound-modal__structure{max-width:none;margin-inline:0}}.compound-modal__canonical{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.canonical-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.canonical-value{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:700;color:var(--color-text);line-height:var(--leading-none);letter-spacing:var(--tracking-tight)}.canonical-type{font-size:var(--text-lg);font-weight:400;color:var(--color-accent);margin-left:var(--space-2)}.canonical-temp{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-1)}.compound-modal__section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.compound-modal__section h3{margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.identifier-grid{display:flex;flex-direction:column;gap:var(--space-3)}.identifier{display:grid;grid-template-columns:70px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0}@media(min-width:640px){.identifier{grid-template-columns:90px 1fr auto;gap:var(--space-4)}}.identifier__label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.identifier__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--color-bg-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:500;color:var(--color-muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;background:var(--color-bg-overlay);border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--color-bg-surface-hover)}.data-table .row--canonical{background:var(--color-accent-muted)}.data-table .row--canonical td{color:var(--color-text)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-default)}.sortable-header:hover{color:var(--color-accent)}.header-content{display:flex;align-items:center;gap:var(--space-2)}.sort-arrows{display:flex;flex-direction:column;line-height:.8}.arrow{font-size:var(--text-xs);color:var(--color-muted);opacity:.5}.arrow.active{color:var(--color-accent);opacity:1}.mini-plot{width:100%;max-width:400px;height:auto}.mini-plot--empty{padding:var(--space-6);background:var(--color-bg-overlay);border-radius:var(--radius-lg);text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.result-card__highlights{margin-top:var(--space-3)}.result-card__highlights summary{color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.result-card__highlights summary:hover{color:var(--color-accent-hover)}.result-card__highlights[open] summary{margin-bottom:var(--space-2)}.highlights-content{padding:var(--space-3);background:var(--color-bg-overlay);border-radius:var(--radius-md);font-size:var(--text-sm)}.highlight-item{margin-bottom:var(--space-1)}.highlight-item:last-child{margin-bottom:0}.highlight-item strong{color:var(--color-muted);font-weight:500;margin-right:var(--space-1)}.result-card__highlights mark,.result-card__highlights em{background:var(--color-accent-muted);color:var(--color-accent);font-style:normal;padding:0 2px;border-radius:2px}.result-card__remarks{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.result-card__metadata{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-3)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3) var(--space-4);font-size:var(--text-sm)}@media(min-width:640px){.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.metadata-grid .label{display:block;color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.value-primary{display:flex;align-items:baseline;gap:var(--space-1)}.value-primary strong{font-size:var(--text-xl);color:var(--color-text)}.value-label{font-size:var(--text-xs);color:var(--color-muted)}.value-secondary{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.value-secondary--highlight{color:var(--color-accent)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-group input,.filter-group select{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.filter-group input::placeholder{color:var(--color-muted)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.filter-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-10);cursor:pointer}.filter-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.filter-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-sm)}.filter-toggle input{accent-color:var(--color-accent);width:auto}.filter-group--sort{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.filter-group--sort .filter-label{grid-column:1 / -1}.filter-range{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-2);align-items:center}.filter-range__sep{color:var(--color-muted);font-weight:500}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.search-header--sticky .active-filters{margin-top:0;margin-left:var(--space-4);flex:1;min-width:0}@media(max-width:639px){.search-header--sticky .active-filters{margin-left:0;width:100%;order:10}}.compare-banner{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.keyboard-hint{margin-top:var(--space-5);color:var(--color-muted);font-size:var(--text-sm)}.keyboard-hint kbd{display:inline-block;padding:2px var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.structure-options{margin-top:var(--space-4)}.structure-modes{display:flex;gap:var(--space-1);justify-content:center;margin-bottom:var(--space-4)}.structure-mode{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.structure-mode:hover{border-color:var(--color-accent)}.structure-mode--active{background:var(--color-accent);border-color:var(--color-accent);color:#000}.similarity-controls{display:flex;justify-content:center}.similarity-slider{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm)}.similarity-slider__label{text-align:center}.similarity-slider input[type=range]{width:200px;accent-color:var(--color-accent)}.container{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--page-gutter)}.container--narrow{max-width:var(--content-narrow)}.container--search{max-width:var(--search-max-width)}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--stack-space, var(--space-4))}.stack--xs>*+*{margin-top:var(--space-1)}.stack--sm>*+*{margin-top:var(--space-2)}.stack--md>*+*{margin-top:var(--space-4)}.stack--lg>*+*{margin-top:var(--space-6)}.stack--xl>*+*{margin-top:var(--space-8)}.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-space, var(--space-2));align-items:center}.cluster--center{justify-content:center}.center{display:flex;flex-direction:column;align-items:center;text-align:center}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}@media(min-width:640px){.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:hidden{display:none}.sm\:flex{display:flex}}@media(min-width:768px){.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:hidden{display:none}.md\:flex{display:flex}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}}@media(min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-inline:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-break:break-word}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-surface{background:var(--color-bg-surface)}.bg-elevated{background:var(--color-bg-elevated)}.bg-overlay{background:var(--color-bg-overlay)}.border{border:1px solid var(--color-border)}.border-strong{border:1px solid var(--color-border-strong)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-none{border:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.w-full{width:100%}.w-auto{width:auto}.min-w-0{min-width:0}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-overlay{z-index:var(--z-overlay)}.z-modal{z-index:var(--z-modal)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.select-text{-webkit-user-select:text;user-select:text}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition-property:background-color,border-color,color,opacity,transform;transition-duration:var(--duration-base);transition-timing-function:var(--ease-default)}.transition-fast{transition-duration:var(--duration-fast)}.transition-slow{transition-duration:var(--duration-slow)}.transition-none{transition:none}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(var(--space-1))}.-translate-y-1{transform:translateY(calc(var(--space-1) * -1))}.translate-y-full{transform:translateY(100%)}.-translate-y-full{transform:translateY(-100%)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}