:root{--bg-base:#eef4fb;--body-gradient:radial-gradient(circle at top left, #14b8a61f, transparent 28%), radial-gradient(circle at 85% 15%, #fb923c1f, transparent 20%), linear-gradient(180deg, #f6fbff 0%, #eef4fb 48%, #e7eef8 100%);--panel:#ffffffe0;--panel-soft:#f7faffeb;--border:#94a3b838;--strong-text:#122033;--soft-text:#28405f;--muted-text:#61748e;--accent-text:#0f9bd7;--brand-surface:#ffffffd1;--ambient-left:#14b8a633;--ambient-right:#fb923c29;--surface-elevated:#ffffffc2;--surface-strong:#f2f7fff2;--surface-muted:#edf3fbe6;--surface-overlay:#ffffffeb;--shadow-elevated:0 18px 50px #7891b129;--shadow-strong:0 18px 48px #7891b12e;--focus-ring:0 0 0 4px #0ea5e91f;--selection-surface:linear-gradient(135deg, #0ea5e914, #ffffffb8);--field-bg:#f5f9fff5;--field-label-bg:linear-gradient(180deg, transparent 35%, #f5f9fffa 35%);--field-border:#94a3b838;--field-border-active:#3b82f694;--danger-text:#dc6a86;--toast-bg:#fffffff5;--fade-overlay:linear-gradient(180deg, #fff0, #f5f9fff5);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Segoe UI,sans-serif}:root[data-theme=dark]{--bg-base:#07111f;--body-gradient:radial-gradient(circle at top left, #14b8a62e, transparent 28%), radial-gradient(circle at 85% 15%, #fb923c2e, transparent 20%), linear-gradient(180deg, #08111f 0%, #0b172a 45%, #111827 100%);--panel:#080f1cc7;--panel-soft:#0f172ab8;--border:#94a3b82e;--strong-text:#f8fafc;--soft-text:#dbeafe;--muted-text:#94a3b8;--accent-text:#7dd3fc;--brand-surface:#080f1cb8;--ambient-left:#14b8a647;--ambient-right:#f9731647;--surface-elevated:#0f172ab8;--surface-strong:#080f1ce6;--surface-muted:#0f172a8f;--surface-overlay:#080f1ceb;--shadow-elevated:0 18px 50px #02081733;--shadow-strong:0 18px 48px #02081757;--focus-ring:0 0 0 4px #0ea5e91f;--selection-surface:linear-gradient(135deg, #0ea5e914, #0f172a75);--field-bg:#0f172abd;--field-label-bg:linear-gradient(180deg, transparent 35%, #080f1ceb 35%);--field-border:#94a3b833;--field-border-active:#7dd3fcb8;--danger-text:#fda4af;--toast-bg:#080f1cf5;--fade-overlay:linear-gradient(180deg, #080f1c00, #080f1cf5)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--body-gradient);color:var(--strong-text);margin:0}a{color:inherit;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;appearance:none}.app-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(48px);opacity:.26;pointer-events:none;border-radius:999px;width:24rem;height:24rem;position:fixed}.ambient--left{background:var(--ambient-left);top:8rem;left:-9rem}.ambient--right{background:var(--ambient-right);top:18rem;right:-8rem}.hero-panel,.filter-panel,.empty-panel,.detail-shell,.related-panel{z-index:1;position:relative}.hero-panel{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:stretch;gap:1.4rem;display:grid}.hero-copy,.featured-shell,.filter-panel,.empty-panel,.detail-panel,.related-panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-elevated);border-radius:32px;padding:1.5rem}.eyebrow{color:#67e8f9;letter-spacing:.22em;margin:0 0 1rem;font-size:.82rem}.hero-copy h1{margin:0;font-size:clamp(2.5rem,4vw,4.8rem);line-height:1.02}.hero-description,.results-header p,.empty-panel p,.detail-panel p{color:var(--muted-text);line-height:1.75}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:2rem;display:grid}.hero-stats article{background:var(--surface-elevated);border:1px solid #94a3b81f;border-radius:24px;padding:1rem}.hero-stats strong{font-size:1.8rem;display:block}.hero-stats span{color:var(--muted-text)}.featured-shell p,.results-header h2,.detail-panel h2{margin-top:0}.featured-shell ul,.detail-list{margin:0;padding-left:1.2rem}.featured-shell li{gap:.3rem;margin-bottom:1rem;display:grid}.featured-shell small{color:var(--muted-text)}.filter-panel{gap:1.2rem;margin-top:1.4rem;display:grid}.search-shell{gap:.7rem;display:grid}.search-shell span{color:var(--soft-text)}.search-shell input{background:var(--surface-elevated);width:100%;color:var(--strong-text);border:1px solid #94a3b829;border-radius:20px;outline:none;padding:1rem 1.1rem}.search-shell input:focus{box-shadow:var(--focus-ring);border-color:#7dd3fca6}.category-row{flex-wrap:wrap;gap:.75rem;display:flex}.category-chip,.ghost-button,.tool-chip{background:var(--surface-elevated);min-height:2.5rem;color:var(--soft-text);border:1px solid #94a3b829;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .95rem;display:inline-flex}.category-chip{cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.category-chip:hover,.ghost-button:hover{transform:translateY(-1px)}.category-chip--active{color:var(--strong-text);background:linear-gradient(135deg,#14b8a657,#fb923c57);border-color:#7dd3fc70}.results-header{justify-content:space-between;align-items:end;gap:1rem;margin:1.8rem 0 1rem;display:flex}.results-header h2{margin-bottom:.35rem}.ghost-button{cursor:pointer;text-decoration:none}.ghost-button--link{width:fit-content}.tool-grid,.related-grid,.detail-grid{gap:1rem;display:grid}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-panel--wide{grid-column:1/-1}.detail-copy{color:var(--muted-text);margin:0;line-height:1.8}.empty-panel{justify-items:start;gap:.8rem;margin-top:1rem;display:grid}.empty-panel h3{margin:0}.detail-shell{gap:1rem;display:grid}.detail-tool-card{margin-top:.1rem}.detail-tool-placeholder{background:var(--surface-elevated);border:1px solid #94a3b81f;border-radius:24px;align-content:start;gap:.8rem;min-height:180px;padding:1.1rem;display:grid}.detail-tool-placeholder p{color:var(--muted-text);margin:0;line-height:1.75}.detail-info-stack{gap:1rem;display:grid}.detail-list li{margin-bottom:.7rem;line-height:1.65}.tool-grid>*{animation:.48s both rise-in}.tool-grid>:nth-child(2){animation-delay:50ms}.tool-grid>:nth-child(3){animation-delay:.1s}.tool-grid>:nth-child(4){animation-delay:.15s}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.hero-panel,.tool-grid{grid-template-columns:1fr}}@media (width<=720px){.page-shell{padding-top:1.2rem}.topbar{padding-top:.8rem}.brand{justify-content:center;width:100%}.hero-copy h1,.detail-topbar h1{font-size:clamp(2.1rem,10vw,3.2rem)}.hero-stats,.results-header,.hero-stats{grid-template-columns:1fr}.results-header{align-items:start}}