:root{--bg-color:#000;--text-color:#fff;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--accent:#0ff;--font-main:"Inter", sans-serif}body,html{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);font-family:var(--font-main);margin:0;padding:0;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#ui-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:relative}.sidebar{pointer-events:auto;align-items:center;height:100%;display:flex;position:absolute;top:0}#sidebar-left{left:20px}#sidebar-right{right:20px}.nav-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mix-blend-mode:difference;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:20px;font-size:2rem;transition:all .3s;display:flex}.nav-btn:hover{background:#ffffff26;transform:scale(1.1)}#bottom-bar{pointer-events:auto;justify-content:center;width:100%;display:flex;position:absolute;bottom:40px}.search-container{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;align-items:center;width:400px;max-width:90%;padding:10px 20px;transition:all .3s;display:flex}.search-container:focus-within{border-color:var(--accent);width:500px;box-shadow:0 0 20px #0ff3}#prompt-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:5px;font-size:1rem}.icon-btn{cursor:pointer;opacity:.7;background:0 0;border:none;padding:5px;font-size:1.2rem;transition:opacity .3s}.icon-btn:hover{opacity:1}body.archive-mode .nav-btn{display:none}