.video-wrapper{position:relative;overflow:hidden;background-color:var(--bg-main)}.back-to-home-btn{position:absolute;top:5px;left:5px;color:#000;z-index:1000;border-radius:50%;background:#eee;width:30px;opacity:.9;height:30px;display:flex;justify-content:center;align-items:center;border:none}.recording .back-to-home-btn{display:none!important}#video{width:100%;height:100dvh;display:block;touch-action:none}.mirror{transform:scaleX(-1)}#zoom-level{position:absolute;top:10px;right:10px;color:#fff;background:rgba(0,0,0,.5);padding:2px 8px;border-radius:4px;font-size:12px}.camera-controls{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.8));padding-bottom:10px;display:flex;flex-direction:column;align-items:center}.shutter-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.timer-display{color:#fff;font-weight:bold;text-shadow:0 0 5px rgba(0,0,0,.8);margin-bottom:10px;font-family:monospace;font-size:1.2rem;visibility:hidden}.shutter-container{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.progress-ring{position:absolute;transform:rotate(-90deg);pointer-events:none}.progress-ring__circle{transition:stroke-dashoffset .05s linear;stroke:#fc0;stroke-linecap:round}.shutter-button{width:70px;height:70px;background:#fff;border-radius:50%;border:none;z-index:2;transition:transform .2s ease}.shutter-button i{color:#fff}.recording .shutter-button{transform:scale(.85)}.mode-video-active .shutter-button{background:#ff3b30;transform:scale(.9)}.bottom-ui-row{display:flex;justify-content:space-around;align-items:center;width:90%}.mode-switcher{background:rgba(0,0,0,.5);padding:20px 40px;border-radius:30px;display:flex;gap:40px;border:1px solid rgba(255,255,255,.2)}.mode-item{color:#888;font-size:13px;font-family:'Poppins',sans-serif;font-weight:bold;cursor:pointer;transition:.3s}.mode-item.active{color:#fc0}.icon-btn{background:rgba(255,255,255,.1);border:none;color:#fff;width:45px;height:45px;border-radius:50%}#recording-timer{color:#fff;font-size:13px;padding:2px 10px;border-radius:5px;font-family:'Poppins',sans-serif}.submit-btn{position:absolute;right:-70px;background:#4cd964;color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:10;border:none;box-shadow:0 4px 10px rgba(0,0,0,.3)}.bottom-ui-row{min-height:80px}.bottom-ui-row.hidden{opacity:0;pointer-events:none}