:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}.capture-flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:1000;transition:opacity .1s ease-out}.capture-flash.active{opacity:.8}.controls-top{position:fixed;top:0;left:0;right:0;padding:20px;display:flex;align-items:center;gap:16px;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.spacer{flex:1}.btn-icon{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:20px;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#ffffff1a;border-color:#ffffff80}.effect-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.effect-badge:hover{transform:scale(1.05)}.effect-icon{font-size:18px}.effect-name{font-family:Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:2px}.settings-panel{position:fixed;top:80px;left:20px;right:20px;max-width:320px;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:#0a0a14d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.setting-group label{display:block;font-family:Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:2px;color:#fff9;margin-bottom:8px}.setting-group select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#fff;font-size:14px;cursor:pointer}.setting-group select:focus{outline:none;border-color:#f0f}.setting-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#fff3;appearance:none;cursor:pointer}.setting-group input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f0f,#00d4ff);border:2px solid white;cursor:pointer}.mode-selector{display:flex;gap:12px}.mode-btn{flex:1;padding:12px;border-radius:12px;border:2px solid;background:transparent;font-size:24px;cursor:pointer;transition:all .2s ease}.mode-btn:hover{transform:scale(1.1)}.mode-btn.active{transform:scale(1.05)}.controls-bottom{position:fixed;bottom:0;left:0;right:0;padding:30px 40px 50px;display:flex;align-items:center;justify-content:center;gap:40px;z-index:100;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.btn-round{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-round:hover{transform:scale(1.1);border-color:#fff9}.btn-record{border-color:#f33}.record-inner{width:20px;height:20px;border-radius:50%;background:#f33;transition:all .2s ease}.btn-record.recording .record-inner{border-radius:4px;width:16px;height:16px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-shutter{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.8);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease}.btn-shutter:hover{transform:scale(1.05)}.btn-shutter:active{transform:scale(.95)}.shutter-ring{position:absolute;width:66px;height:66px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.shutter-center{width:58px;height:58px;border-radius:50%;background:#ffffffe6;transition:all .15s ease}.btn-shutter:active .shutter-center{background:#ffffffb3;transform:scale(.9)}.btn-effect{font-size:26px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{width:100%;height:100%;position:relative}.permission-prompt{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a1a,#1a0a2a,#0a1a2a);z-index:1000}.permission-card{text-align:center;padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#141428cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:340px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.permission-icon{font-size:64px;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.permission-card h2{font-size:22px;font-weight:600;margin-bottom:12px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.permission-card p{font-size:14px;color:#fff9;line-height:1.5;margin-bottom:24px}.permission-btn{padding:14px 32px;border-radius:30px;border:none;background:linear-gradient(135deg,#f0f,#00d4ff);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ff00ff4d}.permission-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #f0f6}.permission-btn:active{transform:scale(.98)}.app:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:9999}