:root{--app-height:100%}body,html{margin:0;padding:0;width:100%;height:var(--app-height);background-color:#000;color:#fff;font-family:sans-serif;overflow:hidden;position:fixed;overscroll-behavior-y:contain}#orientationOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}@media screen and (orientation:landscape){#orientationOverlay{display:flex}}.rotate-icon{font-size:4rem;margin-bottom:20px;animation:rotateDevice 2s infinite}@keyframes rotateDevice{0%{transform:rotate(0deg)}50%{transform:rotate(-90deg)}100%{transform:rotate(0deg)}}.app-view{position:fixed;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;z-index:200;background:#000}#launchScreen{display:flex;overflow-y:auto;align-items:center;justify-content:center;background:#111;padding:40px 0}.app-logo{width:120px;height:auto;border-radius:26px;box-shadow:0 10px 30px rgba(0,0,0,.5);filter:drop-shadow(0 0 8px rgba(25,135,84,.4))}#recorderUI{position:relative;height:100%}#displayCanvas{width:100%;height:100%;object-fit:contain;background:#000}#hiddenVideo{display:none}#countdownOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:400;justify-content:center;align-items:center;font-size:120px;font-weight:800;color:#fff;pointer-events:none}.camera-controls{position:absolute;bottom:0;left:0;width:100%;z-index:220;padding:0 20px calc(env(safe-area-inset-bottom) + 50px);background:linear-gradient(transparent,rgba(0,0,0,.9))}.btn-circle-lg{width:75px;height:75px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-circle-md{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}#resultScreen{overflow-y:auto;padding-top:env(safe-area-inset-top);height:100%;overscroll-behavior-y:contain;scroll-behavior:smooth}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:100%;padding:2px;align-items:start}.gallery-item{position:relative;width:100%;background:#222;overflow:hidden;display:flex;align-items:center}.gallery-item img{width:100%;height:auto;object-fit:contain;display:block}.modal-fullscreen .modal-content{background-color:#000;border:none;height:100%}.modal-fullscreen .modal-body{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0;overflow:hidden;position:relative;touch-action:none}#adContainer{width:100%;height:50px;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;z-index:30;margin-bottom:5px}#carouselWrapper{flex:1;width:100%;overflow:hidden;position:relative;display:flex;align-items:center}#carouselInner{display:flex;height:100%;transition:transform 0.3s cubic-bezier(.25,.46,.45,.94);will-change:transform}.carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-slide img{max-width:100%;max-height:100%;object-fit:contain}#modalCounter{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);padding:5px 15px;border-radius:20px;font-size:.9rem;z-index:50}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;padding:20px 10px;z-index:40}#prevBtn{left:0;border-radius:0 10px 10px 0}#nextBtn{right:0;border-radius:10px 0 0 10px}.modal-footer{border:none;padding:30px;justify-content:space-around;background:rgba(0,0,0,.8);z-index:40}.btn-install{border:2px solid #198754;color:#198754;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,135,84,.4)}70%{box-shadow:0 0 0 15px rgba(25,135,84,0)}100%{box-shadow:0 0 0 0 rgba(25,135,84,0)}}.content-view{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;z-index:500;display:none;flex-direction:column;overflow-y:auto;padding:40px 24px}.footer-links a{color:#6c757d;text-decoration:none;font-size:.85rem;margin:0 10px}.footer-links a:hover{color:#198754}