@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Share+Tech+Mono&display=swap";body{background-color:#0d0d12;margin:0;padding:0;overflow:hidden}:root{--bg-color:#f9f7f2;--panel-bg:#fff;--text-main:#332d29;--text-muted:#8c837d;--danger-red:#ff4d4d;--accent-color:#ff9f43;--border-color:#e8e2d9}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:#e0ddd5;justify-content:center;align-items:center;width:100vw;min-height:100dvh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}#root{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:450px;height:100dvh;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.app-container{flex-direction:column;width:100%;height:100%;display:flex}.app-header-utilitarian{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);color:var(--text-main);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;font-size:15px;font-weight:700;display:flex}.header-right{color:var(--text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.header-icon{cursor:pointer}.camera-section{background-color:#ebe7e0;flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex}.video-container{aspect-ratio:4/3;cursor:pointer;background-color:#000;border-radius:12px;width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.video-wrapper{width:100%;height:100%;position:relative}.video-feed-pixelated{object-fit:cover;width:100%;height:100%}.osd-digital{z-index:10;pointer-events:none;color:#fff;text-shadow:1px 1px 2px #000c;padding:5px;font-family:Share Tech Mono,monospace;font-size:10px;position:absolute}.top-left{top:4px;left:6px}.top-right{top:4px;right:6px}.bottom-left{bottom:4px;left:6px}.bottom-right{bottom:4px;right:6px}.text-right{text-align:right}.text-red{color:#ff5252;text-shadow:0 0 5px #ff525280}.text-muted{color:#ffffff80}.blinking-fast{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.controls-section-utilitarian{background-color:var(--panel-bg);border-top:1px solid var(--border-color);padding:12px 8px;padding-bottom:max(12px, env(safe-area-inset-bottom));flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.control-btn-flat{cursor:pointer;color:var(--text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 0;transition:all .2s;display:flex}.control-btn-flat:active{background-color:#f5f0e8;transform:scale(.95)}.control-btn-flat.text-blue{color:var(--accent-color)}.control-btn-flat span{font-size:11px;font-weight:600}.control-btn-flat:hover{color:var(--text-main);background-color:#fdfaf5}.sys-toast{color:#fff;z-index:100;pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#332d29f2;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ease-out slide-up;position:absolute;bottom:115px;left:20px;right:20px;box-shadow:0 8px 25px #00000040}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flash-overlay-instant{z-index:50;pointer-events:none;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.video-feed-pixelated{object-fit:cover;transform-origin:50%;width:100%;height:100%}.drift-1{animation:20s ease-in-out infinite cam-drift-1}@keyframes cam-drift-1{0%{transform:scale(1)translate(0)}25%{transform:scale(1.1)translate(-8px,-4px)}50%{transform:scale(1.06)translate(5px,-6px)}75%{transform:scale(1.12)translate(-3px,3px)}to{transform:scale(1)translate(0)}}.drift-2{animation:15s ease-in-out infinite cam-drift-2}@keyframes cam-drift-2{0%{transform:scale(1.08)translate(-6px)}50%{transform:scale(1.08)translate(6px)}to{transform:scale(1.08)translate(-6px)}}.drift-3{animation:18s ease-in-out infinite cam-drift-3}@keyframes cam-drift-3{0%{transform:scale(1.05)translateY(-8px)}50%{transform:scale(1.14)translateY(8px)}to{transform:scale(1.05)translateY(-8px)}}.drift-4{animation:12s ease-in-out infinite cam-drift-4}@keyframes cam-drift-4{0%{transform:scale(1.15)translate(-4px,-4px)}33%{transform:scale(1.2)translate(4px,-2px)}66%{transform:scale(1.15)translate(-2px,4px)}to{transform:scale(1.15)translate(-4px,-4px)}}.drift-5{animation:25s ease-in-out infinite cam-drift-5}@keyframes cam-drift-5{0%{transform:scale(1.04)translate(-10px)}50%{transform:scale(1.08)translate(10px)}to{transform:scale(1.04)translate(-10px)}}.drift-6{animation:22s ease-in-out infinite cam-drift-6}@keyframes cam-drift-6{0%{transform:scale(1.05)translateY(-5px)}50%{transform:scale(1.08)translateY(5px)}to{transform:scale(1.05)translateY(-5px)}}