body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.home-wrapper{align-items:center;background:linear-gradient(180deg,#586a50,#0f1c15,#1e2724,#181818);color:#fff;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,20px)}.page-title{font-size:25px;font-weight:600;line-height:1.4;margin-bottom:25px;margin-top:90px;padding:0 15px!important;text-align:center;width:100%}.card-container{display:flex;flex-direction:column;gap:15px;margin-top:15px;max-width:400px;padding:0 15px;width:100%}.option-card-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease-in-out}.option-card-link:hover{transform:translateY(-3px)}.option-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid #ffffff26;border-radius:16px;height:90px;justify-content:space-between;padding:15px}.icon-section,.option-card{align-items:center;display:flex}.icon-section{gap:10px}.icon-circle{align-items:center;background:linear-gradient(180deg,#018962,#03ac7c,#018962);border-radius:12px;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.icon{color:#fff;font-size:30px;height:33px}.option-title{color:#ccc;font-size:14px;margin:0}.option-type{font-size:19px;margin:0;white-space:nowrap}.arrow-icon{color:#ccc;flex-shrink:0;font-size:30px;font-weight:700}.last-activity-section{margin-bottom:30px;margin-top:30px;max-width:400px;padding:0 15px;width:100%}.last-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.last-activity-title{color:#ccc;font-size:18px}.home-button{align-items:center;border-radius:16px;display:flex;justify-content:center}.home-button:hover{background-color:#0f1c15}.see-more-btn{background:#0000;border:none;border-radius:5px;color:#03ac7c;cursor:pointer;font-size:15px;padding:5px 10px;transition:background-color .2s}.see-more-btn:hover{background-color:#11c98d1a}.recent-activity-wrapper{display:flex;flex-direction:column;gap:15px}.translation-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#181818,#19211e,#181818);border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 10px #0003;padding:15px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.translation-card:hover{box-shadow:0 6px 15px #0000004d;transform:translateY(-3px)}.single-translation-line{background:#ffffff0d;border-radius:10px;margin-bottom:8px;padding:10px 15px}.single-translation-line:last-of-type{margin-bottom:0}.text-group{align-items:flex-start;display:flex;justify-content:space-between;padding:0}.text-group .text{word-wrap:break-word;flex-grow:1;font-size:14px;margin:0;min-width:0;padding-right:10px}.language-tag{color:#ccc}.original-group .text{color:#fff}.translated-group .text{color:#11c98d}.recent-activity-timestamp{border-top:1px solid #ffffff14;color:#888;font-size:.85rem;margin-top:10px;padding-top:8px;text-align:right}.no-recent-activity-card{align-items:center;background:#0000001a;border:1px dashed #ffffff4d;display:flex;justify-content:center;min-height:100px}.no-recent-activity-card,.no-recent-activity-card:hover{box-shadow:none;transform:none}.no-recent-activity-text{color:#aaa;font-size:1rem;font-style:italic;padding:10px;text-align:center}.language-switch{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding:10px}.language-select{align-items:center;background-color:#ffffff12;border-radius:18px;color:#fff;cursor:pointer;display:flex;flex-basis:0;flex-grow:1;font-size:13px;gap:6px;height:40px;justify-content:center;min-width:120px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.flag{border-radius:2px;flex-shrink:0;height:14px;width:20px}.dropdown-arrow{flex-shrink:0;font-size:10px;opacity:.7}.swap-icon{align-items:center;background-color:#047d5b;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:25px;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.swap-icon:hover{background-color:#0d9e71}@media (max-width:375px){.home-wrapper{padding-bottom:env(safe-area-inset-bottom,15px)}.page-title{font-size:20px;margin-bottom:20px}.card-container,.last-activity-section,.page-title{padding:0 10px}.option-card{height:75px;padding:10px}.icon-circle{height:60px;width:60px}.icon{font-size:25px;height:28px}.option-title{font-size:12px}.option-type{font-size:16px}.arrow-icon{font-size:22px}.last-activity-title{font-size:15px}.see-more-btn{font-size:13px;padding:3px 7px}.language-switch{gap:6px;padding:8px}.language-select{font-size:11px;min-width:90px;padding:4px 6px}.flag{height:12px;width:18px}.swap-icon{font-size:20px;height:32px;width:32px}.single-translation-line{margin-bottom:6px;padding:10px 15px}.text-group .text{font-size:12px}}@media (min-width:768px){.home-wrapper{box-shadow:0 0 20px #0000004d;margin:0 auto}.page-title{font-size:38px;margin-bottom:50px;padding:0}.card-container,.last-activity-section{max-width:100%;width:100%}.card-container{display:flex;gap:20px;justify-content:space-between}.option-card{height:110px;padding:25px}.icon-circle{border-radius:18px;height:85px;width:85px}.icon{font-size:40px;height:42px}.option-title{font-size:18px}.option-type{font-size:26px}.arrow-icon{font-size:40px}.last-activity-section{margin-top:40px}.last-activity-title{font-size:22px}.see-more-btn{font-size:17px}.translation-card{padding:25px}.language-switch{flex-wrap:nowrap;gap:20px;justify-content:center;padding:18px}.language-select{font-size:16px;height:50px;min-width:160px;padding:10px 18px}.flag{height:18px;width:25px}.dropdown-arrow{font-size:12px}.swap-icon{font-size:32px;height:50px;width:50px}.single-translation-line{margin-bottom:12px;padding:15px 25px}.text-group .text{font-size:18px}}.navigation{background:linear-gradient(270deg,#586a50,#181818);box-shadow:0 2px 5px #0000001a;height:65px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.home-logo,.navigation{align-items:center;display:flex}.home-logo{gap:7.5px}.navigation .home-logo img{height:40px}.navigation .home-logo span{font-size:16px;font-weight:700;margin-top:4px}.icon{align-items:center;display:flex;font-size:33px;gap:20px}.settings-sidebar{background:linear-gradient(180deg,#586a50,#0f1c15,#1e2724,#181818);background-color:#018962;box-shadow:-4px 0 15px #0000004d;display:flex;flex-direction:column;height:100vh;position:fixed;right:-300px;top:0;transition:right .3s ease-in-out;width:300px;z-index:1500}.settings-sidebar.open{right:0}.sidebar-header{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:15px 20px}.close-sidebar-icon{cursor:pointer;font-size:1.5rem;transition:color .2s ease}.close-sidebar-icon:hover{color:#ff4d4f}.sidebar-content{flex-grow:1;overflow-y:auto;padding:10px 0}.sidebar-overlay{animation:fadeInOverlay .3s ease-in-out;background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1400}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.sidebar-main-menu-list{list-style:none;margin:0;padding:0}.sidebar-main-menu-list li{cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:background-color .2s ease}.sidebar-backdrop{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.text-translation-wrapper{background:linear-gradient(180deg,#586a50,#0f1c15,#1e2724,#181818);color:#fff;display:flex;flex-direction:column;height:100%}.chat-messages-area{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:15px;overflow-y:auto;padding:10px 20px}.message-bubble-wrapper{display:flex;flex-direction:column;max-width:80%}.user-message-wrapper{align-items:flex-end;align-self:flex-end}.translated-message-wrapper{align-items:flex-start;align-self:flex-start}.message-bubble{border-radius:18px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:0;min-height:48px;min-width:80px;padding:12px 15px;width:fit-content}.user-message{background-color:#383838;color:#fff}.translated-message{background-color:#ffffff14;color:#fff}.message-text{word-wrap:break-word;font-size:16px;line-height:1.4;margin:0;text-align:left;white-space:pre-wrap}.message-external-actions{display:flex;gap:15px;margin-top:8px;padding:0 5px}.user-message-wrapper .message-external-actions{justify-content:flex-end}.translated-message-wrapper .message-external-actions{justify-content:flex-start}.action-icon{color:#ffffff80;cursor:pointer;font-size:20px;transition:color .2s ease,transform .1s ease}.action-icon:hover{color:#fff;transform:scale(1.1)}.input-area-container{align-items:center;background:linear-gradient(270deg,#586a50,#181818);border-top:1px solid #ffffff1a;border-top-left-radius:30px;border-top-right-radius:30px;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;padding:15px 20px calc(15px + env(safe-area-inset-bottom, 0px));position:sticky;z-index:10}.input-field-wrapper-extended{align-items:center;background-color:#ffffff0d;border-radius:50px;display:flex;flex-grow:1;gap:12px;height:50px;padding:8px 15px}.text-input-extended{background:#0000;border:none;color:#fff;flex-grow:1;font-size:16px;line-height:1.5;outline:none;padding:0}.text-input-extended::placeholder{color:#fff6}.send-button-extended{align-items:center;background-color:#11c98d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:background-color .2s ease;width:48px}.send-button-extended:hover{background-color:#0d9e71}.send-icon{color:#fff;font-size:22px}.typing-indicator{align-self:flex-start;background-color:#ffffff14;border-radius:18px;color:#fff;display:flex;gap:4px;margin-bottom:10px;max-width:70%;padding:10px 15px;width:fit-content}.typing-indicator .dot{animation:bounce 1.4s ease-in-out infinite both;font-size:24px;line-height:1;opacity:.7}.typing-indicator .dot:first-child{animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}.typing-indicator .dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@media (max-width:480px){.header-section{padding:20px 15px}.language-selector-group{gap:8px;height:45px;padding:3px}.language-select-chat{flex-basis:45%;gap:4px;padding:0 2px}.language-select-chat .flag{height:15px;width:22px}.language-name{font-size:12px;max-width:45px}.dropdown-arrow-chat{font-size:10px}.swap-icon-chat{font-size:15px!important;height:28px;width:28px}.chat-messages-area{gap:12px;padding:8px 15px}.message-bubble{border-radius:16px;min-height:45px;min-width:70px;padding:10px 12px}.message-text{font-size:15px}.message-external-actions{gap:10px;margin-top:5px}.action-icon{font-size:18px}.input-area-container{border-top-left-radius:25px;border-top-right-radius:25px;padding:10px 15px calc(10px + env(safe-area-inset-bottom, 0px))}.input-field-wrapper-extended{height:45px;padding:6px 12px}.text-input-extended{font-size:15px}.send-button-extended{height:45px;width:45px}.send-icon{font-size:20px}.language-menu-content{padding:20px}.language-menu-header h2{font-size:20px}.close-icon{font-size:28px}.language-item{padding:12px 8px}.language-item span{font-size:16px}.language-item .flag{height:auto;margin-right:10px;width:24px}}@media (min-width:768px){.text-translation-wrapper{box-shadow:0 0 20px #0000004d;height:100vh;margin:0 auto;overflow:hidden}.header-section{padding:20px 25px}.language-selector-group{gap:25px;height:55px;padding:8px 15px}.language-select-chat{flex-basis:40%;gap:6px}.language-select-chat .flag{height:22px;width:32px}.language-name{font-size:16px;max-width:70px}.dropdown-arrow-chat{font-size:16px}.swap-icon-chat{font-size:22px!important;height:38px;width:38px}.chat-messages-area{gap:18px;padding:15px 25px}.message-bubble{border-radius:20px;min-height:50px;min-width:90px;padding:14px 18px}.message-text{font-size:17px}.message-external-actions{gap:15px;margin-top:8px}.action-icon{font-size:22px}.input-area-container{border-top-left-radius:35px;border-top-right-radius:35px;padding:20px 25px}.input-field-wrapper-extended{height:55px;padding:10px 20px}.text-input-extended{font-size:17px}.send-button-extended{height:52px;width:52px}.send-icon{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}.voice-translate-container{align-items:center;background:linear-gradient(180deg,#586a50,#0f1c15,#1e2724,#181818);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:100%;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);position:relative}.header-section{box-sizing:border-box;flex-shrink:0;gap:10px;padding:15px 20px;width:100%;z-index:10}.back-button{background:#ffffff1a;border-radius:50%;box-shadow:0 2px 5px #0003;flex-shrink:0;height:40px;transition:background .3s ease;width:40px}.back-button:hover{background:#fff3}.language-selector-group{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-grow:1;gap:10px;height:48px;justify-content:space-around;padding:5px}.language-select-chat{align-items:center;cursor:pointer;display:flex;flex-basis:45%;flex-grow:1;flex-shrink:1;gap:5px;justify-content:center;min-width:0;padding:0 5px;position:relative}.language-select-chat .flag{border-radius:2px;flex-shrink:0;height:18px;width:26px}.language-name{color:#fff;flex-shrink:1;font-size:14px;max-width:55px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow-chat{color:#fff;flex-shrink:0;font-size:12px;margin-left:3px;opacity:.7}.swap-icon-chat{align-items:center;background-color:#047d5b;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px!important;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.swap-icon-chat:hover{background-color:#0d9e71}.glowing-orb{background:radial-gradient(circle at 60% 40%,#5affc7 0,#00c88c 30%,#00996d 70%,#004d36 100%);border-radius:50%;box-shadow:0 0 50px #2ecc71b3,inset 0 0 30px #2ecc7180;flex-shrink:0;height:180px;margin:40px 0 10px;opacity:0;transition:opacity .5s ease-in-out;width:180px}.glowing-orb.active{animation:orbPulse 3s ease-in-out infinite;opacity:1}@keyframes orbPulse{0%{box-shadow:0 0 50px #2ecc71b3,inset 0 0 30px #2ecc7180;transform:scale(1)}50%{box-shadow:0 0 70px #2ecc71e6,inset 0 0 40px #2ecc71b3;transform:scale(1.05)}to{box-shadow:0 0 50px #2ecc71b3,inset 0 0 30px #2ecc7180;transform:scale(1)}}.translate-info{box-sizing:border-box;flex-shrink:0;margin:10px 0 20px;padding:0 20px;text-align:center}.translate-info h2{font-size:28px;font-weight:700;margin:0}.translate-info-font{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e9eeed,#808583,#181a19);-webkit-background-clip:text;background-clip:text;font-weight:700}.translate-info p{color:#bbb;font-size:16px;margin-left:auto;margin-right:auto;margin-top:6px;max-width:300px}.waveform-placeholder{align-items:center;border-bottom:1px solid #ffffff4d;box-sizing:border-box;display:flex;flex-grow:1;height:100px;justify-content:center;margin:10px auto;max-width:none;opacity:0;overflow:hidden;padding:0 20px;transition:opacity .3s ease-in-out;width:100%}.waveform-placeholder.active{opacity:1}.fake-waveform{animation:wave-move 1.5s linear infinite;background:linear-gradient(90deg,#0000,#00ffcc80,#00ffcc80,#0000);background-size:200% 100%;height:100%;-webkit-mask-image:url(https://upload.wikimedia.org/wikipedia/commons/f/f0/Sine_wave_animated.gif);mask-image:url(https://upload.wikimedia.org/wikipedia/commons/f/f0/Sine_wave_animated.gif);-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:1;width:100%}@keyframes wave-move{0%{background-position:0 0}to{background-position:-100% 0}}.mic-button{flex-shrink:0;height:120px;margin-bottom:30px;margin-top:auto;width:120px}.mic-button,.outer-circle{align-items:center;display:flex;justify-content:center;position:relative}.outer-circle{background:radial-gradient(circle,#00ffc3,#003e2f);border-radius:50%;height:100%;width:100%}.outer-circle.recording{animation:pulseGlow 2s ease-out infinite}.mic-button:after,.mic-button:before{border:2px solid #00ffc380;border-radius:50%;content:"";opacity:0;position:absolute}.mic-button.recording:before{animation:radiate 2s ease-out infinite;height:calc(100% + 20px);width:calc(100% + 20px)}.mic-button.recording:after{animation:radiate 2s ease-out .5s infinite;height:calc(100% + 40px);width:calc(100% + 40px)}.inner-circle{align-items:center;background:#00ffc3;border-radius:50%;box-shadow:0 0 20px #00ffc3b3;color:#000;display:flex;height:70px;justify-content:center;width:70px}.mic-button .inner-circle svg{font-size:32px}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00ffc3;transform:scale(1)}50%{box-shadow:0 0 40px #00ffc3aa;transform:scale(1.08)}}@keyframes radiate{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.language-menu-overlay{align-items:flex-end;animation:fadeIn .3s forwards;background-color:#000000b3;bottom:0;right:0;z-index:1000}.language-menu-content{animation:slideUp .3s cubic-bezier(.25,.46,.45,.94) forwards;background:#282828;border-top-left-radius:25px;border-top-right-radius:25px;box-shadow:0 -5px 20px #0000004d;box-sizing:border-box;color:#e0e0e0;display:flex;flex-direction:column;max-height:85vh;padding:25px;width:100%}.language-menu-header{border-bottom:1px solid #ffffff26;padding-bottom:20px}.language-menu-header h2{color:#fff;font-size:22px;font-weight:600}.close-icon{color:#fff9;font-size:32px;transition:color .2s ease,transform .2s ease}.close-icon:hover{transform:rotate(90deg)}.language-list{flex-grow:1;padding:0 5px 0 0}.language-list::-webkit-scrollbar{width:8px}.language-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.language-list::-webkit-scrollbar-thumb{background:#11c98d;border-radius:10px}.language-list::-webkit-scrollbar-thumb:hover{background:#0d9e71}.language-item{margin-bottom:8px;padding:15px 10px;transition:background-color .2s ease,transform .1s ease}.language-item:hover{background-color:#ffffff1f}.language-item:active{transform:scale(.98)}.language-item.selected{background-color:#11c98d;color:#fff;font-weight:500}.language-item.selected:hover{background-color:#0d9e71}.language-item .flag{border-radius:4px;box-shadow:0 1px 3px #0003;flex-shrink:0;height:auto;margin-right:15px;width:28px}.language-item span{color:#e0e0e0;flex-grow:1;font-size:17px}.language-item.selected span{color:#fff}.language-item .selected-indicator{color:#fff;display:flex;font-size:24px;justify-content:end;margin-left:10px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:480px){.header-section{padding:20px 15px}.language-selector-group{gap:8px;height:45px;padding:3px}.language-select-chat{flex-basis:45%;gap:4px;padding:0 2px}.language-select-chat .flag{height:15px;width:22px}.language-name{font-size:12px;max-width:45px}.dropdown-arrow-chat{font-size:10px}.swap-icon-chat{font-size:15px!important;height:28px;width:28px}.voice-translate-container{padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))}.glowing-orb{height:150px;margin:30px 0 10px;width:150px}.translate-info h2{font-size:24px}.translate-info p{font-size:14px}.waveform-placeholder{height:80px;padding:0 15px}.mic-button{height:100px;margin-bottom:20px;width:100px}.mic-button .inner-circle{height:60px;width:60px}.mic-button .inner-circle svg{font-size:28px}.language-menu-content{padding:20px}.language-menu-header h2{font-size:20px}.close-icon{font-size:28px}.language-item{padding:12px 8px}.language-item span{font-size:16px}.language-item .flag{height:auto;margin-right:10px;width:24px}}@media (min-width:768px){.voice-translate-container{box-shadow:0 0 20px #0000004d;height:100vh;margin:0 auto;overflow:hidden}.header-section{padding:20px 25px}.language-selector-group{gap:25px;height:55px;padding:8px 15px}.language-select-chat{flex-basis:40%;gap:6px}.language-select-chat .flag{height:22px;width:32px}.language-name{font-size:16px;max-width:70px}.dropdown-arrow-chat{font-size:16px}.swap-icon-chat{font-size:22px!important;height:38px;width:38px}.glowing-orb{height:220px;margin:60px 0 20px;width:220px}.translate-info h2{font-size:32px}.translate-info p{font-size:18px;max-width:400px}.waveform-placeholder{height:120px;margin:20px auto;padding:0 25px}.mic-button{height:140px;margin-bottom:40px;width:140px}.mic-button .inner-circle{height:80px;width:80px}.mic-button .inner-circle svg{font-size:36px}}.voice-chat-container{background:linear-gradient(180deg,#1a2b1f,#111);box-sizing:border-box;color:#fff;font-family:Segoe UI,sans-serif;height:100vh;padding:20px}.chat-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.chat-back-button{background-color:#ffffff1a;border-radius:50%;cursor:pointer;padding:8px}.chat-body{display:flex;flex-direction:column;gap:20px;margin-top:40px;padding:0 10px}.chat-bubble{border-radius:20px;font-size:16px;max-width:80%;padding:15px 20px;position:relative}.chat-bubble.user{align-self:flex-end;background-color:#2e8b57;border-bottom-right-radius:0;color:#fff}.chat-bubble.ai{align-self:flex-start;background-color:#444;border-bottom-left-radius:0;color:#fff}.label{font-size:14px;font-weight:700;margin-bottom:5px;opacity:.8}.message{font-size:16px;line-height:1.5}.translate-now-button{background-color:#047d5b;border:none;border-radius:25px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 25px;transition:background-color .3s ease,transform .2s ease}.translate-now-button:hover{background-color:#0d9e71;transform:translateY(-2px)}.translate-now-button:active{transform:translateY(0)}.camera-translation-container{background-color:#000;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;overflow:hidden}.top-bar{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 15px;z-index:10}.back-button{background:none;border:none;justify-content:center;padding:5px}.language-selectors-container{align-items:center;background-color:#ffffff1a;border-radius:25px;display:flex;gap:8px;padding:5px 10px}.language-selector-display{align-items:center;color:#fff;display:flex;font-size:15px;gap:5px;padding:5px 0;position:relative}.language-selector-display select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;color:#fff;cursor:pointer;font-size:15px;outline:none;padding:0}.language-selector-display .dropdown-arrow{color:#fff9;pointer-events:none;position:absolute;right:5px}.language-selector-display select option{background-color:#282828;color:#fff}.swap-button{align-items:center;background-color:#3a3a3a;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.swap-button:hover{background-color:#505050}.camera-feed-area{align-items:center;background-color:#000;display:flex;flex-grow:1;justify-content:center;overflow:hidden;position:relative}.webcam-live-feed{height:100%;object-fit:cover;width:100%}.bounding-box-canvas{pointer-events:none;z-index:5}.bounding-box-canvas,.detection-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.translation-output-area{background-color:#282828;border-top-left-radius:25px;border-top-right-radius:25px;box-shadow:0 -5px 20px #0000004d;display:flex;flex-direction:column;flex-shrink:0;gap:15px;padding:20px;z-index:10}.language-selection{align-items:center;display:flex;gap:10px;justify-content:center}.language-selection span{color:#e0e0e0;font-size:16px}.extracted-text-bubble,.translated-text-bubble{background-color:#ffffff14;border-radius:12px;margin-top:10px;padding:15px}.extracted-text-bubble p,.translated-text-bubble p{font-size:16px;line-height:1.5;margin:0}.original-text,.translated-label{color:#fff9;font-size:14px;margin-bottom:5px}.processing-message{color:#ffffffb3;font-style:italic}.processing-message,.scan-button{margin-top:10px;text-align:center}.scan-button{align-self:center;background-color:#11c98d;border:none;border-radius:25px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;min-width:120px;padding:12px 25px;transition:background-color .2s ease;width:fit-content}.scan-button:hover:not(:disabled){background-color:#0d9e71}.scan-button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.language-menu-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:60px!important;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.language-menu-content{animation:scaleFade .3s ease;border-radius:18px;box-shadow:0 15px 45px #00000040;color:#222;max-width:400px;padding:24px;width:90%}@keyframes scaleFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.language-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.language-menu-header h2{font-size:20px;margin:0}.close-icon{cursor:pointer;font-size:24px;transition:color .2s}.close-icon:hover{color:#fff}.language-list{list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0}.language-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;padding:12px 16px;transition:background .25s,transform .15s}.language-item:hover{transform:scale(1.015)}.language-item.selected{border:2px solid #c6ddff;color:#1a73e8;font-weight:600}.language-item img.flag{border-radius:4px;box-shadow:0 0 3px #00000026;height:20px;margin-right:12px;object-fit:cover;width:28px}.language-item .selected-indicator{color:#1a73e8;font-weight:700;margin-left:auto}.image-upload-section{padding:20px;text-align:center}.image-preview-box{border-radius:12px;box-shadow:0 2px 10px #0003;height:300px;margin:20px auto;max-width:90%;overflow:hidden}.preview-image{height:100%;object-fit:contain;width:100%}.scan-btn{background-color:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px 24px}.scan-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.result-box{background:#f9f9f9;border-radius:10px;margin-top:20px;padding:15px;text-align:left}.history-wrapper{background:linear-gradient(180deg,#586a50,#0f1c15,#1e2724,#181818);color:#fff;min-height:100vh}.history-title{font-size:20px;margin-bottom:20px}.translation-history-list{display:flex;flex-direction:column;flex-grow:1;gap:0;height:100vh;margin-top:20px;overflow-y:auto;padding:0 20px}.history-item{background:linear-gradient(180deg,#181818,#19211e,#181818);border:1px solid #eee;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:15px;padding:15px 20px;transition:all .2s ease-in-out}.history-item:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.language-tag{color:#888;font-weight:600;margin-right:5px}.history-original,.history-translated{color:#fff;font-size:1rem;line-height:1.5;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-translated{color:#fff;font-style:italic}.history-timestamp{color:#888;font-size:.85rem;text-align:right}.no-history-message{color:#777;font-style:italic;padding:30px;text-align:center}.del{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.delete-icon{color:#ff4d4f;cursor:pointer;font-size:18px;transition:transform .2s ease,color .2s ease}.delete-icon:hover{color:#ff7875;transform:scale(1.1)}.page-container{animation:fadeIn .6s ease-in-out;background:linear-gradient(180deg,#586a50,#0f1c15,#1e2724,#181818);color:#fff;font-family:Segoe UI,sans-serif;height:100vh;margin:auto;max-width:900px;overflow-y:auto;transition:background .3s ease}.header-section{align-items:center!important;background:#0000;background:linear-gradient(270deg,#586a50,#181818);border-bottom:2px solid #ffffff1a;display:flex!important;height:65px;padding:12px 20px!important;position:sticky;top:0;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main{line-height:50px;margin-top:20px;padding:0 40px}.header-section{gap:12px;padding-bottom:10px}.back-button,.header-section{align-items:center;display:flex}.back-button{cursor:pointer}.history-title{font-size:22px;font-weight:600}.page-container li,.page-container p{font-size:16px;line-height:1.7;margin-bottom:12px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2e6b7a55.css.map*/