: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}#nav-controls{pointer-events:auto;gap:15px;display:flex;position:absolute;bottom:120px;right:40px}#media-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;opacity:1;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}#media-overlay.hidden{opacity:0;pointer-events:none}.media-content{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:20px;flex-direction:column;gap:20px;width:90%;max-width:800px;padding:40px;display:flex;box-shadow:0 20px 50px #00000080}#media-question{color:#fff;margin:0;font-size:2.5rem}.media-video-placeholder{aspect-ratio:16/9;color:#666;background:#111;border:1px dashed #333;border-radius:10px;justify-content:center;align-items:center;width:100%;font-size:1.2rem;display:flex}#media-answer{color:#ddd;font-size:1.5rem;line-height:1.6}.btn-primary{color:#000;cursor:pointer;background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:30px;align-self:center;margin-top:20px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:transform .2s}.btn-primary:hover{transform:scale(1.05)}.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}#joystick-container{background:var(--glass-bg);border:2px solid var(--glass-border);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:120px;height:120px;display:none;position:absolute;bottom:40px;left:40px}@media (width<=768px){#joystick-container{display:block}#nav-controls{bottom:180px}}#joystick-knob{pointer-events:none;background:#ffffff80;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00ffff80}body.archive-mode .nav-btn{display:none}