body,html{overflow:auto;margin:0;padding:0;font-family:Arial,sans-serif}.qubitcontainer{position:relative;width:100%;height:100vh;background-color:rgba(0,0,0,.486);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;overflow-y:scroll}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-video{width:100%;height:100%;object-fit:cover}.topbar{width:100%;padding:10px 20px;color:white;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:5}.topbar-title{font-family:Lilita One,sans-serif;font-weight:700;color:#00ffcc;font-size:22px;text-align:left;white-space:nowrap;text-shadow:0 0 10px #00ffff88;transition:color .3s ease,transform .3s ease}.topbar-title:hover{color:#ffffff;transform:scale(1.1)}.timestamp{color:#ff0000;font-size:16px;text-align:right;font-family:Courier New,monospace;text-shadow:0 0 5px #ff000088;transition:transform .3s ease}.timestamp:hover{transform:scale(1.05)}.go-back-btn{background-color:rgba(0,30,30,.7);border:none;color:#00ffff;font-size:24px;padding:10px;border-radius:50%;box-shadow:0 0 10px #00ffcc55;transition:all .3s ease}.go-back-btn:hover{background-color:rgba(0,50,50,.8);box-shadow:0 0 20px #00ffcc;transform:scale(1.1)}.bio-layout{margin-top:20px;width:100%;max-width:500px;display:flex;justify-content:center;align-items:center;background:transparent;padding:20px}.bio-card{background:rgba(20,20,20,.315);color:white;border:none;width:100%;border-radius:20px;padding:40px;backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease}.bio-card:hover{transform:scale(1.05);box-shadow:0 0 40px #00ffccaa}.bio-title{font-family:Lilita One,sans-serif;font-size:28px;color:#00ffff;margin-bottom:10px;text-shadow:0 0 8px #00ffffaa}.bio-paragraph{color:#c0e0e0;font-size:17px;text-shadow:0 0 2px #00ffff55}.audio-player-container{display:flex;flex-direction:column;align-items:center;gap:20px}.audio-controls{display:flex;align-items:center;justify-content:center;gap:25px}.play-toggle{font-size:40px;color:#00ffff;cursor:pointer;transition:transform .3s ease}.play-toggle:hover{transform:scale(1.2)}.audio-controls button{background:rgba(0,30,30,.8);border:1px solid #00cccc;color:#00ffff;font-size:24px;box-shadow:0 0 10px #00ffcc55;transition:all .3s ease}.audio-controls button:hover{transform:scale(1.2);box-shadow:0 0 20px #00ffffaa}.audio-progress{width:100%;height:10px;background:#001111;border-radius:5px;overflow:hidden;margin-top:10px;cursor:pointer;box-shadow:0 0 5px #00cccc88}.audio-progress-bar{width:100%;height:100%;background:linear-gradient(90deg,#00ffff,#00cccc);transition:width .2s}.volume-control{margin-top:15px;width:200px}.volume-slider{accent-color:#00ffff}.slider-item{width:100%;margin:10px 0;font-family:Arial,sans-serif}.slider-item div{font-size:16px;color:#f0f0f0;margin-bottom:8px}.ant-slider{width:100%;background-color:#333;transition:background-color .3s ease}.ant-slider,.ant-slider-rail{height:8px;border-radius:12px}.ant-slider-rail{background-color:#555}.ant-slider-track{background:linear-gradient(90deg,#5c6bc0,#ff4081);height:8px;border-radius:12px}.ant-slider-handle{width:24px;height:24px;background-color:#ff4081;border-radius:50%;border:2px solid #fff;box-shadow:0 0 6px rgba(255,64,129,.8);transition:background-color .3s ease,transform .2s ease}.ant-slider-handle:hover{background-color:#5c6bc0;transform:scale(1.1)}.ant-slider-handle:focus{outline:none;box-shadow:0 0 8px rgba(255,64,129,.8)}.ant-slider-tooltip{background-color:#ff4081;color:white;font-size:14px;padding:4px 8px;border-radius:4px;box-shadow:0 0 8px rgba(255,64,129,.8)}.ant-slider-tooltip-placement-top{top:-30px}.ant-slider-tooltip-inner{background-color:#ff4081}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 8px #00ffffaa}to{text-shadow:0 0 20px #00ffff}}@media (max-width:600px){.topbar{height:60px;padding:0 15px}.topbar-title{font-size:18px}.timestamp{font-size:14px}.go-back-btn{font-size:20px}.bio-card{padding:30px}.audio-player-container{gap:10px}.audio-button{width:100%;text-align:center}}