:root{--accent:#00d2ff;--record:#ff3b30;--bg:#121212;--text:#f0f0f0;--panel:#1e1e1e}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);display:flex;overflow-x:hidden;flex-direction:column;align-items: center;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ad-container{text-align:center;box-sizing:border-box;background:#1a1a1a;border-radius:8px;width:100%;max-width:800px;margin:30px auto;padding:10px}.ad-label{color:#555;text-transform:uppercase;display:block;margin-bottom:5px;font-size:.7rem}#app-view{position:relative;display:flex;overflow:hidden;background:#000;justify-content:center;align-items: center;width:100%;height:100vh}header{position:absolute;text-align:center;z-index:10;pointer-events:none;background:linear-gradient(#000c,#0000);width:100%;padding:15px;top:0}h1{color:#ffffffe6;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px #000c;margin:0;font-size:1.2rem}video{display:none}canvas{display:block;object-fit:cover;width:100%;height:100%}#status-overlay{position:absolute;color:#fff;pointer-events:none;opacity:0;display:flex;z-index:20;background:#000000b3;border-radius:20px;align-items: center;gap:8px;padding:8px 16px;transition:opacity .2s;font-size:14px;top:80px;left:50%;transform:translate(-50%)}#status-overlay.visible{opacity:1}.recording-dot{background-color:var(--record);animation:pulse 1s infinite;border-radius:50%;width:10px;height:10px}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.ui-layer{position:absolute;display:flex;z-index:100;background:linear-gradient(#0000 0%,#0009 20%,#000000f2 100%);flex-direction:column;align-items: center;gap:15px;width:100%;padding-top:50px;padding-bottom:20px;bottom:0;left:0}.action-buttons{display:flex;align-items: center;gap:20px}.round-btn{outline:2px solid #fff;outline-offset:2px;cursor:pointer;display:flex;border:4px solid #ffffff4d;border-radius:50%;justify-content:center;align-items: center;width:65px;height:65px;transition:transform .1s,background-color .2s;font-size:28px}.round-btn:active{transform:scale(.95)}#snapBtn{background-color:#fff}#snapBtn:active{background-color:#ddd}#gifBtn{background-color:var(--record);color:#fff;font-size:14px;font-weight:700}#gifBtn.recording{outline-color:var(--record);animation:pulse-border 1.5s infinite;border-color:#fff}#gifBtn span{pointer-events:none}@keyframes pulse-border{0%{outline-offset:2px}50%{outline-offset:6px}to{outline-offset:2px}}.effects-scroller{display:flex;overflow-x:auto;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:8px;width:100%;padding:10px 20px}.effects-scroller::-webkit-scrollbar{display:none}.effect-btn{cursor:pointer;color:#ddd;backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex:none;padding:8px 16px;transition:all .2s;font-size:13px;font-weight:500}.effect-btn.active{background-color:var(--accent);border-color:var(--accent);color:#000;font-weight:700;box-shadow:0 0 15px #00d2ff66}.scroll-indicator{position:absolute;z-index:10;display:flex;opacity:0;pointer-events:none;border:2px solid #fff;border-radius:20px;justify-content:center;align-items: flex-start;width:30px;height:50px;padding-top:6px;transition:opacity .4s;bottom:90px;left:20px}.scroll-indicator.visible{opacity:.7}.scroll-indicator span{animation:scroll-anim 2s infinite;background-color:#fff;border-radius:2px;width:4px;height:10px}@keyframes scroll-anim{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(20px)}}.content-section{color:#bbb;background-color:var(--bg);box-sizing:border-box;width:100%;max-width:800px;padding:60px 20px;line-height:1.6}.content-section h2{color:#fff;margin-top:0}.privacy-box{background:#1a1f1a;border:1px solid #2e382e;border-left:4px solid #28a745;border-radius:4px;margin:30px 0;padding:20px}footer{text-align:center;color:#666;background:#000;border-top:1px solid #222;width:100%;padding:30px;font-size:.9rem}