:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#030303}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;display:flex}body:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(circle,#0000 35%,#030303f2);z-index:100}#amoeba-canvas{width:100%;height:100%;display:block}#legend{position:fixed;left:0;top:0;background:#080808e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:12px;box-shadow:0 8px 32px #0009;border:2px solid rgba(56,189,248,.4);z-index:200;pointer-events:none;transition:opacity .3s ease;min-width:200px}#legend.hidden{opacity:0;transform:translateY(20px)}#legend h2{margin:0 0 .5rem;font-size:1.2rem;color:#38bdf8}#legend p{margin:0;font-size:.9rem;color:#cbd5e1}#search-container{position:absolute;top:20px;left:20px;z-index:200}#search-input{background:#080808cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(56,189,248,.4);border-radius:8px;padding:12px 20px;color:#f8fafc;font-family:Inter,sans-serif;font-size:1rem;width:250px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;outline:none}#search-input:focus{border-color:#38bdf8cc;box-shadow:0 0 20px #38bdf84d}#search-input::placeholder{color:#f8fafc66}#toggle-container{display:flex;align-items:center;margin-top:10px;gap:12px;background:#080808cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(56,189,248,.4);border-radius:8px;padding:10px 16px;box-shadow:0 8px 32px #0000004d;-webkit-user-select:none;user-select:none;width:250px;box-sizing:border-box}.toggle-label{font-size:.85rem;color:#cbd5e1;font-family:Inter,sans-serif;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff26;transition:.3s;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#cbd5e1;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#38bdf84d;border-color:#38bdf880}input:checked+.slider:before{transform:translate(16px);background-color:#38bdf8;box-shadow:0 0 8px #38bdf8cc}