*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:var(--accent-ink);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}button:focus-visible,input:focus-visible,a:focus-visible,[role=tab]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-4{bottom:1rem}.left-3{left:.75rem}.right-3{right:.75rem}.right-4{right:1rem}.top-10{top:2.5rem}.top-3{top:.75rem}.z-10{z-index:10}.z-20{z-index:20}.m-auto{margin:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-7{height:1.75rem}.h-full{height:100%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-7{width:1.75rem}.w-full{width:100%}.w-px{width:1px}.max-w-xs{max-width:20rem}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-emerald-500\/50{border-color:#10b98180}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-700\/60{border-color:#33415599}.border-slate-700\/70{border-color:#334155b3}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/80{border-color:#1e293bcc}.border-t-emerald-400{--tw-border-opacity:1;border-top-color:rgb(52 211 153/var(--tw-border-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-500\/20{background-color:#10b98133}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900\/70{background-color:#0f172ab3}.bg-slate-900\/80{background-color:#0f172acc}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-red-400{--tw-gradient-to:#f87171 var(--tw-gradient-to-position)}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-snug{line-height:1.375}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-red-500\/80{color:#ef4444cc}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-emerald-900\/40{--tw-shadow-color:#064e3b66;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg:#f7f8f6;--bg-warm:#faf9f4;--surface:#fff;--surface-2:#f2f3f0;--border:#e3e6e1;--border-2:#d7dbd3;--border-strong:#c1c7bb;--text:#1d2320;--text-2:#4b5550;--muted:#6f7a74;--muted-2:#98a19b;--accent:#4d8a1a;--accent-soft:#7fe2341a;--accent-ink:#2e5210;--accent-2:#0e6fa3;--accent-2-soft:#18a8f51a;--warn:#a97c46;--warn-soft:#ffebd2;--danger:#a94f4a;--danger-soft:#ffe7e4;--font-ui:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:34px;--pad:20px;--pad-sm:14px;--pad-lg:28px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-xs:0 1px 0 #141c1808, 0 1px 2px #141c180a;--shadow-sm:0 1px 2px #141c180a, 0 2px 8px #141c180a;--shadow-md:0 4px 14px #141c180f, 0 1px 2px #141c180a}@supports (color:lab(0% 0 0)){:root{--warn:lab(55.7979% 13.4262 36.1359);--warn-soft:lab(94.2484% 3.83502 15.0783);--danger:lab(45.4654% 37.6017 21.524);--danger-soft:lab(93.8292% 12.2803 6.63641)}}[data-theme=dark]{--bg:#0f1110;--bg-warm:#121410;--surface:#181c1a;--surface-2:#1e2420;--border:#2a322c;--border-2:#333d37;--border-strong:#404d46;--text:#e4ebe6;--text-2:#a4b4aa;--muted:#6a7a70;--muted-2:#445049;--accent:#7fe234;--accent-soft:#7fe2341f;--accent-ink:#b2f06a;--accent-2:#18a8f5;--accent-2-soft:#18a8f51f;--warn:#c08d50;--warn-soft:#291600;--danger:#c65954;--danger-soft:#310d0c;--shadow-xs:0 1px 0 #00000026, 0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040, 0 2px 8px #0003;--shadow-md:0 4px 16px #0006, 0 1px 3px #0000004d}@supports (color:lab(0% 0 0)){[data-theme=dark]{--warn:lab(62.7419% 14.961 40.2487);--warn-soft:lab(9.40036% 8.32853 14.6775);--danger:lab(52.2252% 43.9132 25.2769);--danger-soft:lab(8.92417% 18.8842 9.09266)}}html:not([data-theme]){visibility:hidden}html[data-theme]{visibility:visible}[data-density=compact]{--pad:14px;--pad-sm:10px;--pad-lg:18px;--fs-base:13px;--fs-sm:12px}[data-density=spacious]{--pad:26px;--pad-sm:18px;--pad-lg:36px;--fs-base:15px;--fs-sm:14px;--fs-md:16px}.logo-default{display:block}.app{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--bg);z-index:30;border-bottom:none;align-items:center;gap:20px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);border-radius:8px;place-items:center;display:grid}.brand-text .title{font-weight:600;font-size:var(--fs-md);letter-spacing:-.01em;color:var(--text)}.brand-text .sub{color:var(--muted);font-size:11px;font-family:var(--font-mono);margin-top:1px}.topbar-search{flex:1;max-width:560px;margin-left:auto;position:relative}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;width:224px;min-height:0;padding:12px 10px;display:flex;overflow-y:auto}.side-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin-top:10px;padding:2px 10px 4px;font-size:11px}.sidebar>.side-label:first-child,.sidebar-wrap>.side-label:first-child{margin-top:0}.side-item{border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-2);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .12s;display:flex}.side-item:hover{background:var(--surface-2)}.side-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.side-item .dot{background:var(--muted-2);border-radius:50%;width:6px;height:6px;margin-left:auto}.side-item.active .dot{background:var(--accent)}.main{flex:1;min-height:0;display:flex;overflow:hidden}.content{flex:1;width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:24px 28px 40px;overflow-y:auto}.input-wrap{background:var(--surface);border:1px solid var(--border-2);border-radius:10px;align-items:center;height:40px;padding:0 6px 0 42px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-wrap .search-icon{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap input{height:100%;font-size:var(--fs-base);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-style:italic}.input-wrap input::placeholder{color:var(--muted-2);font-style:italic}.btn-primary{background:var(--accent);color:#fff;font-weight:600;font-size:var(--fs-sm);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:filter .12s,transform 50ms;display:inline-flex}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{font-size:var(--fs-sm);color:var(--text-2);border:1px solid var(--border-2);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:7px 12px;transition:background .12s,border-color .12s;display:inline-flex}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.autocomplete{background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-md);z-index:40;border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.autocomplete button{text-align:left;width:100%;font-size:var(--fs-sm);justify-content:space-between;align-items:center;padding:10px 14px;transition:background .1s;display:flex}.autocomplete button:hover{background:var(--surface-2)}.autocomplete .plant-name{color:var(--text);font-style:italic}.autocomplete .match-score{font-family:var(--font-mono);color:var(--muted);font-size:11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.card-pad{padding:var(--pad)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-header h3{font-size:var(--fs-md);color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.card-body{padding:18px}.chip{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.chip.accent{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.chip.warn{background:var(--warn-soft);color:#5e3900;color:lab(27.8543% 15.1594 42.3669);border-color:#0000}.chip.danger{background:var(--danger-soft);color:#751f1f;color:lab(26.874% 37.8978 22.9952);border-color:#0000}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:500}.stat-value{font-size:var(--fs-2xl);letter-spacing:-.02em;color:var(--text);font-weight:600;font-family:var(--font-mono)}.stat-sub{color:var(--muted-2);margin-top:2px;font-size:11px}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:16px;display:flex}.tab{font-size:var(--fs-sm);color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-weight:500;transition:color .12s,border-color .12s}.tab:hover{color:var(--text-2)}.tab.active{color:var(--accent-ink);border-bottom-color:var(--accent)}.example-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.example-row .label{color:var(--muted);font-size:12px}.example{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:5px 12px;font-size:12px;font-style:italic;transition:all .12s}.example:hover{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.idle-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 24px 60px;display:flex}.idle-greeting{letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-size:clamp(1.55rem,3.5vw,2.15rem);font-weight:700;line-height:1.2}.idle-sub{color:var(--text-2);font-size:var(--fs-md);max-width:500px;margin-bottom:28px;line-height:1.6}.idle-search-box{width:100%;max-width:660px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:760px;margin-top:16px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:16px;transition:border-color .15s,box-shadow .15s}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.feature-card-icon{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:10px;display:grid}.feature-card h4{font-size:var(--fs-sm);color:var(--text);margin-bottom:4px;font-weight:600}.feature-card p{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}.side-user-section{border-top:1px solid var(--border);margin-top:4px;padding:8px 6px 4px}.side-user-btn{border-radius:var(--radius-sm);width:100%;font-size:var(--fs-sm);color:var(--text-2);text-align:left;align-items:center;gap:10px;padding:9px 10px;transition:background .12s;display:flex}.side-user-btn:hover{background:var(--surface-2)}.side-user-avatar{background:var(--accent-soft);border:1px solid var(--border);width:26px;height:26px;color:var(--accent-ink);font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}@media (max-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr)}.idle-wrap{min-height:calc(100vh - 110px);padding:32px 16px 80px}}.stages{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.stage{flex-direction:column;gap:8px;display:flex}.stage-track{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.stage-fill{background:var(--border-strong);border-radius:999px;width:0;height:100%;transition:width .5s}.stage.running .stage-fill{background:var(--accent);animation:1.2s ease-in-out infinite stageRun}.stage.done .stage-fill{background:var(--accent);width:100%!important}.stage-label{font-size:11px;font-family:var(--font-mono);color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;display:flex}.stage.running .stage-label,.stage.done .stage-label{color:var(--accent-ink)}@keyframes stageRun{0%,to{width:40%}50%{width:95%}}.results-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.results-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);padding:10px 12px;font-size:11px;font-weight:600}.results-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px}.results-table tbody tr{cursor:pointer;transition:background .1s}.results-table tbody tr:hover{background:var(--bg-warm)}.results-table tbody tr.selected{background:var(--accent-soft)}.results-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.cmpd-name{color:var(--text);font-weight:600}.cmpd-meta{color:var(--muted);font-size:11px;font-family:var(--font-mono);margin-top:2px}.mono{font-family:var(--font-mono)}.affinity{font-family:var(--font-mono);font-weight:600}.affinity-strong{color:var(--accent-ink)}.affinity-mod{color:#714d1d;color:lab(36.0578% 12.5108 33.725)}.best-hit{background:linear-gradient(110deg, var(--accent-soft), var(--bg-warm));border:1px solid var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.best-hit .kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-ink);margin-bottom:4px;font-size:10px;font-weight:700}.best-hit .cmpd{font-size:var(--fs-lg);color:var(--text);letter-spacing:-.01em;font-weight:700}.best-hit .meta{font-size:var(--fs-sm);color:var(--text-2);font-family:var(--font-mono);margin-top:2px}.best-hit .score{font-family:var(--font-mono);font-size:var(--fs-2xl);color:var(--accent-ink);letter-spacing:-.02em;font-weight:700}.best-hit .score-unit{color:var(--muted);text-align:right;font-size:11px;font-family:var(--font-mono);letter-spacing:0;margin-top:2px;display:block}.viewer{aspect-ratio:4/3;background:repeating-linear-gradient(45deg, var(--bg-warm) 0 12px, var(--surface-2) 12px 24px);border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;position:relative;overflow:hidden}.viewer-tag{font-family:var(--font-mono);color:var(--muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#ffffffd9;border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;top:12px;left:12px}.viewer-label{font-family:var(--font-mono);color:var(--text-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#ffffffe6;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:12px;left:12px;right:12px}.viewer-ctrls{z-index:2;gap:6px;display:flex;position:absolute;top:12px;right:12px}.viewer-ctrls button{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:6px;place-items:center;transition:color .1s,background .1s;display:grid}.viewer-ctrls button:hover{color:var(--accent-ink);background:#fff}.viewer-mol{place-items:center;display:grid;position:absolute;inset:0}.viewer-mol svg{opacity:.7;width:70%;height:70%}.viewer-live{border-radius:var(--radius-sm);position:absolute;inset:0}.detail-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--fs-sm);color:var(--muted)}.detail-value{font-size:var(--fs-sm);color:var(--text);text-align:right;font-weight:500}.detail-value.mono{font-family:var(--font-mono)}.insight{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.insight-header{background:var(--accent-2-soft);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.insight-header .t{font-size:var(--fs-sm);color:#00314d;color:lab(18.6909% -6.7931 -21.7744);font-weight:600}.insight-header .engine{font-family:var(--font-mono);color:#345a73;color:lab(36.1946% -7.7444 -19.0162);margin-left:auto;font-size:11px}.insight-body{padding:16px 18px}.insight-summary{color:var(--text);line-height:1.65;font-size:var(--fs-sm)}.insight-summary strong{color:var(--accent-ink)}.insight-list{flex-direction:column;gap:8px;margin-top:12px;padding:0;list-style:none;display:flex}.insight-list li{font-size:var(--fs-sm);color:var(--text-2);gap:10px;line-height:1.55;display:flex}.insight-list li:before{content:"—";color:var(--muted-2);flex-shrink:0}.insight-list li strong{color:var(--text)}.next-step{background:var(--surface-2);border-left:3px solid var(--accent-2);font-size:var(--fs-sm);color:var(--text-2);border-radius:4px;margin-top:14px;padding:10px 14px;line-height:1.55}.next-step strong{color:#00314d;color:lab(18.6909% -6.7931 -21.7744);margin-right:4px}.workflow{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.wf-step{border-right:1px solid var(--border);padding:16px;position:relative}.wf-step:last-child{border-right:none}.wf-num{font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.08em;font-size:11px}.wf-title{font-weight:600;font-size:var(--fs-sm);color:var(--text);margin-top:6px}.wf-desc{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5}.wf-tool{font-family:var(--font-mono);color:var(--accent-ink);margin-top:10px;font-size:11px}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filter-box{background:var(--surface);border:1px solid var(--border-2);color:var(--text-2);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.filter-box input[type=range]{width:100px;accent-color:var(--accent)}.filter-box .v{font-family:var(--font-mono);color:var(--accent-ink);min-width:30px}.skel{background:linear-gradient(90deg, var(--surface-2) 0%, var(--bg-warm) 50%, var(--surface-2) 100%);background-size:200% 100%;border-radius:4px;animation:1.4s linear infinite skelShine}@keyframes skelShine{to{background-position:-200% 0}}.skel-line{height:10px;margin-bottom:8px}.spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.error-banner{background:var(--danger-soft);color:#751f1f;color:lab(26.874% 37.8978 22.9952);font-size:var(--fs-sm);border:1px solid #f3bfba;border:1px solid lab(82.0388% 18.4908 10.0508);border-radius:8px;padding:10px 14px}.row{align-items:flex-start;gap:16px;display:flex}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:16px;display:flex}.grow{flex:1;min-width:0}.space-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.text-muted{color:var(--muted)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:11px}.hidden{display:none!important}.pb-16{padding-bottom:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.sidebar-wrap.collapsed{width:64px}.sidebar-wrap.collapsed .side-item span,.sidebar-wrap.collapsed .side-label,.sidebar-wrap.collapsed .side-item .dot{display:none}.right-col{flex-shrink:0;width:380px;position:sticky;top:90px}.right-col-narrow{flex-shrink:0;width:340px}.bottom-nav{display:none}.site-footer{border-top:1px solid var(--border);margin-top:48px;padding:24px 0 8px}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.site-footer-brand{flex-direction:column;gap:4px;display:flex}.site-footer-legal{flex-direction:column;align-items:flex-end;gap:8px;display:flex}@media (max-width:600px){.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer-legal{align-items:flex-start}}.legal-wrap{max-width:800px;padding-bottom:40px}.legal-back{margin-bottom:20px}.legal-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:16px}.legal-header h1{color:var(--text);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.legal-header p{font-size:var(--fs-sm);color:var(--muted)}.legal-section{margin-bottom:28px}.legal-section h2{font-size:var(--fs-lg);color:var(--text);margin-top:4px;margin-bottom:10px;font-weight:700}.legal-section h3{font-size:var(--fs-md);color:var(--text-2);margin-top:14px;margin-bottom:6px;font-weight:600}.legal-section p{font-size:var(--fs-sm);color:var(--text-2);margin-bottom:10px;line-height:1.75}.legal-section ul{margin-bottom:10px;padding-left:20px}.legal-section ul li{font-size:var(--fs-sm);color:var(--text-2);margin-bottom:4px;line-height:1.75}.legal-section strong{color:var(--text);font-weight:600}@media (max-width:1200px){.results-split{flex-direction:column}.right-col,.right-col-narrow{width:100%;position:static}}@media (max-width:960px){.stats{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr 1fr}.workflow .wf-step{border-right:none;border-bottom:1px solid var(--border)}.content{padding:16px}.topbar{gap:10px;padding:12px 16px}.topbar-search{max-width:none}}@media (max-width:768px){.app{height:auto;min-height:100vh;padding-bottom:64px;overflow:visible}.main{min-height:auto;overflow:visible}.content{overflow-y:visible}.topbar{flex-wrap:nowrap;gap:8px;padding:10px 14px}.topbar-search{display:none}.topbar-search.mobile-open{z-index:29;background:var(--surface);border-bottom:1px solid var(--border);width:100%;max-width:none;margin:0;padding:10px 14px;display:flex;position:fixed;top:54px;left:0;right:0}.brand-text .title{font-size:var(--fs-base)}.sidebar,.sidebar-wrap{display:none!important}.content{padding:12px 14px 20px}.main{flex-direction:column}.bottom-nav{z-index:50;background:var(--surface);border-top:1px solid var(--border);align-items:stretch;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000012}.bottom-nav-item{color:var(--muted);cursor:pointer;font-size:10px;font-family:var(--font-ui);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-weight:500;transition:color .12s;display:flex}.bottom-nav-item.active{color:var(--accent-ink)}.bottom-nav-item svg{flex-shrink:0}.card-header{flex-wrap:wrap;gap:8px;padding:12px 14px}.card-body{padding:12px 14px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:12px}.stat-value{font-size:var(--fs-xl)}.best-hit{grid-template-columns:1fr;gap:10px;padding:14px}.best-hit .score{font-size:var(--fs-xl)}.best-hit .score-unit{text-align:left}.workflow{grid-template-columns:1fr}.workflow .wf-step{border-right:none;border-bottom:1px solid var(--border)}.workflow .wf-step:last-child{border-bottom:none}.stages{grid-template-columns:repeat(3,1fr);gap:8px}.tab{padding:8px 10px;font-size:12px}.filters{flex-direction:column;align-items:stretch;gap:8px}.filter-box{width:100%}.filter-box input[type=range]{flex:1;width:auto}.results-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.results-table{min-width:600px}.row-mobile-col{flex-direction:column!important}.hero-title{font-size:var(--fs-xl)!important}.hero-sub{font-size:var(--fs-sm)!important}.right-col,.right-col-narrow{width:100%;position:static}.viewer{aspect-ratio:4/3}.example-row{gap:6px}.detail-row{flex-wrap:wrap}.detail-value{text-align:left}.modal-box{max-height:90vh;margin:0 12px;width:calc(100% - 24px)!important;max-width:none!important}.topbar-user-menu{min-width:180px;left:auto;right:0}.research-notes-card{width:100%!important}.run-settings-options{flex-wrap:wrap!important}.methods-code{font-size:11px!important}}.batch-wrap{max-width:1400px;margin:0 auto;padding:24px}.batch-header{margin-bottom:24px}.batch-header h1{font-size:var(--fs-xl);margin:0 0 8px;font-weight:700}.batch-header p{color:var(--muted);margin:0}.batch-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.batch-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--fs-sm);color:var(--text);font-weight:600}.form-group input[type=text],.form-group input[type=file],.form-group textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:var(--fs-sm);border-radius:8px;padding:10px 12px}.form-group textarea{resize:vertical;font-family:var(--font-mono)}.help-text{color:var(--muted);margin:0;font-size:11px}.help-text.success{color:var(--accent)}.csv-format-help summary{cursor:pointer;font-size:var(--fs-xs);color:var(--accent);margin-top:8px}.csv-format-help .help-content{background:var(--surface);border:1px solid var(--border);font-size:var(--fs-xs);border-radius:8px;margin-top:12px;padding:12px}.csv-format-help pre{background:var(--surface-2);border-radius:6px;margin:8px 0;padding:8px;font-size:11px;overflow-x:auto}.error-box{color:#dc2626;font-size:var(--fs-sm);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px}.batch-list{flex-direction:column;gap:10px;max-height:500px;display:flex;overflow-y:auto}.batch-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:12px;transition:all .2s}.batch-item:hover{border-color:var(--accent);background:var(--surface-2)}.batch-item.selected{border-color:var(--accent);background:#7fe2340d}.batch-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.batch-item-meta{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.empty-state{text-align:center;color:var(--muted);font-size:var(--fs-sm);padding:40px 20px}.batch-details{margin-top:24px}.batch-details-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.batch-details-header h2{font-size:var(--fs-lg);margin:0}.progress-wrap{background:var(--surface-2);border-radius:999px;width:100%;height:8px;margin:16px 0;overflow:hidden}.progress-bar{background:var(--accent);height:100%;transition:width .3s}.progress-text{text-align:center;font-size:var(--fs-sm);color:var(--muted);margin:8px 0 16px}.batch-timing{background:var(--surface-2);border-radius:8px;margin:16px 0;padding:12px}.batch-timing p{font-size:var(--fs-sm);color:var(--text-2);margin:6px 0}.best-result{background:#7fe2340d;border:1px solid #7fe23433;border-radius:8px;margin:16px 0;padding:12px}.best-result h3{font-size:var(--fs-sm);color:var(--accent);margin:0 0 8px}.batch-actions{gap:12px;margin-top:20px;display:flex}@media (max-width:400px){.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-value{font-size:var(--fs-lg)}.tab{padding:7px 8px;font-size:11px}.content{padding:10px 10px 20px}.topbar{padding:8px 10px}}@media (max-width:768px){.batch-grid{grid-template-columns:1fr}.batch-actions{flex-direction:column}}.mode-toggle{border-bottom:1px solid var(--border);gap:8px;margin:8px 0 16px;display:flex}.mode-tab{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.mode-tab:hover{color:var(--text)}.mode-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.manual-list{flex-direction:column;gap:8px;display:flex}.manual-row{align-items:center;gap:8px;display:flex}.manual-row input{flex:1}.manual-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.btn-sm{padding:4px 10px;font-size:12px}.file-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.file-chip{background:var(--surface-2,var(--surface));border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.file-chip .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-chip .file-size{color:var(--muted);white-space:nowrap;font-size:12px}.file-chip .file-remove{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.file-chip .file-remove:hover{color:var(--text);background:var(--border)}.manual-jobs{margin-top:16px}.manual-jobs h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.manual-job{border:1px solid var(--border);border-radius:6px;margin-bottom:8px;padding:10px 12px}.manual-job-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.manual-job-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.manual-job-list li{justify-content:space-between;align-items:center;font-size:13px;display:flex}.library-view{padding:var(--pad-lg);max-width:1400px;margin:0 auto}.library-header{margin-bottom:var(--pad-lg);justify-content:space-between;align-items:flex-start;gap:var(--pad);display:flex}.library-header h1{font-size:var(--fs-2xl);color:var(--text);margin:0 0 4px;font-weight:600}.library-header p{color:var(--text-2);font-size:var(--fs-md);margin:0}.library-grid{gap:var(--pad);margin-top:var(--pad);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.library-grid-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.library-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);padding:var(--pad);cursor:pointer;flex-direction:column;gap:12px;transition:all .15s;display:flex}.library-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.library-card-header{flex:1}.library-card h3{font-size:var(--fs-lg);color:var(--text);margin:0 0 6px;font-weight:600}.library-desc{font-size:var(--fs-sm);color:var(--text-2);margin:0;line-height:1.5}.library-card-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:16px;padding:12px 0;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-item .stat-value{font-size:var(--fs-lg);color:var(--accent);font-weight:600}.stat-item .stat-label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.library-tags{flex-wrap:wrap;gap:6px;display:flex}.library-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.library-date{font-size:var(--fs-xs);color:var(--muted)}.library-actions{gap:6px;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.modal-content.modal-lg{max-width:800px}.modal-header{padding:var(--pad);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:var(--pad);display:flex}.modal-header h2{font-size:var(--fs-xl);color:var(--text);margin:0;font-weight:600}.modal-subtitle{font-size:var(--fs-sm);color:var(--text-2);margin:4px 0 0}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:all .15s;display:flex}.modal-close:hover{background:var(--surface-2);color:var(--text)}.modal-body{padding:var(--pad);flex:1;overflow-y:auto}.modal-footer{padding:var(--pad);border-top:1px solid var(--border);justify-content:flex-end;gap:12px;display:flex}.form-group{margin-bottom:20px}.form-group label{font-size:var(--fs-sm);color:var(--text);margin-bottom:6px;font-weight:500;display:block}.form-group input[type=text],.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font-size:var(--fs-base);font-family:var(--font-ui);padding:10px 12px;transition:border-color .15s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-group input[type=text]:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-help{font-size:var(--fs-xs);color:var(--muted);margin-top:4px;display:block}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:36px;height:36px;transition:all .15s;position:relative}.color-swatch:hover{box-shadow:var(--shadow-sm);transform:scale(1.1)}.color-swatch.active{border-color:var(--text);box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.color-swatch:disabled{opacity:.5;cursor:not-allowed}.upload-dropzone{border:2px dashed var(--border-2);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--surface-2);padding:48px 24px;transition:all .2s}.upload-dropzone:hover,.upload-dropzone.active{border-color:var(--accent);background:var(--accent-soft)}.upload-icon{margin-bottom:12px;font-size:48px}.upload-text{font-size:var(--fs-md);color:var(--text);margin:0 0 4px;font-weight:500}.upload-subtext{font-size:var(--fs-sm);color:var(--text-2);margin:0}.file-selected{border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);background:var(--surface-2)}.file-info{align-items:center;gap:12px;display:flex}.file-icon{font-size:32px}.file-details{flex:1}.file-name{font-size:var(--fs-md);color:var(--text);margin:0 0 4px;font-weight:500}.file-size{font-size:var(--fs-sm);color:var(--muted);margin:0}.upload-formats{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.upload-formats h4{font-size:var(--fs-sm);color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-weight:600}.format-item{border-bottom:1px solid var(--border);grid-template-columns:80px 120px 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.format-item:last-child{border-bottom:none}.format-item strong{color:var(--text);font-size:var(--fs-sm)}.format-item span{color:var(--muted);font-size:var(--fs-xs);font-family:var(--font-mono)}.format-item p{font-size:var(--fs-xs);color:var(--text-2);margin:0}.upload-help{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius);margin-top:24px;padding:16px}.upload-help h4{font-size:var(--fs-sm);color:var(--text);margin:0 0 10px;font-weight:600}.upload-help ul{margin:0;padding-left:20px}.upload-help li{font-size:var(--fs-sm);color:var(--text-2);margin:6px 0;line-height:1.5}.upload-help code{background:var(--surface);font-family:var(--font-mono);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:11px}.btn-icon{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-2);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.btn-icon:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.btn-icon.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.library-view{padding:var(--pad)}.library-header{flex-direction:column;align-items:stretch}.library-grid{grid-template-columns:1fr}.modal-content{border-radius:0;max-width:100%;max-height:100vh}.format-item{grid-template-columns:1fr;gap:4px}}.library-details{padding:var(--pad-lg);max-width:1600px;margin:0 auto}.library-details-header{margin-bottom:var(--pad-lg)}.library-details-breadcrumb{margin-bottom:var(--pad)}.btn-link{color:var(--accent);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .15s}.btn-link:hover{opacity:.7}.library-details-title{justify-content:space-between;align-items:flex-start;gap:var(--pad);margin-bottom:var(--pad);display:flex}.library-details-title h1{font-size:var(--fs-2xl);color:var(--text);margin:0 0 4px;font-weight:600}.library-description{color:var(--text-2);font-size:var(--fs-md);margin:0;line-height:1.5}.library-color-badge{border-radius:4px;flex-shrink:0;width:8px;height:48px}.library-details-actions{gap:12px;display:flex}.library-stats-bar{padding:var(--pad-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--pad);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stat-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.stat-pill .stat-label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stat-pill .stat-value{font-size:var(--fs-md);color:var(--accent);font-weight:600}.library-tags-inline{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.library-toolbar{margin-bottom:var(--pad);gap:12px;display:flex}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--fs-base);font-family:var(--font-ui);flex:1;padding:10px 14px;transition:border-color .15s}.search-input:focus{border-color:var(--accent);outline:none}.compound-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.compound-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.compound-table thead{background:var(--surface-2);z-index:10;position:sticky;top:0}.compound-table th{text-align:left;font-size:var(--fs-xs);color:var(--text);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap;padding:12px 14px;font-weight:600}.compound-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.compound-table th.sortable:hover{background:var(--border)}.compound-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:10px 14px}.compound-table tbody tr:last-child td{border-bottom:none}.compound-table tbody tr:hover{background:var(--surface-2)}.compound-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.compound-smiles code{font-family:var(--font-mono);color:var(--muted);background:var(--surface-2);border-radius:4px;padding:4px 6px;font-size:11px;display:inline-block}.compound-cas{font-family:var(--font-mono);color:var(--muted);font-size:11px}.number-cell{font-family:var(--font-mono);text-align:right;color:var(--text)}.actions-col{text-align:center;width:80px}.btn-icon-sm{border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text-2);background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:inline-flex}.btn-icon-sm:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.btn-icon-sm.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.compound-table-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.pagination{margin-top:var(--pad-lg);padding:var(--pad);justify-content:center;align-items:center;gap:16px;display:flex}.pagination-info{font-size:var(--fs-sm);color:var(--text-2);text-align:center;min-width:200px}@media (max-width:768px){.library-details{padding:var(--pad)}.library-details-title,.library-toolbar{flex-direction:column}.compound-table{font-size:11px}.compound-table th,.compound-table td{padding:8px 6px}.compound-smiles{text-overflow:ellipsis;max-width:150px;overflow:hidden}.pagination{flex-direction:column;gap:12px}}.library-layout{gap:var(--pad);align-items:flex-start;display:flex}.library-main{flex:1;min-width:0}.folder-tree{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;width:280px;overflow:hidden}.folder-tree-header{padding:var(--pad-sm);border-bottom:1px solid var(--border);background:var(--surface-2)}.folder-tree-header h3{font-size:var(--fs-sm);color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.folder-tree-content{max-height:600px;padding:8px 0;overflow-y:auto}.folder-node{-webkit-user-select:none;user-select:none}.folder-item{cursor:pointer;width:100%;font-size:var(--fs-sm);color:var(--text-2);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.folder-item:hover{background:var(--surface-2);color:var(--text)}.folder-item.selected{background:var(--accent-soft);color:var(--accent);font-weight:500}.folder-toggle{color:var(--muted);text-align:center;width:12px;font-size:10px;transition:transform .15s}.folder-spacer{width:12px}.folder-icon{flex-shrink:0;font-size:16px}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-count{font-size:var(--fs-xs);color:var(--muted);background:var(--surface-2);font-family:var(--font-mono);text-align:center;border-radius:4px;min-width:24px;padding:2px 6px}.folder-item.selected .folder-count{background:var(--accent);color:var(--surface)}.folder-children{animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.folder-breadcrumb{padding:var(--pad-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--pad);font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.breadcrumb-label{color:var(--muted);font-weight:500}.breadcrumb-path{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-xs);flex:1}@media (max-width:1024px){.library-layout{flex-direction:column}.folder-tree{width:100%}.folder-tree-content{max-height:300px}}@media (max-width:768px){.folder-breadcrumb{flex-direction:column;align-items:flex-start;gap:4px}}.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font-size:var(--fs-base);font-family:var(--font-ui);cursor:pointer;padding:10px 12px;transition:border-color .15s}.form-select:focus{border-color:var(--accent);outline:none}.form-select:disabled{opacity:.6;cursor:not-allowed}.share-info-box{padding:var(--pad-sm);background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px}.share-info-box h4{font-size:var(--fs-sm);color:var(--text);margin:0 0 10px;font-weight:600}.share-info-box ul{margin:0;padding-left:20px}.share-info-box li{font-size:var(--fs-sm);color:var(--text-2);margin:6px 0;line-height:1.5}.current-shares{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.current-shares h4{font-size:var(--fs-sm);color:var(--text);margin:0 0 12px;font-weight:600}.share-list{flex-direction:column;gap:8px;display:flex}.share-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.share-email{font-size:var(--fs-sm);color:var(--text);font-family:var(--font-mono)}.success-box{border-radius:var(--radius-sm);color:#10b981;font-size:var(--fs-sm);background:#10b9811a;border:1px solid #10b9814d;padding:12px 16px}[data-theme=dark] .success-box{background:#10b98126;border-color:#10b98166}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}