#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center}.App{width:100%;padding:20px}.app-layout{display:flex;gap:20px;max-width:1400px;margin:0 auto}.main-content{flex:1;max-width:600px;margin:0 auto}.side-ad{display:none}@media (min-width: 1024px){.side-ad{display:block;width:160px;position:sticky;top:20px;height:fit-content}.side-ad .ad-container{min-height:600px;width:160px}.app-layout{justify-content:center}}.camera-container{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d;text-align:center}h1{color:#333;margin-bottom:30px;font-size:2.5rem}.animated-title{display:flex;align-items:center;justify-content:center;gap:2px}.letter{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;transform:translateY(0)}.wave-animation .letter{animation:wave 1.5s ease-in-out}.wave-animation .letter-1{animation-delay:0s}.wave-animation .letter-2{animation-delay:.05s}.wave-animation .letter-3{animation-delay:.1s}.wave-animation .letter-4{animation-delay:.15s}.wave-animation .letter-5{animation-delay:.2s}.wave-animation .letter-6{animation-delay:.25s}.wave-animation .letter-7{animation-delay:.3s}.wave-animation .letter-8{animation-delay:.35s}.wave-animation .letter-9{animation-delay:.4s}.wave-animation .letter-10{animation-delay:.45s}.wave-animation .letter-11{animation-delay:.5s}.wave-animation .letter-12{animation-delay:.55s}.wave-animation .letter-13{animation-delay:.6s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.letter-5{font-size:2.5rem;-webkit-text-fill-color:initial;background:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.camera-view,.result-view{display:flex;flex-direction:column;align-items:center;gap:20px}.video-feed,.captured-photo{width:100%;max-width:400px;height:auto;border-radius:10px;box-shadow:0 5px 20px #0003}.camera-placeholder{width:100%;max-width:400px;height:300px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:all .3s ease}.camera-placeholder:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000040}.camera-icon{font-size:4rem;opacity:.7}.camera-placeholder p{color:#666;font-size:1.1rem;margin:0;opacity:.8}.placeholder-hint{font-size:.9rem!important;color:#667eea!important;font-weight:600;opacity:1!important}.disclaimer{font-size:.85rem!important;color:#888!important;font-style:italic;margin:5px 0!important}@keyframes cameraFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{padding:12px 30px;font-size:16px;font-weight:600;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-capture{background:linear-gradient(45deg,#f093fb,#f5576c);color:#fff;padding:15px 40px;font-size:18px}.btn-capture:hover{transform:translateY(-2px);box-shadow:0 5px 20px #f5576c66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-share{background:linear-gradient(45deg,#00b4d8,#0077b6);color:#fff}.btn-share:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0077b666}.size-result{margin:20px 0}.size-result h2{color:#333;font-size:1.5rem;margin-bottom:15px}.size-display{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:20px 40px;border-radius:15px;display:inline-flex;align-items:baseline;gap:10px;box-shadow:0 5px 20px #667eea4d}.size-number{font-size:3rem;font-weight:700}.size-unit{font-size:1.5rem;opacity:.9}.photo-pop-in{animation:photoPopIn .8s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}.size-reveal{animation:fadeInScale .8s ease-out .3s both}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes photoPopIn{0%{transform:scale(.3) rotate(-45deg);opacity:0;filter:blur(10px)}50%{transform:scale(1.05) rotate(5deg);filter:blur(0px)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0px)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 5px 20px #667eea4d}50%{transform:scale(1.05);box-shadow:0 8px 30px #667eea80}}.btn-capture{position:relative;overflow:hidden}.btn-capture:active:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);animation:ripple .6s ease-out}@keyframes ripple{to{width:400px;height:400px;opacity:0}}.ad-container{margin:20px auto;text-align:center;min-height:90px;background:#f0f0f0;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:10px;position:relative;max-width:728px}.ad-container:before{content:"Advertisement";position:absolute;top:-10px;font-size:12px;color:#666;background:#fff;padding:0 5px}.ad-space-wrapper{margin-top:30px}.adsbygoogle{background:transparent}@media (max-width: 480px){h1{font-size:2rem}.camera-container{padding:20px}.btn{padding:10px 20px;font-size:14px}.size-number{font-size:2.5rem}.ad-container{margin:15px auto;min-height:70px}}.btn-switch{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;padding:12px 20px;font-size:24px;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-switch:hover{transform:rotate(180deg) translateY(-2px);box-shadow:0 5px 20px #44a08d66}.btn-switch:active{transform:rotate(180deg) scale(.95)}.tiny-message{margin-top:20px;padding:20px;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:15px;box-shadow:0 5px 20px #ff6b6b4d;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.tiny-alert{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.tiny-joke{font-size:1.1rem;color:#fff;margin:5px 0;font-style:italic}.tiny-emoji{font-size:1.2rem;color:#fff;margin:10px 0 0;animation:wiggle 2s ease-in-out infinite}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media (max-width: 480px){.btn-switch{width:45px;height:45px;font-size:20px}.tiny-alert{font-size:1.2rem}.tiny-joke,.tiny-emoji{font-size:1rem}}