:root{--font-sans:"IBM Plex Sans", "Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--bg-dark:#04040f;--bg-panel:#0c0c24b8;--text-main:#f8fafc;--text-muted:#9aa3c7;--accent:#6366f1;--accent-rgb:99, 102, 241;--accent-hover:#4f46e5;--accent-soft:#a5b4fc;--accent-glow:#6366f166;--on-accent:#fff;--border:#a5b4fc1f;--glass-bg:#a5b4fc0d;--glass-border:#a5b4fc1f;--surface-1:#a5b4fc12;--shadow:#00000080;--stage-bg:radial-gradient(ellipse at 75% 0%, #0f1330 0%, #04040f 62%);--nav-bg:#04040fb8;--cell-bg:#070a1f;--cell-hover:#0c1236}[data-theme=light]{--bg-dark:#fffcf5;--bg-panel:#fffbf0db;--text-main:#2a2110;--text-muted:#75664a;--accent:#d4a24a;--accent-rgb:212, 162, 74;--accent-hover:#c48f33;--accent-soft:#9a6b12;--accent-glow:#d4a24a59;--on-accent:#2a1d05;--border:#785a1e29;--glass-bg:#ffffffb3;--glass-border:#785a1e24;--surface-1:#b48c3c17;--shadow:#785a1e1f;--stage-bg:radial-gradient(ellipse at 75% 0%, #fff1cc 0%, #fffdf8 60%);--nav-bg:#fffcf5c7;--cell-bg:#fffaf0;--cell-hover:#fff3d6}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:0;padding:0;font-family:inherit}body,html{width:100vw;height:100vh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}h1,h2,h3{letter-spacing:-.02em;font-weight:600}p{line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;transition:all .2s}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--shadow);border-radius:20px}.scientific-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}.scan-line{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:100%;height:2px;animation:10s linear infinite scan;position:absolute}@keyframes scan{0%{top:0%}to{top:100%}}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 0 20px var(--accent-glow);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--border);border-radius:8px;padding:12px 24px;font-weight:500}.btn-secondary:hover{background:var(--surface-1)}.app-layout{width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.glow-orb{filter:blur(80px);z-index:-1;opacity:.35;border-radius:50%;position:absolute}.orb-1{background:#6366f1;width:500px;height:500px;top:-100px;right:-100px}.orb-2{background:#a855f7;width:400px;height:400px;bottom:-50px;left:-100px}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.loader-overlay{z-index:100;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=1024px){.glass-panel{-webkit-backdrop-filter:blur(8px)}}@media (width<=768px){.btn-primary,.btn-secondary{padding:10px 16px;font-size:.9rem}h1{font-size:2.2rem!important}h2{font-size:1.6rem!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-layout{flex-direction:column}}.mobile-only{display:none}.desktop-only{display:block}.morke-spinner-overlay{background:var(--bg-panel);z-index:50;pointer-events:none;justify-content:center;align-items:center;animation:.18s ease-out morke-fade-in;display:flex;position:absolute;inset:0}.morke-spinner{border:3px solid rgba(var(--accent-rgb), .18);border-top-color:var(--accent,#6366f1);width:48px;height:48px;box-shadow:0 0 18px rgba(var(--accent-rgb), .35);border-radius:50%;animation:.85s linear infinite morke-spin}@keyframes morke-spin{to{transform:rotate(360deg)}}@keyframes morke-fade-in{0%{opacity:0}to{opacity:1}}@keyframes morke-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.shake{animation:.3s morke-shake}.search-error{color:#fff;background:#dc2626;border-radius:6px;margin-top:6px;padding:6px 10px;font-size:.8rem;animation:.18s ease-out morke-fade-in}