body{margin:0!important;padding:0!important;overflow:hidden;background:#1a1816;color:#e8e4df;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;user-select:none;-webkit-font-smoothing:antialiased}#graph-container{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}#graph-container canvas{display:block;outline:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top left,rgba(201,168,108,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(138,180,199,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#controls{position:fixed;top:1rem;left:1rem;right:1rem;z-index:10;pointer-events:none}.control-panel{background:#23211ef2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0006;pointer-events:auto;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.panel-header{display:flex;align-items:center;gap:.5rem;flex:1}.control-panel h1{margin:0;font-size:.95rem;font-weight:600;color:#e8e4df;letter-spacing:-.01em}.graph-icon{font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(201,168,108,.5))}.control-panel p{display:none}.btn-home{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:linear-gradient(135deg,#c9a86c,#e4c695);color:#1a1816;text-decoration:none;border-radius:8px;font-size:.8rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #c9a86c4d;white-space:nowrap}.btn-home:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c9a86c80}.stats-panel{position:fixed;bottom:1rem;left:1rem;right:1rem;background:#23211ef2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0009;pointer-events:none;display:flex;justify-content:space-around;gap:1rem;z-index:10}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-label{font-size:.7rem;color:#a8a4a0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#c9a86c;font-family:SF Mono,monospace}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1000;font-size:1rem;color:#c9a86c;font-weight:600}.loading:after{content:"Loading...";animation:pulse 1.5s ease-in-out infinite}@media(min-width:768px){#controls{left:1.5rem;right:auto;width:auto;max-width:400px}.control-panel{padding:.75rem 1rem}.control-panel h1{font-size:1rem}.btn-home{font-size:.85rem;padding:.6rem .9rem}.stats-panel{left:auto;right:1.5rem;bottom:1.5rem;width:auto;min-width:200px;flex-direction:column;gap:.75rem}.stat-item{flex-direction:row;justify-content:space-between;gap:1rem}.stat-label{margin-bottom:0;text-align:left}}@media(min-width:1200px){.control-panel h1{font-size:1.1rem}}[data-theme=light] body{background:#f5f2ed}[data-theme=light] body:before{background:radial-gradient(ellipse at top left,rgba(122,98,64,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(93,125,141,.05) 0%,transparent 50%)}[data-theme=light] .control-panel,[data-theme=light] .stats-panel{background:#faf8f5f2;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}[data-theme=light] .control-panel h1{color:#3d3a35}[data-theme=light] .stat-label{color:#8a8580}[data-theme=light] .btn-home{background:linear-gradient(135deg,#7a6240,#a6855c);color:#f5f2ed}[data-theme=light] .stat-value,[data-theme=light] .loading{color:#7a6240}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}