:root{--bg:#05080f;--text:#c8d6e5;--accent:#00d4ff;--glow:#00d4ff40;--input-bg:#0d1320;--border:#1a2540;--panel-bg:#0a0f1add}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}body:active{cursor:grabbing}#canvas-container{z-index:1;position:fixed;inset:0}#canvas-container canvas{display:block}.bg-aura{filter:blur(120px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;transition:all 1.5s;position:fixed}.aura-1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:60vw;max-width:700px;height:60vw;max-height:700px;top:50%;left:50%;transform:translate(-50%,-50%)}.aura-2{opacity:.08;background:radial-gradient(circle,#7b2fff 0%,#0000 70%);width:40vw;max-width:500px;height:40vw;max-height:500px;top:45%;left:48%;transform:translate(-50%,-50%)}.title-area{z-index:10;text-align:center;pointer-events:none;position:fixed;top:16px;left:50%;transform:translate(-50%)}.title{letter-spacing:.12em;color:#e8f4ff;text-shadow:0 0 30px var(--glow);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:800}.subtitle{letter-spacing:.22em;color:#6b8db5;text-transform:uppercase;font-size:.62rem}.learn-toggle{pointer-events:all;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:#8ab4d8;cursor:pointer;background:#0a0f1abb;border-radius:20px;padding:8px 14px;font-size:.72rem;transition:all .3s;position:fixed;top:20px;left:20px}.learn-toggle[aria-pressed=true]{color:#fff;background:#00d4ff20;border-color:#00d4ff60}.right-column{z-index:20;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;width:min(280px,80vw);display:flex;position:fixed;top:20px;bottom:20px;right:20px}.edu-panel{pointer-events:all;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:18px;flex:auto;width:100%;min-height:0;padding:16px;font-size:.8rem;line-height:1.5;overflow-y:auto;box-shadow:0 10px 30px #00000040}.edu-panel .disclaimer{color:#7a93b5;border-left:2px solid #ff9930;margin-bottom:10px;padding-left:8px;font-size:.62rem}.edu-panel h2{color:#e8f4ff;align-items:center;gap:6px;margin-bottom:6px;font-size:1rem;display:flex}.mechanism{color:#9bb8da;margin-bottom:8px;font-style:italic}.receptor-list{color:#8bb8ff;margin-bottom:8px;font-size:.72rem}.region-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.region-tag{color:#8bb8ff;background:#1a2d4a;border-radius:12px;padding:2px 8px;font-size:.65rem}.citations{color:#5f7b9c;font-size:.6rem}.citations a{color:#5f9bcf}.graph-panel{border:1px solid var(--border);pointer-events:none;background:#0a0f1aee;border-radius:12px;flex:none;width:100%;height:160px}.dose-time-controls{pointer-events:all;z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#0a0f1abb;border-radius:20px;flex-direction:column;gap:8px;padding:10px 18px;display:flex;position:fixed;bottom:20px;left:20px}.slider-row{color:#8ab4d8;align-items:center;gap:10px;font-size:.7rem;display:flex}.slider-row input[type=range]{width:140px;accent-color:var(--accent)}.slider-row span{text-align:right;min-width:3.2em}.ui-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:clamp(10px,3vh,30px);display:flex;position:fixed;inset:0}.input-container{pointer-events:all;width:min(400px,85vw)}.input-wrapper{background:var(--input-bg);border:1.5px solid var(--border);border-radius:50px;align-items:center;padding:4px;transition:all .4s;display:flex;box-shadow:0 0 20px #00000060}.input-wrapper:focus-within{border-color:#00d4ff80;box-shadow:0 0 35px #00d4ff25}#substance-input{color:#e8f4ff;background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.9rem}#substance-input::placeholder{color:#3d5575}.input-icon{opacity:.7;padding:0 6px 0 14px;font-size:1.2rem}.clear-btn{color:#6b8db5;cursor:pointer;opacity:0;pointer-events:none;background:#ffffff0a;border:none;border-radius:50%;margin-right:4px;padding:8px 14px;transition:all .3s}.clear-btn.visible{opacity:1;pointer-events:all}.suggestions{pointer-events:all;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.suggestion-chip{color:#7a9bbd;cursor:pointer;letter-spacing:.04em;background:#0d1525;border:1px solid #1a2840;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:.7rem;transition:all .3s}.suggestion-chip:hover{color:#c8e0ff;background:#131d35;border-color:#00d4ff50;transform:translateY(-2px);box-shadow:0 0 15px #00d4ff15}@media (width<=700px){.right-column{width:200px;top:12px;bottom:12px;right:12px}.edu-panel{padding:12px;font-size:.7rem}.graph-panel{height:120px}}