:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:#0a0a0a;color:#fafafa}.app{position:relative;width:100%;height:100vh}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.panel{position:fixed;top:1.25rem;left:1.25rem;background:#0a0a0ad1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem 1.5rem;min-width:14rem;z-index:10;-webkit-user-select:none;user-select:none}h1{font-size:1.1rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.15rem}.subtitle{font-size:.75rem;color:#ffffff73;margin-bottom:1rem}.modes{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.mode-btn{display:flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;padding:.3rem .6rem;border-radius:.4rem;font-size:.72rem;cursor:pointer;transition:all .15s ease}.mode-btn:hover{background:#ffffff14;color:#fff}.mode-btn.active{background:#ffffff1f;border-color:#ffffff40;color:#fff}.mode-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#fff9;margin-bottom:.8rem;cursor:pointer}.toggle input{accent-color:#8b5cf6;width:.9rem;height:.9rem;cursor:pointer}.stats{font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff59;margin-bottom:.8rem}.clear-btn{width:100%;padding:.4rem;font-size:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff9;border-radius:.4rem;cursor:pointer;transition:all .15s ease}.clear-btn:hover{background:#ff505026;border-color:#ff50504d;color:#ff6b6b}