body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}*{box-sizing:border-box}.button-container{align-items:center;background:#00000005;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.futuristic-button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#1e293b;cursor:pointer;font-size:15px;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:12px 24px;pointer-events:auto;position:relative;transition:all .2s ease;z-index:1000}.futuristic-button:hover{background:#f8fafc;box-shadow:0 4px 6px #00000012}.futuristic-button.behind-ui{z-index:999}@keyframes borderGlow{0%{background-position:0 50%;filter:brightness(1.2) hue-rotate(0deg)}50%{background-position:100% 50%;filter:brightness(1.4) hue-rotate(180deg)}to{background-position:0 50%;filter:brightness(1.2) hue-rotate(1turn)}}@keyframes buttonShine{0%{background:linear-gradient(45deg,#00ffea,#4c00ff);box-shadow:0 8px 25px #4c00ff4d}50%{background:linear-gradient(45deg,#4c00ff,#ff00d4);box-shadow:0 8px 30px #ff00d466}to{background:linear-gradient(45deg,#00ffea,#4c00ff);box-shadow:0 8px 25px #4c00ff4d}}@keyframes gradientShift{0%{background:radial-gradient(circle at center,#00ffea1a,#4c00ff0d)}50%{background:radial-gradient(circle at center,#4c00ff1a,#ff00d40d)}to{background:radial-gradient(circle at center,#ff00d41a,#00ffea0d)}}.futuristic-button:hover{background:#2980b9;box-shadow:0 6px 20px #3498db33;transform:translateY(-1px)}.futuristic-button:active{box-shadow:0 2px 10px #3498db1a;transform:translateY(1px)}.futuristic-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.6}.button-text{position:relative;z-index:1}.glitch{animation:buttonGlitch .3s infinite}.glitch .button-text{animation:textGlitch .2s infinite;position:relative}.glitch .button-text:after,.glitch .button-text:before{clip:rect(0,900px,0,0);content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch .button-text:before{animation:glitch-anim-1 2s linear infinite alternate-reverse;left:2px;text-shadow:-1px 0 red}.glitch .button-text:after{animation:glitch-anim-2 3s linear infinite alternate-reverse;left:-2px;text-shadow:1px 0 blue}@keyframes buttonGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes textGlitch{0%{opacity:1}20%{opacity:.8}40%{opacity:1}60%{opacity:.9}80%{opacity:1}to{opacity:.8}}.glitch:before{animation:glitchOverlay .6s infinite;background:inherit;content:"";height:100%;left:0;mix-blend-mode:difference;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes glitchOverlay{0%{opacity:.75;transform:translate(2px,2px)}25%{opacity:.5;transform:translate(-2px,-2px)}50%{opacity:.75;transform:translate(-2px,2px)}75%{opacity:.5;transform:translate(2px,-2px)}to{opacity:.75;transform:translate(2px,2px)}}.button-glow{background:radial-gradient(circle,#00ffeacc 0,#4c00ff66 30%,#ff00d400 70%);height:200%;left:-50%;mix-blend-mode:screen;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.futuristic-button:hover .button-glow{animation:glowPulse 2s infinite;opacity:.8}@keyframes glowPulse{0%{opacity:.8;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.calculator-ui{animation:calculatorAppear .5s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172afa;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;left:50%;max-height:90vh;overflow-y:auto;padding:20px;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(300px,90vw);z-index:1001}.calculator-ui.light{background:#fffffffa;border:1px solid #0000001a;box-shadow:0 20px 40px #00000026}.calculator-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.calculator-ui.light .calculator-header{border-bottom:1px solid #0000001a}.calculator-title{color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:.5px}.calculator-ui.light .calculator-title{color:#000c}.calculator-close{background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:20px;padding:4px 8px;transition:all .2s ease}.calculator-close:hover{background:#ffffff1a;color:#fff}.calculator-ui.light .calculator-close{color:#000000b3}.calculator-ui.light .calculator-close:hover{background:#0000001a;color:#000}.calculator-display{background:#0000004d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px;min-height:70px;padding:16px;text-align:right}.calculator-ui.light .calculator-display{background:#f0f0f0cc}.calculator-input{color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:20px;font-weight:300;letter-spacing:1px;margin-bottom:4px}.calculator-ui.light .calculator-input{color:#1a1a1a}.calculator-result{color:#fff9;font-size:11px;font-style:italic;line-height:1.2;min-height:14px}.calculator-ui.light .calculator-result{color:#0009}.calculator-keypad{display:flex;flex-direction:column;gap:8px}.calculator-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.calc-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;padding:16px 8px;transition:all .2s ease}.calc-btn:hover{background:#fff3;transform:translateY(-1px)}.calc-btn:active{transform:translateY(0)}.calc-btn.secondary{background:#6c757d4d;color:#fff}.calc-btn.equals,.calc-btn.operator{background:#ff9500cc;color:#fff;font-weight:500}.calc-btn.zero{grid-column:span 1}.calculator-ui.light .calc-btn{background:#00000014;border:1px solid #0000001a;color:#1a1a1a}.calculator-ui.light .calc-btn:hover{background:#00000026}.calculator-ui.light .calc-btn.secondary{background:#6c757d33;color:#495057}.calculator-ui.light .calc-btn.equals,.calculator-ui.light .calc-btn.operator{background:#ff9500e6;color:#fff}.calculator-actions{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.calculator-ui.light .calculator-actions{border-top:1px solid #0000001a}.calc-action-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:12px;transition:all .2s ease;width:100%}.calc-action-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@keyframes calculatorAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.glitch{animation:glitch-skew 1s linear infinite alternate-reverse;position:relative}.glitch:after,.glitch:before{align-items:center;background:inherit;border-radius:inherit;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:attr(data-text);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.glitch:before{animation:glitch-anim-1 2s linear infinite alternate-reverse;background:linear-gradient(45deg,#0000 3%,#f0f 0,#f0f 5%,#0000 0);left:2px;opacity:.75;text-shadow:-2px 0 #f0f}.glitch:after{animation:glitch-anim-2 2s linear infinite alternate-reverse;background:linear-gradient(45deg,#0000 3%,#0ff 0,#0ff 5%,#0000 0);left:-2px;opacity:.75;text-shadow:2px 0 #0ff}@keyframes glitch-skew{0%{transform:skew(0deg)}10%{transform:skew(2deg)}20%{transform:skew(-3deg)}30%{transform:skew(1deg)}40%{transform:skew(-2deg)}50%{transform:skew(3deg)}60%{transform:skew(-1deg)}70%{transform:skew(2deg)}80%{transform:skew(-2deg)}90%{transform:skew(3deg)}to{transform:skew(-1deg)}}@keyframes glitch-anim-1{0%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);transform:translate(0)}10%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);transform:translate(-2px,1px)}20%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);transform:translate(2px,-1px)}30%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);transform:translate(-1px,2px)}40%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);transform:translate(1px,1px)}50%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);transform:translate(-2px,-2px)}60%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);transform:translate(2px,2px)}70%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%);clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%);transform:translate(-2px,1px)}80%{-webkit-clip-path:polygon(0 85%,100% 85%,100% 90%,0 90%);clip-path:polygon(0 85%,100% 85%,100% 90%,0 90%);transform:translate(2px,-1px)}90%{-webkit-clip-path:polygon(0 90%,100% 90%,100% 95%,0 95%);clip-path:polygon(0 90%,100% 90%,100% 95%,0 95%);transform:translate(-2px,2px)}to{-webkit-clip-path:polygon(0 85%,100% 85%,100% 90%,0 90%);clip-path:polygon(0 85%,100% 85%,100% 90%,0 90%);transform:translate(0)}}@keyframes glitch-anim-2{0%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);transform:translate(0)}15%{-webkit-clip-path:polygon(0 25%,100% 25%,100% 35%,0 35%);clip-path:polygon(0 25%,100% 25%,100% 35%,0 35%);transform:translate(-2px,-2px)}30%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 45%,0 45%);clip-path:polygon(0 40%,100% 40%,100% 45%,0 45%);transform:translate(2px,2px)}45%{-webkit-clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);transform:translate(-1px,-1px)}60%{-webkit-clip-path:polygon(0 55%,100% 55%,100% 60%,0 60%);clip-path:polygon(0 55%,100% 55%,100% 60%,0 60%);transform:translate(2px,-2px)}75%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 70%,0 70%);clip-path:polygon(0 65%,100% 65%,100% 70%,0 70%);transform:translate(-2px,2px)}90%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 80%,0 80%);clip-path:polygon(0 75%,100% 75%,100% 80%,0 80%);transform:translate(2px,-2px)}to{-webkit-clip-path:polygon(0 85%,100% 85%,100% 90%,0 90%);clip-path:polygon(0 85%,100% 85%,100% 90%,0 90%);transform:translate(0)}}.runaway{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:2px solid #ffffff4d;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;position:fixed!important;transition:left .15s ease-out,top .15s ease-out;will-change:left,top;z-index:9999}.runaway:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}@keyframes shake{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-5px,5px) rotate(-2deg)}50%{transform:translate(5px,-5px) rotate(2deg)}75%{transform:translate(-3px,-3px) rotate(-1deg)}}@keyframes fastShake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-1px)}}.active-effect{animation:pulseGlow 2s infinite}.dark-mode-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:1001}.dark-mode-toggle:hover{background:#f8fafc;box-shadow:0 4px 6px #00000012;transform:translateY(-1px)}.dark-mode-toggle.dark{background:#1e293b;border-color:#334155}.dark-mode-toggle.dark:hover{background:#0f172a}.dark-mode-icon{color:#64748b;font-size:16px;line-height:1;transition:all .2s ease}.dark-mode-toggle:hover .dark-mode-icon{transform:scale(1.1)}.dark-mode-toggle.dark .dark-mode-icon{color:#e2e8f0}.backwards-clock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;left:50%;padding:12px 24px;position:fixed;top:16px;transform:translateX(-50%);transition:all .3s ease;z-index:1000}.backwards-clock:hover{box-shadow:0 6px 12px #00000014;transform:translateX(-50%) translateY(-1px)}.clock-display{align-items:center;display:flex;flex-direction:column;gap:4px}.clock-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.clock-time{color:#1e293b;font-family:Roboto Mono,monospace;font-size:24px;font-weight:500;letter-spacing:1px}.backwards-clock.dark{background:#1e293b;border-color:#334155}.backwards-clock.dark .clock-label{color:#94a3b8}.backwards-clock.dark .clock-time{color:#e2e8f0}.clock-shadow{border-radius:inherit;box-shadow:inset 0 1px 1px #ffffff1a;inset:0;pointer-events:none;position:absolute;z-index:1}.App.modern-ui{align-items:center;background:#f8fafc;color:#334155;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;height:100vh;justify-content:flex-start;max-height:100vh;min-height:100vh;overflow:hidden;position:relative;transition:background-color .3s ease}.App.modern-ui:before{background:radial-gradient(circle at 50% 50%,#6366f10d 0,#6366f103 30%,#0000 70%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#6366f10d 0,#6366f103 30%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.dark-mode.App.modern-ui:before{background:radial-gradient(circle at 50% 50%,#6366f11a 0,#6366f105 30%,#0000 70%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#6366f11a 0,#6366f105 30%,#0000 70%)}.App.modern-ui.dark-mode{background:#0f172a;color:#e2e8f0}.App.modern-ui.dark-mode:before{animation:pulseGlow 8s ease-in-out infinite;background:radial-gradient(circle at center,#3498db0d 0,#0000004d 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulseGlow{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.dark-mode-toggle:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.button-section{align-items:center;display:flex;flex-grow:1;justify-content:center;margin-top:80px}.animated-btn-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000001a;padding:20px;position:relative;transition:all .3s ease}.dark-mode .animated-btn-container{background:#0003;box-shadow:0 8px 32px #0000004d}.main-action-button:hover{background:linear-gradient(135deg,#2193b0,#6dd5ed);box-shadow:0 16px 40px #2193b038;transform:translateY(-6px) scale(1.04)}.camera-ui-btn .button-icon{font-size:2.8rem;margin-bottom:12px}.camera-ui-btn .button-label{font-size:1.2rem;letter-spacing:1px}.animated-btn-wrapper{align-items:center;display:flex;justify-content:center;min-height:180px;min-width:220px}.back-button{background:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;left:20px;padding:10px 20px;position:fixed;top:20px;transition:all .3s ease;z-index:1001}.back-button:hover{background:#f0f0f0}.dark-mode{background-color:#121212}.dark-mode .test-camera-button{background:#6200ee}.dark-mode .test-camera-button:hover{background:#3700b3}.camera-wrapper{height:100%;left:0;position:fixed;top:0;width:100%}
/*# sourceMappingURL=main.c191d78b.css.map*/