@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,html{background-color:#fff}:root{--bottom-offset:30px;--language-display-height:40px;--language-element-bg-color:#252525;--private-room-button-color:#8b8b8b;--private-room-button-hover:#c38e3a;--text-send-button-color:#ff8d29ea;--text-send-button-preview-color:#1c1c1c;--chat-message-background-color:#393939;--floating-photo-btn-color:#ffa02cde;--chat-bubble-right-bg:#b5fdb7;--chat-bubble-right-border:#d7fbb0;--chat-bubble-right-arrow:#a5d6a7;--chat-bubble-left-bg:#f1f0f0;--chat-bubble-left-border:#e9e8e8;--floating-photo-btn-hover:#d5910a;--floating-memo-btn-hover:#f3a220;--username-text-color:hsla(0,0%,92%,.799);--icon-filter:brightness(0) invert(1);--dropdown-arrow-dark:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");--text-black-color:#fff;--text-grey-color:#ddd;--text-white-color:#000;--element-animation:none;--element-background:var(--language-element-bg-color)}:root[data-theme=animated]{--element-animation:colorTransition 10s infinite;--element-background:#0000}:root[data-theme=dark]{--language-element-bg-color:#2d2d2d;--username-text-color:#ffffffe6}:root[data-theme=light]{--language-element-bg-color:#e0e0e0;--chat-message-background-color:#f5f5f5;--text-black-color:#333;--chat-bubble-right-border:#a2a2a2;--chat-bubble-right-bg:#b5fdb7;--chat-bubble-right-arrow:grey;--chat-bubble-left-bg:#eee;--chat-bubble-left-border:#a2a2a2;--username-text-color:#000000b3;--icon-filter:brightness(0)}:root[data-theme=blue]{--language-element-bg-color:#2563eb}:root[data-theme=green]{--language-element-bg-color:#22c55e}:root[data-theme=orange]{--language-element-bg-color:#e39b42}:root[data-theme=purple]{--language-element-bg-color:#9370db}:root[data-theme=elegant]{--language-element-bg-color:#2c3a47;--text-send-button-color:#cd6133;--chat-message-background-color:#233142;--floating-photo-btn-color:#cd693e;--chat-bubble-right-bg:#e8f4f8;--chat-bubble-right-border:#5b9bc4;--chat-bubble-right-arrow:#4b89ac;--chat-bubble-left-bg:#f7f1e3;--chat-bubble-left-border:#ccc;--username-text-color:#f7f1e3}.theme-option.elegant{background:#5865f2}:root[data-private-theme=default-private]{--language-element-bg-color:#535353;--text-send-button-color:#ff8d29ea;--chat-message-background-color:#363940;--floating-photo-btn-color:#d78624de;--chat-bubble-right-bg:#e8f4f8;--chat-bubble-right-border:#5b9bc4;--chat-bubble-right-arrow:#4b89ac;--chat-bubble-left-bg:#f5f9fc;--chat-bubble-left-border:#a8c9e0;--username-text-color:#d3d2d2}:root[data-private-theme=modern]{--language-element-bg-color:#2c3e50;--text-send-button-color:#3498db;--chat-message-background-color:#34495e;--floating-photo-btn-color:#2980b9;--chat-bubble-right-bg:#e8f4f8;--chat-bubble-right-border:#5b9bc4;--chat-bubble-right-arrow:#4b89ac;--chat-bubble-left-bg:#ecf0f1;--chat-bubble-left-border:#bdc3c7;--username-text-color:#ecf0f1}:root[data-private-theme=elegant]{--language-element-bg-color:#2c3a47;--text-send-button-color:#cd6133;--chat-message-background-color:#233142;--floating-photo-btn-color:#cd693e;--chat-bubble-right-bg:#e8f4f8;--chat-bubble-right-border:#5b9bc4;--chat-bubble-right-arrow:#4b89ac;--chat-bubble-left-bg:#f7f1e3;--chat-bubble-left-border:#ccc;--username-text-color:#f7f1e3}:root[data-private-theme=cozy]{--language-element-bg-color:#5c4d4d;--text-send-button-color:#a87658;--chat-message-background-color:#4a3b3b;--floating-photo-btn-color:#a87658;--chat-bubble-right-bg:#d4a373;--chat-bubble-right-border:#a87658;--chat-bubble-right-arrow:#a87658;--chat-bubble-left-bg:#fefae0;--chat-bubble-left-border:#ddb892;--username-text-color:#fefae0}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.chat-status-bar,.chatrooms-detail-container,.dropdown-trigger,.dropdowns-container .select-container-left,.dropdowns-container .select-container-right,.floating-memo-btn,.language-display-icon-container,.private-room-btn,.qr-code-expanded,.qr-scanner-container,.select-language-right{animation:none;animation:var(--element-animation);background-color:#252525;background-color:var(--element-background)}@keyframes colorTransition{0%{background-color:#9b4dca}33%{background-color:#ff69b4}66%{background-color:#333}to{background-color:#9b4dca}}.theme-option.animated{animation:gradientBG 10s ease infinite;background:linear-gradient(45deg,#9b4dca,#ff69b4,#333);background-size:200% 200%;color:#fff}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.theme-option.default-private{background:#363940;color:#fff}.theme-option.modern{background:#34495e;color:#fff}.theme-option.elegant{background:#233142;color:#fff}.theme-option.cozy{background:#4a3b3b;color:#fff}.private-theme{--language-element-bg-color:#464646;--text-send-button-color:#ff8d29ea;--chat-message-background-color:#363940;--floating-photo-btn-color:#d78624de;--chat-bubble-right-bg:#e8f4f8;--chat-bubble-right-border:#5b9bc4;--chat-bubble-right-arrow:#4b89ac;--chat-bubble-left-bg:#f5f9fc;--chat-bubble-left-border:#a8c9e0;--floating-photo-btn-hover:#c67400;--floating-memo-btn-hover:#fafafa;--username-text-color:#d3d2d2}.theme-option.default{background:#393939;color:#fff}.theme-option.dark{background:#1a1a1a;color:#fff}.theme-option.light{background:#f5f5f5;color:#333}.theme-option.blue{background:#1e3a8a;color:#fff}.theme-option.green{background:#166534;color:#fff}.theme-option.orange{background:#ff8c00;color:#fff}.theme-option.purple{background:#639;color:#fff}.recorder-container{font-family:Arial,sans-serif;max-width:800px;padding:15px;position:relative;top:10vh}.chat-container{display:flex;flex-direction:column;margin-top:20px;min-height:100%;scroll-snap-align:start end}.chat-bubble{border-radius:10px;font-size:14px;margin-bottom:10px;max-width:calc(100% - 70px);padding:10px 15px;position:relative}.chat-bubble.left{align-self:flex-start;background-color:#f1f0f0;background-color:var(--chat-bubble-left-bg);border:1px solid #e9e8e8;border:1px solid var(--chat-bubble-left-border);color:#333;margin-left:10px}.chat-bubble.right{align-self:flex-end;background-color:#b5fdb7;background-color:var(--chat-bubble-right-bg);border:1px solid #d7fbb0;border:1px solid var(--chat-bubble-right-border);color:#333;margin-right:10px}.chat-bubble.left:after{border-right:10px solid #f1f0f0;border-right:10px solid var(--chat-bubble-left-bg);left:-10px}.chat-bubble.left:after,.chat-bubble.right:after{border-top:10px solid #0000;content:"";height:0;position:absolute;top:10px;width:0}.chat-bubble.right:after{border-left:10px solid #a5d6a7;border-left:10px solid var(--chat-bubble-right-arrow);right:-10px}.clear-history-btn{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.clear-history-btn:hover{background-color:darkred}.mic-icon{filter:brightness(0) invert(1);height:24px;margin-bottom:4px;width:24px}.floating-record-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#151515e4;border:none;border-radius:50%;bottom:50px;bottom:calc(20px + var(--bottom-offset));box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:700;height:80px;justify-content:center;opacity:1;position:fixed;right:15px;transition:bottom .3s ease,background-color .3s,transform .3s,opacity .3s ease;width:80px;z-index:99999}.floating-record-btn:hover{background-color:#000000db}.floating-record-btn.recording{background-color:#ff0000ec;transform:scale(1.1)}.floating-record-btn.moved{bottom:-90px}.floating-record-btn.hidden{opacity:0;transform:scale(.8)}.record-timer{border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.record-timer circle{stroke:#000;stroke-width:5px;fill:#0000;stroke-dasharray:283;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .6s linear;z-index:10000}.floating-record-btn.recording .record-timer circle{animation:countdown 60s linear forwards}@keyframes countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:283}}.text-section.original-text.right,.text-section.translated-text.left{border-radius:5px;color:rgba(25,25,25,.963);font-family:Arial,sans-serif;font-size:16px;margin:0;padding-bottom:5px}.text-section.original-text.left,.text-section.translated-text.right{border-radius:5px;color:rgba(25,25,25,.648);font-family:Arial,sans-serif;font-size:13px;margin:0;padding-bottom:5px}.timestamp{color:rgba(0,0,0,.302);font-size:10px;margin-bottom:0;margin-top:5px}.floating-memo-btn{align-items:center;background-color:#252525;background-color:var(--language-element-bg-color);border:none;bottom:0;color:#fff;color:var(--text-black-color);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;height:var(--language-display-height);justify-content:center;left:75%;position:fixed;right:0;transition:background-color .3s;z-index:1000}.floating-memo-btn:hover{background-color:#f3a220;background-color:var(--floating-memo-btn-hover)}.language-display-icon-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:#252525;background-color:var(--language-element-bg-color);bottom:0;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:14px;font-weight:700;height:40px;height:var(--language-display-height);justify-content:center;left:0;margin-bottom:0;overflow:hidden;position:fixed;right:85%;text-align:center;text-align-last:center;transition:background-color .3s ease;z-index:1000}.language-display-icon-container:hover{background-color:#f3a220cc}.language-display-icon{filter:brightness(0) invert(1);filter:var(--icon-filter);height:50%;object-fit:contain;transition:ease0.3s;width:auto}.dropdowns-container{bottom:0;height:40px;left:15%;padding:0;position:fixed;right:25%;z-index:1000}.select-language-right{align-items:center;-webkit-appearance:none;appearance:none;background-color:#252525;background-color:var(--language-element-bg-color);background-image:url("data:image/svg+xml;utf8,<svg fill=%27black%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #00000017;border-radius:0;color:#333;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:14px;height:40px;height:var(--language-display-height);justify-content:center;outline:none;text-align:center;text-align-last:center;transition:background-color .3s;width:100%}.select-language-right:hover{background-color:#f3a220;background-color:var(--floating-memo-btn-hover)}.select-language-right::-ms-expand{display:none}.dropdowns-container.split{display:flex;justify-content:space-between}.select-container-left,.select-container-right{flex:1 1;min-width:120px}.select-container-left{display:none}.dropdowns-container.split .select-container-left{display:block}.dropdowns-container.split .select-container-left,.dropdowns-container.split .select-container-right{width:calc(50% - 5px)}.chat-bubble-btn{background-color:initial;border:none;border-bottom:0 solid #0000;color:#007bff;cursor:pointer;font-family:Arial,sans-serif;font-size:12px;padding:0;transition:border-color .3s}.chat-bubble .chat-bubble-btn{align-self:left;margin:0}.empty-space{height:200px}.empty-space-top{height:20px;width:100%}.floating-photo-btn{align-items:center;background-color:#ffa02cde;background-color:var(--floating-photo-btn-color);border:none;border-radius:50%;bottom:150px;bottom:calc(120px + var(--bottom-offset));box-shadow:0 4px 8px #0003;color:#fff;color:var(--text-black-color);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:80px;justify-content:center;position:fixed;right:15px;transition:background-color .3s,transform .3s;width:80px}.floating-photo-btn:hover{background-color:#d5910a;background-color:var(--floating-photo-btn-hover)}.floating-photo-btn input{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.chat-photo,.photo-preview img{border-radius:10px;box-shadow:0 2px 4px #0003}.chat-photo{margin-top:10px;max-height:180px;max-width:180px}.avatar-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin-bottom:5px;width:60px}.avatar-left{margin-right:10px}.avatar-right{margin-left:10px}.avatar-image{border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:40px;width:40px}.username-text{color:hsla(0,0%,92%,.799);color:var(--username-text-color);font-size:11px;font-weight:700;margin-bottom:5px;overflow:hidden;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:100%}.message-container{align-items:flex-start;display:flex;margin-bottom:10px;max-width:80%}.message-container.left{flex-direction:row;margin-right:auto}.message-container.right{flex-direction:row-reverse;margin-left:auto}.floating-fullscreen-btn{background-color:#00000050;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:8px 15px;position:fixed;right:10px;top:50px;z-index:10000}.floating-fullscreen-btn:hover{background-color:#434141}.no-messages{align-items:center;display:flex;height:60vh;justify-content:center;transform:translateY(-80px);width:100%}.no-messages p{background-color:#2a2a2a;border-radius:10px;box-shadow:0 2px 10px #0000004d;color:#e0e0e0;font-size:1rem;padding:20px;text-align:center;transition:all .3s ease}.no-messages p:hover{background-color:#333;box-shadow:0 4px 15px #ffffff1a;transform:scale(1.05)}.no-message-login-overlay{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000!important}.no-message-login{align-items:center;background-color:#2a2a2a;border-radius:10px;box-shadow:0 2px 10px #0000004d;display:flex;flex-direction:column;gap:20px;padding:30px;transition:all .3s ease}.no-message-login p{color:#e0e0e0;font-size:1rem;margin:0;text-align:center}.no-message-login .login-button{background-color:#3d3e3f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 30px;transition:all .2s ease}.no-message-login .login-button:hover{background-color:#343434;transform:scale(1.05)}.no-message-login .login-button:active{transform:scale(.95)}.chat-page{height:100%;left:0;position:fixed;top:0;transition:transform .3s ease-out;width:100%;z-index:1000}.chat-page.slide-out{transform:translateX(100%)}.chat-page-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;overscroll-behavior-x:none;touch-action:pan-y}.chat-page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-content{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background-color:#393939;background-color:var(--chat-message-background-color);flex:1 1;margin-top:0;overflow-y:auto;overscroll-behavior-y:contain;padding:0 10px;position:relative;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y}.chat-content:after{content:"";display:block;height:80px;width:100%}.chat-content::-webkit-scrollbar{display:none}.chat-content:after,.chat-content:before{content:"";display:block;height:50px;width:100%}.chat-content:before{margin-bottom:20px}.chat-content:after{margin-top:20px}.chat-container{padding-bottom:20px}.language-controls{background-color:#e0e0e0;padding:10px}.elastic-scroll{transition:transform .9s cubic-bezier(.25,.8,.5,1)}.login-prompt{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.login-prompt p{background-color:#f0f0f0;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#666;font-size:1rem;padding:20px;text-align:center;transition:all .3s ease}.login-prompt p:hover{background-color:#e8e8e8;box-shadow:0 4px 15px #00000026;transform:scale(1.05)}.tts-icon{background-color:#ffffff0e;border-radius:40px;cursor:pointer;filter:brightness(0) invert(1);filter:var(--icon-filter);height:24px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.tts-icon.left{right:calc(100% + 10px)}.tts-icon.right{left:calc(100% + 10px)}.message-container{position:relative}.split-text-container{display:flex;flex-direction:column;gap:10px;width:100%}.split-text{color:#191919;font-family:Arial,sans-serif;font-size:20px}.split-text.top{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.split-text.bottom{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.split-line{background-color:rgba(0,0,0,.163);height:2px;margin:0 8px}.split-section{align-items:flex-start;display:flex;gap:8px}.split-section .tts-icon{margin-top:8px}.split-text-container .split-text{flex:1 1}.split-section.top{margin-bottom:4px}.split-section.bottom{margin-top:4px}.tts-icon-split{background-color:#ffffff0e;border-radius:40px;cursor:pointer;filter:brightness(0) invert(1);height:24px;left:-40px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.tts-icon-split.top{top:25%;transform:translateY(-50%)}.tts-icon-split.bottom{bottom:25%;transform:translateY(50%)}.text-section.loading-text{animation:pulse 4s infinite;border-radius:5px;color:rgba(25,25,25,.963);font-family:Arial,sans-serif;font-size:16px;margin:0;padding-bottom:5px}.split-loading-container{display:flex;flex-direction:column;gap:10px;width:100%}.text-section.split-loading{animation:pulse 1.5s infinite;color:#191919;font-family:Arial,sans-serif;font-size:20px}.streaming-container{display:flex;flex-direction:column;gap:10px;width:100%}.text-section.streaming-translation{color:#191919;font-size:16px}.text-section.streaming-transcript,.text-section.streaming-translation{border-radius:5px;font-family:Arial,sans-serif;margin:0;padding-bottom:5px}.text-section.streaming-transcript{color:#191919cc;font-size:14px}.split-streaming-container{display:flex;flex-direction:column;gap:10px;width:100%}.text-section.split-streaming-first,.text-section.split-streaming-second{border-radius:5px;color:#191919;font-family:Arial,sans-serif;font-size:20px;margin:0;padding-bottom:5px}.text-section.split-streaming-transcript{border-radius:5px;color:#191919cc;font-family:Arial,sans-serif;font-size:16px;margin:0;padding-bottom:5px}.image-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:222000}.image-modal-content{align-items:center;background-color:#fff0;border-radius:10px;display:flex;flex-direction:column;max-height:90%;max-width:90%;padding:20px;position:relative}.image-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;z-index:1001}.enlarged-image{max-height:calc(90vh - 100px);max-width:100%;object-fit:contain}.image-download-button{-webkit-tap-highlight-color:transparent;background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px 24px;transition:background-color .2s}.image-download-button:active{background-color:#0056b3}@supports (-webkit-touch-callout:none){.image-download-button{font-size:18px;margin:20px auto;max-width:300px;width:80%}}.ios-image-view{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:2000}.ios-image-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #ddd;display:flex;height:44px;justify-content:flex-end;padding:0 10px}.ios-done-button{background:none;border:none;color:#007aff;cursor:pointer;font-size:17px;font-weight:600;padding:10px}.ios-image-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;overflow:auto}.ios-image-container img{max-height:100%;max-width:100%;object-fit:contain}.ios-image-footer{align-items:center;background:#f8f8f8;border-top:1px solid #ddd;display:flex;height:44px;justify-content:center;padding:0 10px}.ios-image-footer p{color:#666;font-size:14px;margin:0;text-align:center}.text-box-container{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0d0d0ddd;border-radius:25px;bottom:55px;bottom:calc(25px + var(--bottom-offset));box-shadow:0 4px 8px #0003;display:flex;justify-content:center;left:3%;margin:0;max-height:calc(7.5em + 20px);max-width:1000px;min-height:60px;opacity:1;padding:0;position:fixed;transform:translateY(0);transition:width .3s ease,left .3s ease,opacity .3s ease,transform .3s ease;width:70%;z-index:9999}.text-box-container.hidden{opacity:0;transform:translateY(100%)}.text-box-container.expanded{left:3%;width:94%}.text-input{-ms-overflow-style:none;background-color:#e4e4e4;border:1px solid #e9e8e8;border-radius:10px;box-shadow:0 1px 4px #0000001a;font-family:Arial,sans-serif;font-size:16px;margin-left:-50px;max-height:7.5em;min-height:40px;outline:none;overflow-y:auto;padding:10px;resize:none;scrollbar-width:none;transition:border-color .3s;width:60%;&::-webkit-scrollbar{display:none}}.text-input:focus{border-color:#a5d6a7;box-shadow:0 1px 8px #007bff33}.send-btn{background-color:#ff8d29ea;background-color:var(--text-send-button-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;margin-left:5px;padding:10px;transition:background-color .3s ease}.send-btn:hover{background-color:#000}.text-box-icons{display:flex;gap:6px;margin-left:-120px;transition:transform .3s ease,background-color .3s ease}.text-box-icons.focused{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.706);border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:5px;position:relative;transform:translateY(-53px)}.send-btn-preview{background-color:#1c1c1c;background-color:var(--text-send-button-preview-color);border:none;border-radius:10px;bottom:2px;color:#fff;cursor:pointer;display:none;font-family:Arial,sans-serif;font-size:12px;height:30px;left:75px;max-width:80px;overflow:hidden;padding:8px 16px;position:fixed;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease;white-space:nowrap;z-index:1000000000}.text-box-icons.focused .send-btn-preview{display:block}.send-btn-preview:hover{color:#515151;transition:transform .3s ease,color .3s ease}.preview-overlay{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200000}.preview-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.968);background:#333333e2;border:1px solid #444;border-radius:12px;border-radius:4px 4px 0 0;box-shadow:0 2px 10px #0000001a;max-height:80vh;max-width:500px;overflow:visible;padding:20px;width:90%}.preview-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.preview-header h3{color:#fff;font-size:18px;margin:0}.preview-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:0 5px}.preview-content{display:flex;flex-direction:column;gap:10px;padding:15px}.text-input-preview{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;outline:none;padding:12px;resize:vertical;width:100%}.text-input-preview:focus{border-color:#1c1c1c;border-color:var(--text-send-button-preview-color);box-shadow:0 0 0 2px #4a90e21a}.text-box-icon{cursor:pointer;height:25px;padding:2px;width:25px}.text-box-icon:hover{background-color:#0000000d;border-radius:50%}.emoji-picker-container{display:flex;position:relative}.emoji-picker-wrapper{background:#fff;border-radius:10px;bottom:80px;box-shadow:0 0 10px #0000001a;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}@media (max-width:768px){.emoji-picker-wrapper{bottom:70px;max-width:350px;width:90%!important}.emoji-picker-wrapper [data-emoji-picker]{height:300px!important;width:100%!important}}@supports (padding:max(0px)){.emoji-picker-wrapper{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.text-section{cursor:pointer;transition:background-color .2s ease}.text-section:active{background-color:#0000000d}.text-section:hover{background-color:#00000005}.Toastify__toast{border-radius:8px;font-family:Arial,sans-serif}.Toastify__toast--success{background:#4caf50}.Toastify__toast--error{background:#f44336}.chat-bubble{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.text-context-menu{background-color:#000c;border-radius:20px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;left:max(10px,min(0px,calc(100vw - 100%)));left:max(10px,min(var(--x,0px),calc(100vw - 100%)));max-height:90vh;max-width:90vw;overflow:auto;padding:4px 8px;position:fixed;top:max(10px,min(0px,calc(100vh - 100%)));top:max(10px,min(var(--y,0px),calc(100vh - 100%)));z-index:4000}.text-context-menu-option{color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;transition:background-color .2s ease;white-space:nowrap}.text-context-menu-option:hover{background-color:#ffffff1a;border-radius:15px}.text-context-menu-option:active{background-color:#fff3}.text-context-menu-option:not(:last-child){border-bottom:1px solid #ffffff1a}.recalled-message-bubble{align-items:center;background-color:#0009;border-radius:16px;color:#fffc;display:flex;font-size:12px;justify-content:center;margin:10px auto;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.recalled-message-bubble span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-buttons{display:flex;gap:10px;margin-top:8px}.edit-button{border:none;border-radius:15px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.edit-button.resend{background-color:#ff8d29ea;background-color:var(--text-send-button-color);color:#fff}.edit-button.resend:hover{background-color:#000}.edit-button.cancel{background-color:#e0e0e0;color:#333}.edit-button.cancel:hover{background-color:#ccc}.edited-indicator{font-style:bold}.raw-img-button{align-items:center;display:flex;justify-content:center;position:relative;z-index:1000000}.reply-preview-container{align-items:center;background-color:hsla(0,0%,5%,.867);border-radius:15px;bottom:115px;bottom:calc(85px + var(--bottom-offset));box-shadow:0 2px 6px #0003;display:flex;justify-content:space-between;left:3%;padding:8px 12px;position:fixed;width:70%;z-index:9998}.reply-preview-content{display:flex;flex:1 1;flex-direction:column;margin-right:10px;overflow:hidden}.reply-preview-header{color:#ff8d29ea;color:var(--text-send-button-color);font-size:12px;font-weight:700;margin-bottom:2px}.reply-preview-text{color:#e0e0e0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:4px}.reply-bubble{background-color:#0000000d;border-radius:8px;cursor:pointer;font-size:12px;margin-bottom:8px;padding:8px;transition:background-color .2s ease}.reply-bubble:hover{background-color:#00000014}.reply-bubble-header{align-items:center;display:flex;margin-bottom:4px}.reply-bubble-avatar{border-radius:50%;height:16px;margin-right:6px;width:16px}.reply-bubble-username{color:#ff8d29ea;color:var(--text-send-button-color);font-weight:700;margin-right:4px}.reply-bubble-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;overflow:hidden;word-break:break-word}.edited-indicator{color:#888;font-size:11px;margin-left:4px}.jump-to-new-button{align-items:center;background-color:rgba(63,63,63,.871);border:none;border-radius:50%;bottom:250px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:fixed;right:30px;transition:opacity .3s ease,transform .3s ease;width:48px;z-index:2000}.jump-to-new-button:hover{background-color:#000c;transform:scale(1.1)}.jump-to-new-button svg{height:24px;transition:transform .2s ease;width:24px}.jump-to-new-button:hover svg{transform:translateY(2px)}.unseen-count{align-items:center;background-color:#d43a3a;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:2px;position:absolute;right:-6px;top:-6px}.jump-to-new-button.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.source-language-menu{align-items:center;animation:fadeIn .3s ease;background:#fff;border:1px solid #eee;border-radius:12px;bottom:-45px;box-shadow:0 2px 10px #0000001a;display:flex;gap:10px;padding:8px 12px;position:absolute;right:-50px;transform:translateX(-50%);z-index:1000}.source-language-label{color:#060606;font-size:13px;margin-bottom:2px;white-space:nowrap}.source-language-select{-webkit-appearance:none;appearance:none;background-color:#f8f9fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:13px;min-width:120px;padding:6px 24px 6px 12px;text-align:center;transition:all .2s ease}.source-language-select:hover{background-color:#fff;border-color:#007bff}.source-language-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.message-container.loading{opacity:.7}.loading-bubble{align-items:center;animation:pulse 1.5s infinite;border-radius:15px;display:flex;margin:5px 0;max-width:70%;padding:10px 15px;z-index:3000}.loading-dots{display:flex;gap:4px}.loading-dot{animation:bounce 1.4s ease-in-out infinite;background-color:#666;border-radius:50%;height:8px;width:8px}.loading-indicator{padding:10px 20px}.typing-indicator{display:flex;gap:5px}.typing-indicator span{animation:bounce 1.3s linear infinite;background:#90949c;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.enhancing-message{color:#666;font-style:italic;padding:10px;text-align:center}.custom-dropdown-container{position:relative;width:200px}.dropdown-trigger{align-items:center;-webkit-appearance:none;appearance:none;background-color:#252525;background-color:var(--language-element-bg-color);background-image:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-image:var(--dropdown-arrow-dark);background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #00000017;border-radius:0;color:#fff;color:var(--text-black-color);cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:14px;height:40px;height:var(--language-display-height);justify-content:center;outline:none;text-align:center;text-align-last:center;transition:background-color .3s;width:100%}.dropdown-trigger.active{border-color:#ccc;color:#000}.dropdown-trigger.active,.dropdown-trigger:hover{background-color:#f3a220;background-color:var(--floating-memo-btn-hover)}.dropdown-menu{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#333333e2;border:1px solid #444;border-radius:4px 4px 0 0;bottom:85%;box-shadow:0 -2px 4px #0000001a;display:flex;font-size:14px;height:60vh;left:-50px;margin-bottom:5px;overscroll-behavior:contain;position:absolute;transform:translateZ(0);width:95vw;will-change:transform;z-index:1000}.categories-column{border-right:1px solid #ddd;overflow-y:auto;width:200px}.languages-column{flex:1 1;min-width:200px;overflow-y:auto}.category-item{color:#fff;cursor:pointer;padding:8px 12px}.category-item:hover{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#95959552}.category-item.active{background:#5f5f5f;color:#fff;font-weight:700}.language-item{color:#fff;cursor:pointer;padding:8px 12px}.language-item:hover{background:#3a3a3a}.categories-column,.languages-column{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y;transform:translateZ(0);-webkit-user-select:none;user-select:none;will-change:transform}.categories-column::-webkit-scrollbar,.languages-column::-webkit-scrollbar{display:none}.category-item,.language-item{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;display:flex;min-height:44px;padding:12px 16px;-webkit-user-select:none;user-select:none}.chat-controls.disabled,.language-controls.disabled{pointer-events:none}.scrollable-menu-overlay{bottom:40px;height:60vh;position:fixed;right:0;width:85vw;z-index:1000}.scrollable-menu-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#333333e2;border:1px solid #444;border-radius:4px 4px 0 0;bottom:0;height:100%;left:0;overflow-y:auto;overscroll-behavior:contain;position:absolute;transform:translateZ(0);width:100%;will-change:transform}.scrollable-menu-content{color:#fff;font-size:14px;padding:20px}.menu-tabs{background-color:#444;border-bottom:1px solid #dee1e6;display:flex;gap:4px;padding:8px 8px 0}.menu-tab{background:none;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;position:relative;transition:background-color .2s}.menu-tab:hover{background-color:#2021240a}.menu-tab.active{background-color:#fff;color:#202124}.menu-tab.active:after{bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.scrollable-menu-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}.scrollable-menu-container::-webkit-scrollbar{display:none}.custom-filter-section{background:#ffffff1a;border-radius:8px;margin-bottom:20px;padding:15px}.custom-filter-section h3{color:#fff;font-size:16px;margin-bottom:10px}.custom-filter-input{background:#ffffff0d;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:14px;margin-bottom:10px;min-height:100px;padding:10px;resize:vertical;width:100%}.custom-filter-submit{background:#ff8d29ea;background:var(--text-send-button-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.custom-filter-submit:hover{background-color:#f3a220;background-color:var(--floating-memo-btn-hover)}.filter-label{color:#fff!important;white-space:nowrap}.filter-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:6px;flex:1 1;margin-left:-10px}.filter-apply-btn{background-color:#1c1c1c;background-color:var(--text-send-button-preview-color);background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;white-space:nowrap}.filter-apply-btn:hover{opacity:.9}.select-container-preview{position:inherit}.dropdown-menu-preview{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#333333e2;border:1px solid #444;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:14px;left:0;margin-top:5px;max-height:300px;overflow:auto;position:absolute;top:235px;width:100%;z-index:1000}.categories-column-preview{border-right:1px solid #ddd;overflow-y:auto;width:200px}.languages-column-preview{flex:1 1;min-width:200px;overflow-y:auto}.category-item-preview{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;color:#fff;cursor:pointer;display:flex;min-height:44px;padding:12px 16px;-webkit-user-select:none;user-select:none}.category-item-preview:hover{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#95959552}.category-item-preview.active{background:#5f5f5f;color:#fff;font-weight:700}.language-item-preview{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;color:#fff;cursor:pointer;display:flex;min-height:44px;padding:12px 16px;-webkit-user-select:none;user-select:none}.language-item-preview:hover{background:#3a3a3a}.dropdown-trigger-preview{align-items:center;background-color:#252525;background-color:var(--language-element-bg-color);background-image:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-image:var(--dropdown-arrow-dark);background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #00000017;border-radius:0;color:#fff;color:var(--text-black-color);cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:14px;height:40px;height:var(--language-display-height);justify-content:center;outline:none;text-align:center;transition:background-color .3s;width:100%}.categories-column-preview,.languages-column-preview{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y;transform:translateZ(0);-webkit-user-select:none;user-select:none;will-change:transform}.dropdown-trigger-preview.active{.categories-column-preview::-webkit-scrollbar,.languages-column-preview::-webkit-scrollbar{display:none}}.dropdown-trigger-preview.active{background-color:#f3a220;background-color:var(--floating-memo-btn-hover);border-color:#ccc;color:#000}.custom-filter-container{margin-top:10px;width:100%}.custom-filter-textarea{background-color:#ffffff1a;border:1px solid #ddd;border-radius:6px;color:#fff;font-size:14px;min-height:60px;padding:8px;resize:vertical;width:100%}.custom-filter-textarea::placeholder{color:#fff9}.custom-filter-textarea:focus{border-color:#1c1c1c;border-color:var(--text-send-button-preview-color);box-shadow:0 0 0 2px #4a90e21a;outline:none}.ai-output-container{margin-top:15px;width:100%}.ai-output-header{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;font-weight:700;justify-content:center;margin-bottom:8px}.ai-output-textarea{background-color:#ffffff1a;border:1px solid #ddd;border-radius:6px;color:#fff;font-size:14px;padding:8px;resize:none;width:100%}.ai-output-textarea::placeholder{color:#fff9}.copy-to-textbox-btn{background-color:#1c1c1c;background-color:var(--text-send-button-preview-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:16px 12px;transition:opacity .3s;white-space:nowrap;width:100%}.copy-to-textbox-btn:hover{opacity:.9}.ai-output-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.copy-to-clipboard-btn{background-color:#1c1c1c;background-color:var(--text-send-button-preview-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:16px 12px;transition:opacity .3s;white-space:nowrap;width:100%}.copy-to-clipboard-btn:hover{opacity:.9}.loading-messages{display:flex;justify-content:center;padding:1rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#183c54;height:15px;width:15px}.load-more-btn{background-color:#4e4e4e;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;float:right;font-size:14px;padding:8px 16px;position:-webkit-sticky;position:sticky;right:10px;top:10px;transition:background-color .2s;z-index:100}.load-more-btn:hover{background-color:#525252}.load-more-btn:disabled{background-color:#ccc;cursor:not-allowed}.setting-item{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px 0}.setting-label{font-size:14px}.toggle-switch{height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-label{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-label{background-color:#ff8d29ea;background-color:var(--text-send-button-color)}input:checked+.toggle-label:before{transform:translateX(26px)}.appearance-section{color:#e0e0e0;padding:20px}.appearance-option{margin-bottom:20px}.appearance-option h4{color:#fff;margin-bottom:10px}.theme-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px}.theme-option{border:2px solid #0000;border-radius:8px;cursor:pointer;padding:15px;text-align:center;transition:transform .2s}.theme-option:hover{transform:translateY(-2px)}.theme-option.selected{border-color:#ff8d29ea;border-color:var(--text-send-button-color)}.room-appearance-section{border-bottom:1px solid #ffffff1a;margin-bottom:40px;padding-bottom:20px}.room-appearance-section:last-child{border-bottom:none}.room-appearance-section h3{margin-bottom:20px}.room-appearance-section.private{margin-top:40px}.join-notification{align-items:center;background-color:#c8c8c81a;border-radius:8px;color:#666;display:flex;font-size:.9em;gap:8px;margin:8px 0;padding:8px 16px}.join-notification .user-avatar.small{border-radius:50%;height:24px;width:24px}.join-notification .timestamp{color:#999;font-size:.8em;margin-left:auto}.recalled-message-bubble .join-notification-content{align-items:center;color:#fff;color:var(--text-black-color);display:flex;font-size:.9em;gap:8px}.recalled-message-bubble .user-avatar-small{border-radius:50%;height:24px;margin-right:8px;width:24px}.recalled-message-bubble .join-username{font-weight:500}.recalled-message-bubble .join-text,.recalled-message-bubble .join-username{color:#fff;color:var(--text-black-color)}.recalled-message-bubble .join-timestamp{color:#fff;color:var(--text-black-color);font-size:.8em;margin-left:auto}.dropdown-trigger-preview.disabled,.dropdown-trigger.disabled,.floating-photo-btn.disabled,.floating-record-btn.disabled{cursor:not-allowed!important;opacity:.5}.chat-status-bar{background-color:var(--language-element-bg-color);display:flex;flex-direction:column;height:auto;justify-content:space-between;left:0;min-height:50px;position:fixed;top:0;transition:height .3s ease,opacity .3s ease;width:100%;z-index:2000}.toggle-button-container{background-color:rgba(0,0,0,.118);bottom:0;height:15px;left:0;position:absolute;width:100%}.toggle-button,.toggle-button-container{align-items:center;display:flex;justify-content:center}.toggle-button{background-color:initial;height:20px;position:relative;width:40px;z-index:2000}.toggle-icon{background-color:#0000;height:2px;position:relative;top:3px;width:20px}.toggle-icon:after,.toggle-icon:before{background-color:#fff;content:"";height:2px;position:absolute;transition:transform .3s ease;width:12px}.toggle-icon:before{left:0;top:-4px;transform:rotate(-45deg)}.toggle-icon:after{right:0;top:-4px}.chat-status-bar.minimized .toggle-icon:before,.toggle-icon:after{transform:rotate(45deg)}.chat-status-bar.minimized .toggle-icon:after{transform:rotate(-45deg)}.chat-status-bar:hover .toggle-button{opacity:1}.qr-code-button{align-items:center;background-color:initial;border:none;border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;top:5px;transition:all .3s ease;width:40px;z-index:2001}.qr-code-button:hover{background-color:#fff3}.qr-code-icon{filter:var(--icon-filter);height:24px;transition:all .3s ease;width:24px}.qr-code-button:hover .qr-code-icon{filter:var(--icon-filter-dim)}.chat-status-bar.qr-expanded{height:100%}.qr-code-expanded{align-items:center;background-color:var(--language-element-bg-color);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;padding-left:40px;padding-top:40px;position:absolute;top:0;width:100%;z-index:1000}.qr-code-wrapper{align-items:center;display:flex;flex-direction:column;padding:40px 20px;position:relative;transition:transform .3s ease-in,opacity .3s ease-in}.qr-code-wrapper.expanded{background:#fff0;border-radius:12px}.password-option-content{align-items:center;color:var(--text-black-color);display:flex;gap:8px;margin-left:15px;width:100%}.chatroom-name-text{color:var(--text-black-color);font-size:14px;font-weight:500}.password-field{align-items:center;display:flex;min-width:120px;width:120px}.password-field span{flex:1 1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eye-toggle{background:#fff;border:none;border-radius:4px;color:#525252;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px 8px;transition:background-color .2s;width:50px}.eye-toggle:hover{background-color:#0000000d}.edit-actions,.edit-field{gap:5px}.more-button{background-color:rgba(0,0,0,.256)!important;border:none;border-radius:15px;bottom:10px;color:#fff;cursor:pointer;font-size:12px;padding:5px 15px;position:absolute;right:10px;transition:background-color .3s}.more-button:hover{background-color:rgba(0,0,0,.202)}.qr-code-wrapper.slide-out,.swiping-text.slide-out{opacity:0;transition:transform .1s ease-out,opacity .1s ease-out}.swiping-text{opacity:1;transition:transform .3s ease-in,opacity .3s ease-in}.detailed-info{border-radius:12px;margin-top:-200px;padding:20px;position:fixed;width:400px}.detailed-info-content{display:flex;flex-direction:column;gap:20px;height:380px;overflow-y:scroll;scrollbar-color:#ececec98 #f1f1f100;scrollbar-width:thin;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:#f1f1f100;border-radius:3px}&::-webkit-scrollbar-thumb{background:#888;border-radius:3px}&::-webkit-scrollbar-thumb:hover{background:#555}}.info-row,.room-members-row,.room-owner-row{align-items:center;display:flex;gap:15px}.info-label{color:var(--text-black-color);font-size:14px;font-weight:700;min-width:120px}.members-preview,.owner-info{align-items:center;display:flex;gap:10px}.member-avatar,.owner-avatar{border:2px solid #fff;border-radius:50%;height:32px;object-fit:cover;width:32px}.owner-username{color:#333;font-weight:500}.edit-field{align-items:center;display:flex;flex:1 1;gap:10px}.edit-input{border:1px solid #ddd;flex:1 1}.edit-btn{background-color:#f0f0f0;border:none;border-radius:4px;color:#000;cursor:pointer;flex-shrink:0;font-size:12px;margin-left:8px;padding:4px 8px;width:50px}.edit-btn:hover{background-color:#e0e0e0}.advanced-settings{padding-top:5px}.advanced-toggle{color:var(--text-black-color);cursor:pointer;font-size:14px;font-weight:700;padding:5px 0}.advanced-options{display:flex;flex-direction:column;gap:15px;margin-top:15px}.action-buttons{gap:10px;justify-content:space-between}.export-btn,.leave-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.export-btn{background-color:#000000a1;color:#fff}.leave-btn{background-color:#b83329;color:#fff;margin-right:30px}.export-btn:hover{background-color:#525252}.leave-btn:hover{background-color:#da190b}.members-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2003}.modal-content{background:#3d3d3d;color:#000;max-height:80vh;max-width:500px;overflow-y:auto;width:80%;z-index:2002}.modal-content h3{border-bottom:1px solid #ffffff1a;color:#fff;font-size:16px;font-weight:500;font-weight:700;margin-bottom:12px;padding-bottom:8px}.close-modal{font-size:20px}.qr-code-icon-large{cursor:pointer;height:auto;margin-bottom:20px;max-height:120px;max-width:120px;object-fit:contain;transition:transform .2s;width:auto}.qr-code-icon-large:hover{transform:scale(1.05)}.chatroom-name-setting{align-items:center;background-color:var(--language-element-bg-color);display:flex;justify-content:center;left:0;padding:10px 0;position:fixed;right:0;top:0;width:100%;z-index:2002}.fixed-button-container{display:flex;left:60px;position:absolute;top:10px}.fixed-button-container.right{left:auto}.chatroom-name{color:var(--text-black-color);display:inline-block;font-size:15px;font-weight:700;margin-left:20px;margin-top:10px;max-width:calc(100% - 100px);max-width:140px;overflow:hidden;padding-left:5px;padding-right:5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:2001}.chatroom-setting-button{align-items:center;background-color:initial;border:none;border-radius:12px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:2001}.chatroom-setting-button:hover{background-color:#fff3}.chatroom-setting-icon{filter:var(--icon-filter);height:24px;transition:all .3s ease;width:24px}.chatroom-setting-icon-user{border-radius:18px;height:34px;transition:all .3s ease;width:34px}.swiping-text{color:#333;color:var(--text-black-color);font-size:16px;font-weight:700;left:0;max-width:50%;opacity:0;padding-bottom:30px;padding-left:20px;position:relative;text-align:center;transition:opacity .5s ease-out}.swiping-text.show{opacity:1}@media screen and (max-width:480px){.qr-code-wrapper{padding:20px 10px}.qr-code-icon-large{margin-bottom:10px;max-height:100px;max-width:100px}.swiping-text{font-size:14px}}.back-button{align-items:center;background-color:initial;border:none;border-radius:12px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:20001}.back-button:hover{background-color:#fff3}.back-icon{height:20px;position:absolute;width:20px}.back-icon:after,.back-icon:before{background-color:#000;content:"";height:2.5px;left:0;position:absolute;width:14.5px}.back-icon:before{top:6px;transform:rotate(-45deg)}.back-icon:after{top:15px;transform:rotate(45deg)}.chatroom-name-chatlist{color:#333333e8;font-size:22px;font-weight:700;left:0;position:absolute;right:0;text-align:center;top:15px;z-index:10000}.chatroom-info{margin-top:8px;padding:0 10px;position:relative;text-align:left;top:8px}.chatroom-info p{color:var(--text-grey-color);font-size:12px;margin:0 8px}.qr-scanner-container{align-items:center;background-color:var(--language-element-bg-color);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;overflow:hidden;padding:20px;position:absolute;top:0;width:100%;z-index:1000}.camera-container{border-radius:10px;box-shadow:0 4px 8px #0003;height:300px;margin-top:40px;max-width:300px}.qr-url-textbox{margin-bottom:10px;max-width:300px;width:100%}.qr-url-textbox input{background-color:#ffffffe6;border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-size:14px;padding:10px;transition:box-shadow .3s ease;width:100%}.qr-url-textbox input:focus{box-shadow:0 4px 8px #0003;outline:none}.button-container{display:flex;justify-content:space-between;max-width:300px;width:100%}.camera-switch,.jump-to-url{background-color:#333333e8;border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}.camera-switch{margin-right:15px}.camera-switch:hover,.jump-to-url:hover{background-color:#000000db;box-shadow:0 4px 8px #0003}.camera-switch:active,.jump-to-url:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.jump-to-url:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.chatrooms-detail-container{align-items:center;background-color:var(--language-element-bg-color);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;overflow-y:auto;padding:20px;position:absolute;right:0;top:0}.chatrooms-detail-container h2{margin-bottom:10px}.chatrooms-detail-container input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.chatrooms-detail-container button{background-color:#333333e8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.chatrooms-detail-container button:hover{background-color:#000000db}.empty-space{height:20px}.chatrooms-detail-container ul{list-style-type:none;padding:0}.chatrooms-detail-container li{margin-bottom:10px}.join-public-btn{width:100%}.not-logged-in-message{font-size:1.5rem;margin-bottom:1rem}.login-instruction,.not-logged-in-message{color:var(--text-black-color);text-align:center}.login-instruction{font-size:1rem;margin-bottom:1.5rem}.login-button{background-color:#181818;border-radius:5px;color:#fff;display:block;font-size:1rem;margin:0 auto;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:200px}.login-button:hover{background-color:#222121}.chatroom-management{background-color:#c7aaaa00;margin-top:60px;padding:15px}.chatroom-section{margin-bottom:20px}.chatroom-section h2{color:#333;color:var(--text-black-color);font-size:1.2em;margin-bottom:10px}.action-button,.chatroom-button,.join-public-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.action-button:hover,.chatroom-button:hover,.join-public-btn:hover{background-color:#0056b3}.chatroom-list{list-style-type:none;padding:0}.chatroom-list li{margin-bottom:8px}.chatroom-button{background-color:#e9ecef;color:#333;text-align:left;width:100%}.chatroom-button:hover{background-color:#ced4da}.chatroom-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);justify-content:start;max-height:200px;max-width:100%;overflow-y:auto;padding:12px;scrollbar-color:#ececec98 #f1f1f124;scrollbar-width:thin;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}&::-webkit-scrollbar-thumb{background:#888;border-radius:3px}&::-webkit-scrollbar-thumb:hover{background:#555}}.chatroom-circle-button{background:hsla(0,0%,100%,.179)!important;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;justify-content:center;margin:0 auto;max-width:120px;min-width:100px;padding:12px;text-align:center;transition:all .2s ease;width:100%}.chatroom-circle-button:hover{background:#f8f8f8;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.group-avatar{grid-gap:1px;background-color:#fff;background-color:#fafafa4d!important;border-radius:8px;gap:1px;height:60px;margin-bottom:8px;position:relative;width:60px}.group-avatar.single{background-color:#fafafa00!important}.group-avatar.grid-3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.group-avatar.grid-3 .center-top{grid-column:2;grid-row:1}.group-avatar.grid-3 .avatar-tile:not(.center-top){grid-row:2}.group-avatar.grid-3 .avatar-tile:nth-child(2){grid-column:1;transform:translateX(50%)}.group-avatar.grid-3 .avatar-tile:nth-child(3){grid-column:3;transform:translateX(-50%)}.group-avatar.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.group-avatar.grid-5{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.group-avatar.grid-5 .avatar-tile:first-child{grid-column:1/span 1;grid-row:1;transform:translateX(50%)}.group-avatar.grid-5 .avatar-tile:nth-child(2){grid-column:3/span 1;grid-row:1;transform:translateX(-50%)}.group-avatar.grid-5 .bottom-row{grid-row:2}.group-avatar.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.group-avatar.grid-7{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr 1fr}.group-avatar.grid-7 .bottom-single{grid-column:2;grid-row:3}.group-avatar.grid-8{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr 1fr}.group-avatar.grid-8 .bottom-row{grid-row:3}.group-avatar.grid-8 .bottom-row:nth-child(7){grid-column:1/span 1;transform:translateX(50%)}.group-avatar.grid-8 .bottom-row:nth-child(8){grid-column:3/span 1;transform:translateX(-50%)}.group-avatar.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.avatar-tile{background-color:#0000!important}.user-avatar{border-radius:18px}.large-button-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.large-chatroom-button{align-items:center;background-color:#17171712!important;border:1px solid #ccc;border-radius:8px;border-radius:20px!important;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;padding:10px;transition:all .3s ease;width:120px}.large-chatroom-button:hover{background-color:#22222226!important}.large-button-icon{filter:var(--icon-filter);height:60px;margin-bottom:5px;width:60px}.large-button-text{word-wrap:break-word;color:var(--text-black-color);font-size:14px;max-width:100%;text-align:center}.create-chatroom-popup{background-color:#424242fb;border-radius:12px;box-shadow:0 4px 12px #00000026;left:50%;max-width:350px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:4000}.quit-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px}.create-chatroom-popup .chatroom-section{margin-top:20px}.create-chatroom-popup .input-group{display:flex;flex-direction:column}.create-chatroom-popup input{background-color:#ffffffe6;border:1px solid #0000001a;border-radius:5px;font-size:16px;margin-bottom:15px;padding:10px;transition:box-shadow .3s ease}.create-chatroom-popup input:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.create-chatroom-popup .action-button{background-color:#333333e8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:12px;transition:background-color .3s ease,transform .2s ease}.create-chatroom-popup .action-button:hover{background-color:#000000db}.create-chatroom-popup .action-button:active{transform:translateY(1px)}.qr-modal-overlay{z-index:2999}.mosaic-overlay,.qr-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.mosaic-overlay{z-index:1001}.qr-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:360px;padding:0;width:90%;z-index:3000!important}.qr-modal-header{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-weight:600;justify-content:space-between;padding:16px 20px}.qr-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:0 8px;transition:color .2s}.qr-modal-close:hover{color:#333}.qr-code-modal{background:#797979;display:flex;justify-content:center;padding:24px}.qr-modal-info{align-items:center;background:#fff;border-top:1px solid #eee;display:flex;flex-direction:column;padding:16px 20px}.qr-info-item{color:#666;font-size:18px;margin:8px 0}.qr-info-item span{color:#333;font-weight:500}.qr-download-button{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin:16px 20px;padding:12px;transition:background-color .2s;width:calc(100% - 40px)}.qr-download-button:hover{background:#003f83}.download-icon{filter:brightness(0) invert(1);height:18px;width:18px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.language-status-icon{filter:var(--icon-filter);height:24px;transition:all .3s ease;width:24px}.private-room-btn{word-wrap:break-word;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--floating-photo-btn-color);border:1px solid #ffffff1a;border-radius:20px;bottom:calc(120px + var(--bottom-offset));box-shadow:0 6px 12px #00000026;color:var(--text-black-color);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:600;height:70px;justify-content:center;line-height:1.3;padding:8px;position:fixed;right:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:1000}.private-room-btn:hover{background-color:var(--private-room-button-hover);box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.private-room-btn:active{box-shadow:0 4px 8px #00000026;transform:translateY(1px)}.private-room-btn img{height:24px;margin-bottom:2px;transition:transform .3s ease;width:24px}.profile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.297);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0003;margin-top:8px;opacity:0;padding:8px 0;position:absolute;right:0;top:100%;transform-origin:top right;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:180px;z-index:1000}.profile-menu.show{opacity:1;visibility:visible}.profile-menu-header{border-bottom:1px solid #ffffff1a;font-weight:500}.profile-menu-header,.profile-menu-item{color:#fff;font-size:14px;padding:12px 16px}.profile-menu-item{cursor:pointer;transition:background-color .2s}.profile-menu-item:hover{background-color:#ffffff1a}.chatroom-setting-button{position:relative}.profile-menu .logout-container{padding:0}.profile-menu .logout-btn{background:none;border:none;color:#fff;font-size:14px;padding:12px 16px;text-align:left;width:100%}.profile-menu .logout-btn:hover{background-color:#ffffff1a}.profile-menu .logout-btn-clear-storage{display:none}.group-avatar{grid-gap:2px;background-color:#f0f0f0;border-radius:4px;display:grid;gap:2px;height:40px;overflow:hidden;width:40px}.group-avatar.single{grid-template-columns:1fr}.group-avatar.grid-2{grid-template-columns:1fr 1fr}.group-avatar.grid-3{grid-template-columns:1fr 1fr 1fr}.avatar-tile{height:100%;overflow:hidden;width:100%}.user-avatar{height:100%;object-fit:cover;width:100%}.chatroom-circle-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px}.chatroom-circle-button:hover{background:#f5f5f5}.chatroom-name-grid{align-items:center;color:var(--text-black-color);display:flex;font-size:12px;font-weight:700;justify-content:center;margin-top:-5px;max-width:100px;overflow-wrap:break-word;text-align:center;width:100%;word-break:normal;@media screen and (max-width:480px){font-size:10px}}.advanced-options-toggle{background-color:#545454;border-radius:5px;color:var(--text-black-color);cursor:pointer;font-size:14px;margin:10px 0;padding:10px}.advanced-options-container{background-color:#f9f9f900;border-radius:5px;display:flex;flex-direction:column;gap:10px;margin-top:-5px;padding:10px}.advanced-options-container input,.advanced-options-container select{border:1px solid #ddd;border-radius:4px;padding:8px}.option-label{color:var(--text-black-color);font-size:14px;font-weight:500;min-width:100px;text-align:right}.option-row{align-items:center;display:flex;gap:10px}.option-row select{-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,.433);border:1px solid #0003;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;height:28px;max-width:180px;padding:4px 8px}.option-row select:disabled{cursor:not-allowed;opacity:.5}.option-row select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;padding-right:24px}.option-row select option{background-color:#fff;color:var(--text-black-color);padding:8px}.option-row select:hover:not(:disabled){background-color:#00000026}.option-row select:focus{border-color:#0000004d;box-shadow:0 0 0 1px #0000001a;outline:none}.option-row input{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;max-width:180px;padding:8px}.option-row input::placeholder{color:#999}.option-row-name{align-items:center;display:flex}.option-row-name input{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:15px}.option-row-name input::placeholder{color:#999}.option-label-name{color:var(--text-black-color);font-size:14px;font-weight:700;margin-top:10px;min-width:100px;text-align:center}.option-row-name.column{display:flex;flex-direction:column}.option-row-name.column .option-label-name{margin-bottom:-4px}.option-row-name.column input{max-width:250px;width:100%}.announcement-input{border:1px solid #ccc;border-radius:4px;margin-bottom:8px;min-height:60px;padding:8px;resize:vertical;width:100%}.announcement-text{color:var(--text-grey-color)}.announcement-row{align-items:flex-start;flex-direction:column;gap:8px}.announcement-content{margin-top:4px;width:100%}.announcement-container{width:100%}.announcement-text{color:#333;font-size:14px;line-height:1.4;padding:4px 0;white-space:pre-wrap;word-break:break-word}.info-row{align-items:flex-start;flex-direction:column;gap:8px}.label-row{align-items:center;display:flex;gap:8px;width:100%}.info-content{margin-top:4px;width:100%}.announcement-container,.name-container{width:100%}.announcement-text,.chatroom-name-text{color:var(--text-black-color);font-size:14px;line-height:1.4;padding:4px 0;white-space:pre-wrap;word-break:break-word}.label-row .edit-btn{background-color:#f0f0f0;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:12px;padding:4px 8px}.label-row .edit-btn:hover{background-color:#e0e0e0}.edit-field{width:100%}.edit-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:8px;padding:8px;width:100%}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.cancel-btn{background-color:#f0f0f0;color:#666}.confirm-btn{background-color:#4caf50;color:#fff}.cancel-btn:hover{background-color:#e0e0e0}.confirm-btn:hover{background-color:#45a049}.dynamic-code-container{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;margin-top:20px}.dynamic-code-label{color:var(--text-black-color);font-size:13px}.dynamic-code-wrapper{align-items:center;display:flex;gap:8px}.dynamic-code-display{border-radius:4px;color:#333;font-family:monospace;font-size:14px;font-weight:700;min-width:100px;text-align:center}.copy-button,.dynamic-code-display{color:var(--text-black-color);padding:4px 8px}.copy-button{background:#f0f0f054;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.copy-button:hover{background-color:#e0e0e050}.join-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.join-modal-content{background:#3e3e3e;border-radius:12px;max-width:400px;padding:20px;position:relative;width:90%}.close-modal{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.join-method{background:#575757;border-radius:8px;margin:20px 0;padding:15px}.join-method h3{color:var(--text-grey-color);margin-bottom:10px}.join-button{background-color:#333333e8!important;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:8px 16px!important;transition:background-color .3s ease,transform .2s ease}.join-button:hover{background-color:#000000db}.join-button:active{transform:translateY(1px)}.input-group{display:flex;flex-direction:column;gap:10px}.input-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px}.input-group button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px}.error-message{color:#dc3545;font-size:14px;margin-top:5px}.member-item{color:var(--text-black-color)}.member-avatar{border:2px solid #fff;border-radius:50%;height:32px;object-fit:cover;width:32px}.members-list{max-height:250px;overflow-y:auto;padding-right:10px;scrollbar-color:#0000004d #0000;scrollbar-width:thin}.members-list::-webkit-scrollbar{width:6px}.members-list::-webkit-scrollbar-track{background:#0000}.members-list::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.member-item{align-items:center;color:#000;display:flex;gap:10px;padding:8px}.member-username,.owner-username{color:var(--text-black-color);text-decoration:none;transition:color .2s}.member-username:hover,.owner-username:hover{color:#007bff}.member-item a,.owner-info a{align-items:center;display:inline-flex;text-decoration:none}.member-avatar:hover,.owner-avatar:hover{opacity:.8;transition:opacity .2s}.remove-user-btn{background-color:#a22929;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.remove-user-btn:hover{background-color:#c12525}.private-chat-message{align-items:center;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:24px;justify-content:center;margin-left:-10px;text-align:center}.private-chat-layout{align-items:center;display:flex;gap:20px;padding:20px;width:100%}.private-chat-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;height:120px;justify-content:center;margin-left:-20px;width:120px}.private-chat-image{height:100px;width:100px}.private-chat-text{display:flex;flex:1 1;flex-direction:column;gap:10px}.private-chat-title{color:var(--text-black-color);font-size:18px;font-weight:700}.private-chat-text .swiping-text{max-width:100%;padding:0;position:static;text-align:left}.private-room-text{font-size:.9em;font-style:italic;font-weight:100!important}.chatroom-setting-button.disabled{cursor:not-allowed}.token-display{color:#888;cursor:default!important}.profile-menu-item.token-display{border-bottom:1px solid #ffffff1a;color:var(--text-black-color);cursor:default;font-size:14px;opacity:.8;padding:12px 16px}.profile-menu-item.token-display:hover{background-color:#0000001a}.unpaid-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.146);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.unpaid-modal{background:var(--language-element-bg-color);border-radius:12px;box-shadow:0 4px 20px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.unpaid-modal h2{color:var(--text-black-color);font-size:24px;margin-bottom:15px}.unpaid-modal p{color:var(--text-black-color);font-size:16px;margin-bottom:25px}.upgrade-button{background-color:#333333e8;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.upgrade-button:hover{background-color:#000000db}.url-container{margin:12px 0;width:100%}.url-copy-wrapper{align-items:center;display:flex;gap:8px;margin-top:8px;width:100%}.share-url-input{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;flex:1 1;font-size:14px;overflow:hidden;padding:8px;text-overflow:ellipsis;width:100%}.copy-url-button{background:#333333e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.copy-url-button:hover{background:#000000db}.qr-modal-label{color:#000;display:block;font-size:20px;font-weight:700;margin-bottom:8px;text-align:center}.refer-code-input{gap:10px}.status-message{font-size:.9em}.refer-code-section{margin-top:20px;text-align:center}.refer-code-toggle{color:var(--text-black-color);cursor:pointer;font-size:14px;opacity:.8;transition:opacity .2s ease}.refer-code-toggle:hover{opacity:1}.refer-code-input{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:15px;transition:all .3s ease}.refer-code-input input{background:#ffffffe6;border:1px solid #0000001a;border-radius:4px;color:#000;font-size:14px;padding:8px 12px;width:80%}.refer-code-input input:focus{border-color:#0000004d;outline:none}.refer-code-input button{background-color:#333333e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background-color .2s ease}.refer-code-input button:hover{background-color:#000000db}.status-message{font-size:14px;margin-top:10px;transition:opacity .3s ease}.status-message.success{color:#4caf50}.status-message.error{color:#f44336}@media screen and (max-width:480px){.unpaid-modal{padding:20px;width:95%}.refer-code-input input{width:90%}}.notification-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.297);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0003;margin-top:8px;opacity:0;padding:8px 0;position:absolute;right:0;top:100%;transform-origin:top right;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:300px;z-index:1000}.notification-menu.show{opacity:1;visibility:visible}.notification-menu-header{border-bottom:1px solid #ffffff1a;color:var(--text-black-color);font-size:16px;font-weight:500;padding:12px 16px}.notification-list{max-height:300px;overflow-y:auto;padding:8px 0}.notification-item{background-color:#17171700!important;border-bottom:1px solid #575757!important;color:var(--text-black-color);padding:12px;text-align:left}.notification-item.welcome{background-color:#e8f5e933}.notification-item.info{background-color:#e3f2fd33}.notification-item.warning{background-color:#fff3e033}.notification-item.error{background-color:#ffebee33}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#ffffff1a}.notification-title{font-weight:700}.notification-content,.notification-title{color:var(--text-black-color);margin-bottom:4px;text-align:left}.notification-content{font-size:.9em}.notification-time{color:var(--text-black-color);font-size:.8em;opacity:.7;text-align:right}.notification-menu-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:12px 16px}.clear-notifications{background:none;border:1px solid #ffffff4d;border-radius:4px;color:var(--text-black-color);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.clear-notifications:hover{background:#ffffff1a;border-color:#ffffff80}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.notification-list{scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.notification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.notification-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.297);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:400px;width:90%}.notification-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;color:var(--text-black-color);display:flex;font-weight:500;justify-content:space-between;padding:16px}.modal-close-button{background:none;border:none;color:var(--text-black-color);cursor:pointer;font-size:24px;opacity:.7;padding:0 8px;transition:opacity .2s}.modal-close-button:hover{opacity:1}.notification-modal-content{padding:16px}.notification-modal-item{background-color:#0000!important;border-radius:4px;padding:16px;text-align:left}.notification-modal-item.welcome{background-color:#e8f5e933}.notification-modal-item.info{background-color:#e3f2fd33}.notification-modal-item.warning{background-color:#fff3e033}.notification-modal-item.error{background-color:#ffebee33}.notification-modal-title{color:var(--text-black-color);font-size:1.1em;font-weight:700;margin-bottom:8px}.notification-modal-body{color:var(--text-black-color);line-height:1.4;margin-bottom:12px}.notification-modal-time{color:var(--text-black-color);font-size:.8em;opacity:.7;text-align:right}.notification-item{cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#ffffff26}.chatlist-container{box-sizing:border-box;height:100vh;overflow-y:auto;position:relative;width:100%}.chat-background{background-color:#ededed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.chatrooms-list{height:calc(100% - 50px);overflow-y:auto;padding-top:40px;top:30px;width:100%;z-index:3}.chatroom-item,.chatrooms-list{box-sizing:border-box;position:relative}.chatroom-item{background-color:#fff;border-radius:0;color:#333;cursor:pointer;display:block;font-weight:700;height:auto;margin-bottom:1px;margin-top:1px;min-height:70px;padding:15px;text-decoration:none;transition:background-color .3s;z-index:4}.chatroom-item:not(:last-child){border-bottom:1px solid #0000001a}.chatroom-item:hover{background-color:#fff}.chatroom-item-container{align-items:center;display:flex;height:100%}.list-chatroom-thumbnail{align-items:center;display:flex;height:30px;justify-content:center;margin-right:10px;width:30px}.group-icon{height:100%;object-fit:contain;width:100%}.list-chatroom-name{color:#333;flex-grow:1;font-weight:700;line-height:40px;text-decoration:none;transition:color .3s}.chatroom-item:hover .list-chatroom-name{color:#007bff}.note-container{background-color:#1e1e1ef2;bottom:0;color:#e0e0e0;cursor:text;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;height:95%;left:0;line-height:1.5;overflow-y:auto;position:fixed;right:0;top:0;z-index:2500}.line-numbers{background-color:#2c2c2c;flex-shrink:0;padding:10px 0;position:relative;text-align:right;top:40px;-webkit-user-select:none;user-select:none;width:40px}.line-number{color:#6c6c6c;padding-right:10px}.note-content-wrapper{display:flex;min-height:100%}.note-content{background-color:#1e1e1e;border:none;color:#e0e0e0;flex-grow:1;font-family:inherit;font-size:inherit;height:100%;left:40px;line-height:inherit;outline:none;overflow-y:hidden;padding:10px 20px;position:relative;position:absolute;resize:none;top:40px;width:calc(100% - 40px)}.note-content::placeholder{color:#666}.private-note-label{border-radius:5px;color:#888;font-size:18px;font-weight:700;left:50%;position:fixed;top:10px;transform:translateX(-50%);z-index:2500}.ai-prompt,.text-selector{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;box-shadow:0 2px 10px #0003;left:50%;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:3000}.ai-prompt{max-height:80vh;max-width:90%;overflow-y:auto;width:300px;width:90%}@media (max-width:768px){.ai-prompt{width:95%}}.ai-prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;position:relative}.ai-prompt-header h3{font-size:16px;margin:0}.close-button{align-items:center!important;background-color:#444!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:20px!important;justify-content:center!important;line-height:1!important;padding:0!important;position:absolute;right:5px!important;top:5px!important;width:20px!important}.close-button:hover{background-color:#555}.ai-prompt textarea{background-color:#1e1e1e;font-size:16px;padding:5px}.ai-prompt button,.ai-prompt textarea,.text-selector button{border:1px solid #444;border-radius:4px;color:#e0e0e0;width:100%}.ai-prompt button,.text-selector button{background-color:#333;cursor:pointer;display:block;font-size:14px;margin-bottom:5px;padding:8px;transition:background-color .2s}.ai-prompt button:last-child,.text-selector button:last-child{margin-bottom:0}.ai-prompt button:hover,.text-selector button:hover{background-color:#444}.text-selector{flex-direction:column;min-width:150px}.ai-prompt textarea{height:100px;margin-bottom:10px;resize:none;width:200px}.ai-prompt button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;display:block;padding:5px;width:100%}.ai-prompt button:hover{background-color:#0056b3}.mobile-menu-button{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;font-size:24px;height:50px;justify-content:center;top:20px;width:50px}.mobile-menu,.mobile-menu-button{background-color:#323232e6;display:flex;position:fixed;right:20px;z-index:2500}.mobile-menu{border-radius:8px;box-shadow:0 2px 10px #0003;flex-direction:column;min-width:150px;padding:8px 0;top:80px}.mobile-menu button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;margin-bottom:0;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.mobile-menu button:hover{background-color:#505050e6}.context-menu{background-color:#323232e6;border-radius:8px;box-shadow:0 2px 10px #0003;padding:8px 0;z-index:1000}.context-menu button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.context-menu button:hover{background-color:#505050e6}.text-selector{background-color:#323232cc;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;padding:4px;z-index:1000}.text-selector button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.text-selector button:hover{background-color:#ffffff1a}.text-selector button:not(:last-child){border-right:1px solid #fff3}body{font-family:Roboto,sans-serif}.welcome-page{align-items:center;cursor:pointer;display:flex;height:100vh;justify-content:center;width:100vw}.welcome-page.dark{background-color:#1a1a1a;color:#fff}.welcome-page.hidden{opacity:0;pointer-events:none}.welcome-page.visible{opacity:1}.content{text-align:center}.logo_welcome{height:auto;margin-bottom:20px;width:150px}.product-name{color:#e0e0e0;font-size:2.5rem;margin-bottom:10px}.slogan{font-size:1.2rem;margin-bottom:10px}.empowered-by-ai{color:#ddd8d8;font-size:.9rem;margin-bottom:100px}.start-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.start-button:hover{background-color:#45a049}.click-anywhere{color:grey;font-style:italic;margin-top:20px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qr-container{left:20%;margin-bottom:10px;margin-top:10px;position:fixed;top:7%;transform:translateX(-50%);z-index:9998}.text-container{color:#000;font-family:Arial,sans-serif;font-size:5vw;font-weight:700;margin-top:160px;overflow:hidden;position:fixed;text-align:center;text-overflow:ellipsis;top:10%;transform:translate(-50%,-50%);white-space:nowrap;z-index:9998}.background-layer{background-color:rgba(243,162,32,.793);bottom:85%;left:0;right:0;top:0;transform-origin:top}.background-layer,.centered-content{position:fixed;transition:transform .6s ease-out;z-index:9997}.centered-content{left:30%;transform:translate(-50%,-50%)}.sidebar{align-items:center;background-color:hsla(0,8%,9%,.924);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-weight:700;height:100%;justify-content:space-between;left:0;overflow-x:hidden;position:fixed;top:0;transition:width .8s ease-in-out;width:0;z-index:10000}.sidebar.open{width:38.2%}.sidebar ul{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:center;list-style-type:none;margin:20px 0 0 20px;padding:0;width:100%}.sidebar ul li{border-bottom:1px solid #fff;color:#fff;cursor:pointer;font-size:20px;padding:20px 10px;text-align:left;transition:all .3s ease,padding-left .12s ease,transform .12s ease;width:100%}.sidebar ul li:active,.sidebar ul li:hover{background-color:#727272;padding-left:30px;transform:translateX(10px);transition:all .12s ease}.sidebar ul li:hover{background-color:#545454}.body-container{position:relative;width:150vw}.overflow-container{overflow-x:auto;white-space:nowrap;width:100vw}.button-top-right{background-color:#00000050;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:8px 15px;position:fixed;right:10px;top:10px;z-index:10000}.button-top-right:hover{background-color:#434141}.button-top-left-menu{background-color:initial;border:none;cursor:pointer;height:24px;left:10px;outline:none;position:fixed;top:12.5px;width:30px;z-index:10010}.button-top-left-menu:after,.button-top-left-menu:before{background-color:var(--text-black-color);content:"";height:4.5px;left:0;position:absolute;transition:background-color .12s ease}.button-top-left-menu:before{top:4px;width:30px}.button-top-left-menu:after{bottom:4px;width:25px}.button-top-left-menu.active:after,.button-top-left-menu.active:before{background-color:#fff}.sidebar-language-selector{color:#ffffffa8;padding:20px;text-align:center}.sidebar-language-selector p{font-size:16px;margin-bottom:10px}.sidebar-language-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffffa0;background-image:url("data:image/svg+xml;utf8,<svg fill=%27black%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 8px top 50%;background-repeat:no-repeat;background-size:16px;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:14px;outline:none;padding:8px 30px 8px 12px;width:100%}.sidebar-language-selector select:hover{background-color:#f0f0f0}.sidebar-language-selector select option{background-color:#fff;color:#333}.layout{display:flex;min-height:100vh}.main-content{flex-grow:1;margin-left:0;transition:margin-left .8s ease-in-out}.sidebar.open+.main-content{margin-left:38.2%}.App{color:#333;font-family:Arial,sans-serif}.App,.App-header{background-color:#fff}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#007bff}buttonn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}buttonn:active{background-color:#0056b3}body,html{-webkit-touch-callout:none;background-color:#fff;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.floating-info-container{background-color:#00000050;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:8px;left:10px;max-width:150px;outline:none;padding:4px;position:fixed;text-align:center;top:10px;z-index:10000}.floating-info-container h3{margin:5px 0}@media (max-width:768px){.floating-info-container{font-size:8px;left:10px;max-width:150px;padding:4px;top:10px}}.language-selector{left:50%;position:fixed;top:10px;transform:translateX(-50%);z-index:10000}.language-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#00000050;background-image:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 8px top 50%;background-repeat:no-repeat;background-size:16px;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:8px 30px 8px 12px}.language-selector select:hover{background-color:#434141}.language-selector select option{background-color:#333;color:#fff}.slider-container{background-color:#fff0;border-radius:10px;padding:10px;position:fixed;right:0;text-align:center;top:0;width:100px;z-index:10000}.slider{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:19px;cursor:pointer;height:30px;margin:0 -17px;outline:none;position:relative;width:calc(100% + 30px);z-index:10003}.slider::-webkit-slider-runnable-track{background:#0000;height:30px;width:100%}.slider::-moz-range-track{background:#0000;height:30px;width:100%}.slider::-moz-range-thumb,.slider::-webkit-slider-thumb{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:60%;position:relative;z-index:10004}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:30px;margin-top:0;-webkit-transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease;width:30px}.slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:30px;-moz-transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease;width:30px}.slider.chatroom::-moz-range-thumb,.slider.chatroom::-webkit-slider-thumb{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2330c759'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E")}.slider.walkietalkie::-moz-range-thumb,.slider.walkietalkie::-webkit-slider-thumb{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2330c759'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-6h2v2h-2zm0-8h2v6h-2z'/%3E%3C/svg%3E")}.slider.lecture::-moz-range-thumb,.slider.lecture::-webkit-slider-thumb{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2330c759'%3E%3Cpath d='M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3 1 9l11 6 9-4.91V17h2V9L12 3z'/%3E%3C/svg%3E")}.slider::-moz-range-thumb:hover,.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-background{background-color:#fafafa5f;left:10px;overflow:hidden;right:10px;top:10px;z-index:10001}.slider-background,.slider-fill{border-radius:17px;height:30px;position:absolute}.slider-fill{background-color:#fff;left:0;right:0;top:0;transition:width .3s ease,background-color .3s ease;width:0;z-index:10002}.slider-labels{justify-content:space-between;left:12px;margin-top:15px;position:absolute;right:10px;top:0;width:calc(100% - 25px);z-index:100000}.label-container,.slider-labels{display:flex;pointer-events:none}.label-container{align-items:center;height:20px;justify-content:center;overflow:hidden;width:20px}.label-image{height:100%;object-fit:contain;opacity:.2;pointer-events:none;transition:opacity .3s ease;width:100%}.label-container.selected .label-image{opacity:1}.chatroom-container{background-color:#1e1e1e;box-shadow:0 4px 8px #ffffff1a;color:#e0e0e0;font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px}.chatroom-container h1,.chatroom-container h2{color:#fff;font-weight:700;margin-bottom:20px;text-align:center}.chatroom-container a{color:#64b5f6;display:block;font-size:16px;font-weight:500;margin-bottom:20px;text-align:center;text-decoration:none}.chatroom-container a:hover{text-decoration:underline}.chatroom-container input[type=password],.chatroom-container input[type=text]{background-color:#333;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#e0e0e0;font-size:16px;margin:10px 0;padding:12px;transition:border .3s ease;width:100%}.chatroom-container input[type=password]:focus,.chatroom-container input[type=text]:focus{border-color:#64b5f6;outline:none}.chatroom-container button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .3s ease;width:100%}.chatroom-container button:hover{background-color:#1976d2}.chatroom-container ul{list-style:none;padding:0}.chatroom-container li{margin:10px 0}.chatroom-container li button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease;width:100%}.chatroom-container li button:hover{background-color:#d32f2f}.chatroom-container p{font-size:16px;margin:10px 0;text-align:center}.chatroom-container p.error-message{color:#ff5252}.chatroom-container p.success-message{color:#69f0ae}@media (max-width:768px){.chatroom-container{padding:15px}.chatroom-container button,.chatroom-container input[type=password],.chatroom-container input[type=text]{font-size:16px}}.empty-space{height:70px;width:100%}.public-chatroom-container{margin-top:20px;text-align:center}.join-public-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:14px 20px;transition:background-color .3s ease}.join-public-btn:hover{background-color:#43a047}:root{--primary-color:#333;--secondary-color:#2b2b2b;--accent-color:#e77e3c;--text-color:#666;--light-gray:#f5f5f5;--white:#fff}body{overflow-x:hidden;width:100%}.landing-page{color:#666;color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6;max-width:100vw;overflow-x:hidden;position:relative}.navbar{box-sizing:border-box;justify-content:space-between;left:0;max-width:100vw;padding:.75rem 5%;position:fixed;right:0;top:0;width:100%;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo-image{height:32px;margin-left:10px;object-fit:contain;width:auto}.nav-links{align-items:center;display:flex;gap:2rem;white-space:nowrap}.nav-links a{color:#2b2b2b;color:var(--secondary-color);text-decoration:none;transition:color .3s ease}.login-btn{background:#333;background:var(--primary-color);border-radius:4px;color:#fff!important;color:var(--white)!important;padding:.5rem 1.5rem;transition:background-color .3s ease}.hero{align-items:center;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ff3cac,#784ba0,#2b86c5,#0b3054);background-size:400% 400%;color:#fff;color:var(--white);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 1rem;text-align:center}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-content{align-items:center;display:flex;flex-direction:column;margin-top:60px;max-width:800px;text-align:center}.hero-logo{margin-bottom:1.5rem}.hero-logo-image{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));height:200px;object-fit:contain;width:auto}.hero-title{font-size:4.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle,.hero-title{color:#fff;color:var(--white)}.hero-subtitle{font-size:2.8rem;margin-bottom:1.5rem}.hero-description{color:#fff;color:var(--white);font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-button{background:#e77e3c;background:var(--accent-color);border-radius:4px;color:#fff;color:var(--white);display:inline-block;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:transform .3s ease}.cta-button:hover{transform:translateY(-2px)}.promo-video{background:#fff;background:var(--white);padding:5rem 1rem}.video-container{margin:0 auto;max-width:1200px;padding:0 1rem}.promo-video-player{border-radius:12px;box-shadow:0 4px 20px #0000001a;max-height:675px;width:100%}.features{background:#fff;background:var(--white);padding:5rem 1rem}.feature-grid{grid-gap:2rem;gap:2rem;grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:2rem}.feature-card{background:#f5f5f5;background:var(--light-gray);border-radius:8px;padding:2rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#000}.feature-title{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.feature-description{color:#666;color:var(--text-color)}.functions{background:#fff;background:var(--white);padding:5rem 1rem}.functions-landing{padding:4rem 2rem}.split-container-landing{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;margin:0 auto;max-width:1200px;min-height:400px;overflow:hidden}.function-menu-landing{background:#f8f9fa;border-right:1px solid #eaeaea;overflow-y:auto;padding:1.5rem 0;width:280px}.menu-item-landing{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;padding:1rem 1.5rem;transition:all .3s ease}.menu-item-landing:hover{background:#f0f0f0}.menu-item-landing.active{background:#fff;border-left:3px solid #007bff}.menu-icon-landing{font-size:1.5rem;margin-right:1rem}.menu-title-landing{font-weight:500}.function-content-landing{flex:1 1;padding:2rem}.content-wrapper-landing{animation:fadeIn .3s ease forwards;opacity:0;transform:translateY(10px)}.content-header-landing{align-items:center;display:flex;margin-bottom:1.5rem}.content-icon-landing{font-size:2.5rem;margin-right:1rem}.content-header-landing h2{color:#333;font-size:1.8rem;margin:0}.content-description-landing{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.content-details-landing{color:#777;line-height:1.5}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.split-container-landing{flex-direction:column}.function-menu-landing{border-bottom:1px solid #eaeaea;border-right:none;width:100%}}.founding-team{background:#fff;background:var(--white);padding:5rem 1rem}.team-grid{display:flex;gap:3rem;justify-content:center;margin:0 auto;max-width:1000px;padding:2rem}.team-member{background:#f5f5f5;background:var(--light-gray);border-radius:8px;padding:2rem;text-align:center;transition:transform .3s ease;width:800px}.team-member:hover{transform:translateY(-5px)}.team-member-image{border-radius:50%;height:200px;margin-bottom:1.5rem;object-fit:cover;width:200px}.team-member-name{color:#333;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.team-member-title{color:#e77e3c;color:var(--accent-color);font-size:1.1rem;margin-bottom:1rem}.team-member-description{color:#666;color:var(--text-color);line-height:1.6}@media (max-width:768px){.team-grid{gap:2rem;grid-template-columns:1fr}.team-member-image{height:150px;width:150px}}.pricing{background:#f5f5f5;background:var(--light-gray);padding:5rem 1rem}.pricing-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:2rem}.pricing-card{background:var(--white);border-radius:8px;padding:2rem;text-align:center}.pricing-card.featured{border:2px solid #333;border:2px solid var(--primary-color);transform:scale(1.05)}.price{color:#333;color:var(--primary-color);margin:1rem 0}.pricing-btn{background:#333;background:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;padding:1rem;transition:background-color .3s ease;width:100%}.pricing-header{margin-bottom:1.5rem;text-align:center}.pricing-header h3{color:#000}.pricing-header p{margin-top:.5rem}.price span,.pricing-header p{color:#2b2b2b;color:var(--secondary-color)}.contact{background:#fff;background:var(--white);padding:5rem 1rem}.contact-content{margin:0 auto;max-width:800px;text-align:center}.contact-info h3{color:#000}.footer{background:#2b2b2b;background:var(--secondary-color);color:#fff;color:var(--white);padding:3rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-section a{color:#fff;color:var(--white);display:block;margin:.5rem 0;text-decoration:none}.payment-icons{display:flex;gap:1rem;margin-top:1rem}.payment-icons img{height:30px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem;text-align:center}@media (max-width:768px){.navbar{padding:.5rem 1rem}.nav-links{display:none}.logo-image{height:24px}.hero-content{margin-top:40px;padding:0 1rem}.hero-logo-image{height:200px;margin-bottom:1rem}.hero-title{font-size:2rem;padding:0 1rem}.hero-subtitle{font-size:1.5rem;padding:0 1rem}.hero-description{font-size:1rem;padding:0 1rem}.feature-grid{flex:1 1;gap:1rem;grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;padding:1rem}.pricing-card{margin-bottom:1rem}.pricing-card.featured{order:-1;transform:none}.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.payment-row{justify-content:center}.payment-methods img{height:20px}.cta-button{font-size:1rem;max-width:300px;padding:.75rem 1.5rem;width:100%}}@media (max-width:375px){.hero-logo-image{height:250px}}@media (max-width:768px){.mobile-menu-button{background:none;border:none;cursor:pointer;display:block;padding:.5rem}.nav-links.mobile-open{background:#fff;background:var(--white);box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%;white-space:nowrap}.nav-links.mobile-open a{padding:.5rem 0;text-align:center;width:100%}}.section{padding:3rem 1rem}.features-list{margin:1.5rem 0}.features-list li{color:#666;color:var(--text-color);margin:.8rem 0}.popular-badge{background:#e77e3c;background:var(--accent-color);color:var(--white);font-weight:700;padding:.5rem 1rem;right:-12px}.faq-section{margin:4rem auto 0;max-width:1200px;padding:0 1rem}.faq-grid{grid-gap:2rem;gap:2rem;margin-top:2rem}.faq-item{background:#fff;background:var(--white);box-shadow:0 2px 4px #0000001a;padding:1.5rem}.faq-item h4{color:#333;color:var(--primary-color);margin-bottom:.5rem}.faq-item h3{color:#000}.refund-section{background:#f5f5f5;background:var(--light-gray);border-radius:8px;margin:3rem 0;padding:2rem;text-align:center}.refund-link{color:#333;color:var(--primary-color);font-weight:700;margin-top:1rem}.payment-methods{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.payment-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.payment-methods img{height:24px;object-fit:contain;opacity:.9;transition:opacity .3s ease;width:auto}.payment-methods img:hover{opacity:1}.footer-section{min-width:200px}.footer-section h4{color:#fff;color:var(--white);font-size:1.1rem;margin-bottom:1rem}.footer-section a,.footer-section p{color:#fff;color:var(--white);opacity:.8;transition:opacity .3s ease}.footer-section a:hover{opacity:1}.section-title{color:#2b2b2b;color:var(--secondary-color);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.small-text{font-size:1.9em}@media (max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr!important}}.gallery-container{background:#fbfbfb46;margin:2rem auto;overflow:visible;position:relative}.gallery-container,.gallery-wrapper{border-radius:40px;height:600px;width:300px}.gallery-wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden}.gallery-image{border-radius:40px;height:100%;object-fit:cover;width:100%}.gallery-nav{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.gallery-dot{background:#666;background:var(--text-color);border-radius:50%;cursor:pointer;height:8px;opacity:.3;transition:opacity .3s ease;width:8px}.gallery-dot.active{opacity:1}.gallery-description{color:#666;color:var(--text-color);font-size:1rem;line-height:1.5;margin:1rem auto;max-width:400px;text-align:center}.feature-content-header{margin-bottom:2rem;text-align:center}.feature-content-title{color:#333;color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.gallery-arrow{align-items:center;background:#0000004d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;width:40px;z-index:10}.gallery-arrow:hover{background:#00000080}.gallery-arrow.left{left:-50px}.gallery-arrow.right{right:-50px}@media (max-width:768px){.gallery-arrow{display:flex;height:30px;width:30px}.gallery-arrow.left{left:-20px}.gallery-arrow.right{right:-20px}}.feature-split-layout{align-items:center;display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:2rem}.feature-text-content{flex:1 1;max-width:500px}.feature-gallery-content{display:flex;flex:1 1;justify-content:center}.feature-content-title{margin-bottom:1.5rem;text-align:left}.feature-content-description{margin-bottom:2rem;text-align:left}.gallery-description{margin-top:2rem;text-align:left}@media (max-width:1024px){.feature-split-layout{flex-direction:column;gap:2rem}.feature-content-description,.feature-content-title,.feature-text-content,.gallery-description{text-align:center}}.streaming-layout{align-items:center;display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1200px;padding:2rem}.streaming-container-horizontal{align-items:center;background:#000;border-radius:40px;display:flex;height:500px;justify-content:center;overflow:hidden;width:800px}.streaming-gif-horizontal{border-radius:40px;height:100%;object-fit:cover;width:100%}@media (max-width:900px){.streaming-container-horizontal{height:300px;width:90%}}.quote-box{margin:2rem 0}.quote-content{position:relative}.quote-text{font-size:1rem;line-height:1.6}.description-quote-container{align-items:center;display:flex;gap:4rem;justify-content:space-between;min-height:300px}.description-section{display:flex;flex:0 0 40%;flex-direction:column;height:100%;justify-content:center;margin-top:-100px}.feature-content-description{font-size:1.1rem;line-height:1.6;margin:0}.quote-box{align-items:center;background:#ffffff1a;border-left:4px solid #e77e3c;border-left:4px solid var(--accent-color);border-radius:12px;display:flex;flex:0 0 50%;height:100%;padding:1.5rem}.quote-text{color:#333;font-size:.9rem;line-height:1.5;margin:0}.quote-label{color:#e77e3c;color:var(--accent-color);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}@media (max-width:1024px){.description-quote-container{flex-direction:column;gap:2rem;min-height:auto}.description-section,.quote-box{flex:0 0 100%}}@media screen and (max-width:768px){.feature-content-description{font-size:.9rem;line-height:1.4;margin-top:2rem;padding:0 .5rem}.feature-content-title{font-size:1.5rem;margin-bottom:1.5rem;padding:0 .5rem}.feature-split-layout{flex-direction:column;gap:2rem}.feature-text-content{min-height:auto;padding:1rem 0}.feature-gallery-content{margin-top:1rem}}.introduction-layout{display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:0 2rem}.feature-grid{grid-gap:1rem;align-content:start;display:grid;flex:0 0 60%;gap:1rem;grid-template-columns:repeat(3,1fr)}.feature-card{font-size:.9rem;padding:1.5rem}.chat-gallery{flex:0 0 35%;height:600px;position:relative}.intro-gallery-container{background:#fbfbfb46;border-radius:40px;height:600px;margin:0 0 50px;position:-webkit-sticky;position:sticky;top:100px;width:300px}.intro-gallery-wrapper{align-items:center;border-radius:40px;display:flex;height:600px;justify-content:center;overflow:hidden;width:300px}.intro-gallery-image{border-radius:40px;height:100%;object-fit:cover;width:100%}.intro-gallery-nav{bottom:-40px;display:flex;gap:.5rem;justify-content:center;left:0;margin:1rem 0;position:absolute;right:0}.intro-gallery-dot{background:#666;border-radius:50%;cursor:pointer;height:8px;opacity:.3;transition:opacity .3s ease;width:8px}.intro-gallery-dot-active{opacity:1}.intro-gallery-arrow{align-items:center;background:#0000004d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;width:40px;z-index:10}.intro-gallery-arrow:hover{background:#00000080}.intro-gallery-arrow-left{left:-50px}.intro-gallery-arrow-right{right:-50px}@media (max-width:1200px){.chat-gallery{display:flex;height:600px;justify-content:center}.intro-gallery-container{position:relative;top:0}}@media (max-width:480px){.chat-gallery{height:500px}.intro-gallery-container,.intro-gallery-wrapper{height:500px;width:250px}}@media (max-width:768px){.hero-title{font-size:2rem;padding:0 1rem}.hero-subtitle{font-size:1.5rem;padding:0 1rem}.hero-description{font-size:1rem;padding:0 1rem}.introduction-layout{flex-direction:column;padding:0 1rem}.feature-grid{flex:1 1;gap:1rem;grid-template-columns:1fr}.feature-split-layout{padding:1rem}.feature-text-content{max-width:100%;padding:0}.streaming-layout{padding:1rem}.streaming-container-horizontal{height:200px;width:100%}.description-quote-container{flex-direction:column;gap:2rem;padding:1rem}.description-section{margin-top:0}.gallery-container,.gallery-wrapper,.intro-gallery-container,.intro-gallery-wrapper{height:560px;width:280px}.gallery-arrow{display:flex;height:30px;width:30px}.gallery-arrow.left{left:-15px}.gallery-arrow.right{right:-15px}.section{padding:2rem 1rem}.section-title{font-size:1.75rem;margin-bottom:1.5rem}}@media (max-width:375px){.gallery-container,.gallery-wrapper,.intro-gallery-container,.intro-gallery-wrapper{height:500px;width:250px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1.25rem}.cta-button{font-size:.9rem;padding:.75rem 1.25rem}}.modal-overlay-landing{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-landing{background-color:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-close-button-landing{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#333;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:fixed;right:10px;top:10px;width:32px;z-index:1001}.modal-close-button-landing:hover{background:#f5f5f5}.modal-body-landing{padding:20px;position:relative}.modal-body-landing h1{font-size:24px;margin-bottom:20px}.modal-body-landing h2{font-size:20px;margin:20px 0 10px}.modal-body-landing h3{font-size:18px;margin:15px 0 10px}.modal-body-landing p{line-height:1.5;margin:10px 0}.modal-body-landing ul{margin:10px 0;padding-left:20px}.modal-body-landing li{margin:5px 0}.privacy-policy-content,.privacy-policy-content h1,.privacy-policy-content h2,.privacy-policy-content h3,.privacy-policy-content h4,.privacy-policy-content h5,.privacy-policy-content h6,.privacy-policy-content p{color:#000!important}.refund-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.refund-modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.refund-modal-body{padding:30px}.refund-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px}.refund-policy-content{line-height:1.6}.refund-policy-content h2{color:#333;margin-bottom:20px}.refund-policy-content h3{color:#444;margin:20px 0 10px}.refund-policy-content ul{margin-bottom:15px;margin-left:20px}.refund-policy-content p{margin-bottom:15px}.faq-question{font-weight:700}@media (max-width:768px){.promo-video{padding:3rem 1rem}.video-container{padding:0 .5rem}}.login-container{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-box{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-btn{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;padding:15px;transition:background .3s ease;width:100%}.login-btn:hover{background-color:#002f60}@media only screen and (max-width:768px){.login-box{padding:20px}h1{font-size:1.8em}.login-btn,input{padding:12px}.login-btn{font-size:16px}}.login-container.dark-mode{background-color:#1a1a1a;color:#fff}.dark-mode .login-box{background-color:#2c2c2c;box-shadow:0 0 10px #ffffff1a}.dark-mode h1{color:#cecece}.dark-mode input[type=password],.dark-mode input[type=text]{background-color:#3a3a3a;border:1px solid #4a4a4a;color:#fff}.dark-mode input[type=password]::placeholder,.dark-mode input[type=text]::placeholder{color:#aaa}.dark-mode .login-btn{background-color:#4a90e2;color:#fff}.dark-mode .login-btn:hover{background-color:#3a80d2}.google-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#444;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:10px 15px;transition:background-color .2s ease}.google-btn:hover{background-color:#f8f8f8;cursor:pointer}.google-btn img{height:18px;width:18px}#googleButton{display:flex;justify-content:center;margin:10px 0;width:100%}.logout-btn{background-color:#00000050;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:8px 15px;position:fixed;right:10px;top:50px;transition:background-color .3s ease;z-index:10000}.logout-btn:hover{background-color:#434141}.logout-btn-clear-storage{background-color:#00000050;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:8px 15px;position:fixed;right:10px;top:10px;transition:background-color .3s ease;z-index:10000}.logout-btn-clear-storage:hover{background-color:#434141}body{background-color:#fff;font-family:Arial,sans-serif}.register-container{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.register-box{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}h1{color:#333;font-size:2em;margin-bottom:20px}input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0}.register-btn,input{padding:15px;width:100%}.register-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;transition:background .3s ease}.register-btn:hover{background-color:#218838}.link-container{margin-top:20px}.link-btn{color:#007bff;display:block;font-size:14px;margin-top:10px;text-decoration:none;transition:color .3s ease}.link-btn:hover{color:#0056b3}@media only screen and (max-width:768px){.register-box{padding:20px}h1{font-size:1.8em}input{padding:12px}.register-btn{font-size:16px;padding:12px}}.register-container.dark-mode{background-color:#1a1a1a;color:#fff}.dark-mode .register-box{background-color:#2c2c2c;box-shadow:0 0 10px #ffffff1a}.dark-mode h1{color:#bababa;text-shadow:0 0 10px #4a90e24d}.dark-mode input[type=email],.dark-mode input[type=password],.dark-mode input[type=text]{background-color:#3a3a3a;border:1px solid #4a4a4a;color:#fff}.dark-mode input[type=email]::placeholder,.dark-mode input[type=password]::placeholder,.dark-mode input[type=text]::placeholder{color:#aaa}.dark-mode .register-btn{background-color:#4a90e2;color:#fff}.dark-mode .register-btn:hover{background-color:#3a80d2}.dark-mode .link-btn{color:#4a90e2}.dark-mode .link-btn:hover{color:#3a80d2}.input-register{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0;padding:15px;width:100%}.input-register.invalid{background-color:#fff8f8;border-color:#dc3545}.validation-message-register{color:#dc3545;font-size:12px;margin-bottom:8px;margin-top:4px;min-height:20px;text-align:left}.password-strength-register{font-size:12px;margin-bottom:4px;margin-top:4px;text-align:left}.password-strength-register.weak{color:#dc3545}.password-strength-register.medium{color:#ffc107}.password-strength-register.strong{color:#28a745}.dark-mode .input-register.invalid{background-color:#3a2a2a;border-color:#f44}.dark-mode .validation-message-register{color:#f44}.gdpr-consent-register{font-size:14px;margin:20px 0;text-align:left}.gdpr-consent-register input[type=checkbox]{cursor:pointer;margin-right:10px;width:auto}.gdpr-consent-register label{align-items:center;color:#666;cursor:pointer;display:flex}.dark-mode .gdpr-consent-register label{color:#bababa}.password-requirements-register{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:12px;margin:5px 0;padding:5px;text-align:left}.dark-mode .password-requirements-register{background-color:#3a3a3a;color:#bababa}.input-register:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.input-register.invalid:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.register-btn.loading{cursor:not-allowed;opacity:.7}.success-message-register{color:#28a745;font-size:14px;margin:10px 0}.dark-mode .success-message-register{color:#5cb85c}.password-input-container-register{position:relative;width:100%}.password-toggle-register{background:none;border:none;color:#666;cursor:pointer;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dark-mode .password-toggle-register{color:#bababa}.password-toggle-register:hover{color:#4a90e2}.dark-mode .password-toggle-register:hover{color:#3a80d2}.policy-link{color:#4a90e2;cursor:pointer;text-decoration:underline}.policy-link:hover{color:#357abd}.dark-mode .policy-link{color:#6aa9e9}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;padding:20px;position:relative;width:90%}.dark-mode .modal-content{background:#2c2c2c;color:#fff}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:5px;position:absolute;right:10px;top:10px}.dark-mode .modal-close{color:#bababa}.modal-close:hover{color:#333}.dark-mode .modal-close:hover{color:#fff}.modal-body{max-height:calc(90vh - 60px);overflow-y:auto;padding:40px 20px 20px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.dark-mode .modal-body::-webkit-scrollbar-track{background:#3a3a3a}.dark-mode .modal-body::-webkit-scrollbar-thumb{background:#666}.dark-mode .modal-body::-webkit-scrollbar-thumb:hover{background:#888}.pricing-container{background-color:#dbdbdb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center}.pricing-container h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:16px}.pricing-subtitle{color:#666;font-size:1.2rem;margin-bottom:48px}.error-message{align-items:center;background-color:#ffebee;border-radius:8px;color:#c62828;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.error-message button{background:none;border:none;color:#c62828;cursor:pointer;font-weight:700}.subscription-status{background-color:#f5f5f5;border-radius:8px;margin-bottom:48px;padding:24px}.subscription-status h3{color:#1a1a1a;margin-bottom:16px}.cancel-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.cancel-button:hover{background-color:#c82333}.cancel-button:disabled{background-color:#6c757d;cursor:not-allowed}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:48px}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:32px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.pricing-card.popular{border:2px solid #007bff}.popular-badge{background:#007bff;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:24px}.pricing-header h2{color:#1a1a1a;font-size:1.5rem;margin-bottom:16px}.price{color:#007bff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.price span{color:#666;font-size:1rem}.features-list{list-style:none;margin:0 0 24px;padding:0}.features-list li{color:#444;padding:8px 0 8px 24px;position:relative}.features-list li:before{color:#28a745;content:"✓";left:0;position:absolute}.pricing-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background .3s ease;width:100%}.pricing-button:hover:not(:disabled){background:#0056b3}.pricing-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.pricing-button:disabled:hover{background-color:#ccc;transform:none}.pricing-button:disabled:after{background-color:#000c;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:opacity .2s;visibility:hidden;white-space:nowrap}.pricing-button:disabled:hover:after{opacity:1;visibility:visible}.pricing-button.loading{cursor:wait;opacity:.7}.refund-section{background:#f8f9fa;border-radius:12px;margin-top:48px;padding:24px}.refund-section h3{color:#1a1a1a;margin-bottom:8px}.refund-link{color:#007bff;display:inline-block;margin-top:16px;text-decoration:none}.refund-link:hover{text-decoration:underline}.refund-section p{color:#000}.faq-section{margin-top:48px}.faq-section h3{margin-bottom:24px}.faq-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background:#f8f9fa;border-radius:8px;padding:24px;text-align:left}.faq-item h4{color:#1a1a1a;margin-bottom:12px}.faq-item p{color:#666;line-height:1.5}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr;margin:0 auto 48px;max-width:400px}.pricing-container h1{font-size:2rem}.pricing-subtitle{font-size:1rem}.faq-grid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:12px;margin-left:8px;width:12px}.payment-method-modal-purchase-plan{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-purchase-plan{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:20px;width:90%}.modal-header-purchase-plan{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header-purchase-plan h2{color:#333;font-size:1.5rem;margin:0}.close-button-purchase-plan{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.payment-note-purchase-plan{color:#666;font-size:.9rem;margin-bottom:20px}.payment-options-purchase-plan{display:flex;flex-direction:column;gap:10px}.payment-option-purchase-plan{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:15px;text-align:center;transition:all .3s ease;width:100%}.payment-option-purchase-plan:hover{background:#f5f5f5;border-color:#999}.payment-option img{height:48px;margin-bottom:.5rem;width:48px}.payment-option.card img{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDRINGMtMS4xMSAwLTIgLjg5LTIgMnYxMmMwIDEuMTEuODkgMiAyIDJoMTZjMS4xMSAwIDItLjg5IDItMlY2YzAtMS4xMS0uODktMi0yLTJabTAgMTRINHYtNmgxNG0wLTRINFY2aDE2djIiLz48L3N2Zz4=)}.payment-option.china img{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJabTAgMThjLTQuNDIgMC04LTMuNTgtOC04IDAtMS4xNi4yLTIuMjguNTYtMy4yOEw4IDEyLjE2bDEuNDEtMS40MUwxMiAxMy4zNGwyLjU5LTIuNTlMMTYgMTIuMTZsMy40NC0zLjQ0Yy4zNiAxIC41NiAyLjEyLjU2IDMuMjggMCA0LjQyLTMuNTggOC04IDhaIi8+PC9zdmc+)}.payment-option.wallet img{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDRINGMtMS4xMSAwLTIgLjg5LTIgMnYxMmMwIDEuMTEuODkgMiAyIDJoMTZjMS4xMSAwIDItLjg5IDItMlY2YzAtMS4xMS0uODktMi0yLTJabTAgMTRINHYtNmgxNG0wLTRINFY2aDE2djIiLz48L3N2Zz4=)}@media (max-width:480px){.payment-options{grid-template-columns:1fr}.modal-content{padding:1.5rem;width:95%}}.payment-note{background:#fff3cd;border-radius:4px;color:#666;font-size:.9rem;margin:0 0 1rem;padding:.5rem}.secondary-grid{margin-left:auto;margin-right:auto;margin-top:48px;max-width:800px}.enterprise-card{background:linear-gradient(145deg,#fff,#f8f9fa)}.enterprise-button{background:#2d3436}.enterprise-button:hover{background:#1e2527}@media (max-width:768px){.secondary-grid{max-width:400px}}.billing-toggle{background:#f5f5f5;border-radius:40px;display:flex;gap:24px;justify-content:center;margin-bottom:32px;margin-left:auto;margin-right:auto;min-width:400px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.toggle-button{background:none;border:none;border-radius:30px;color:#666;cursor:pointer;font-size:1.1rem;font-weight:500;min-width:160px;overflow:visible;padding:12px 40px;text-align:center;transition:all .3s ease;white-space:nowrap}.toggle-button.active{background:#007bff;color:#fff}.toggle-button:hover:not(.active){background:#007bff1a}@media (max-width:480px){.billing-toggle{min-width:320px;padding:8px}.toggle-button{min-width:140px;padding:12px 20px}}.enterprise-modal-purchase-plan .modal-content-purchase-plan{max-width:500px}.enterprise-sections-purchase-plan{display:flex;flex-direction:column;gap:20px}.enterprise-section-purchase-plan{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.enterprise-section-purchase-plan h3{color:#333;margin-bottom:15px}.code-input-group-purchase-plan{display:flex;gap:10px;margin-bottom:10px}.enterprise-input-purchase-plan{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.enterprise-submit-purchase-plan{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.enterprise-submit-purchase-plan:hover{background-color:#0056b3}.contact-sales-link-purchase-plan{background-color:#28a745;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.contact-sales-link-purchase-plan:hover{background-color:#218838}.error-message-purchase-plan,.success-message-purchase-plan{border-radius:4px;margin-top:10px;padding:8px}.enterprise-description{color:#000;margin-bottom:16px}.enterprise-description p{color:#000!important;margin-bottom:16px}.enterprise-modal-purchase-plan .modal-content-purchase-plan p{color:#000!important}:root{--button-bg-color:#6a6969;--button-hover-color:#333;--button-border-radius:12px;--button-cancel-color:#444;--button-cancel-hover-color:#666}.profile-container{align-items:center;background-color:#1e1e1e;box-shadow:0 8px 30px #0000004d;color:#e0e0e0;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:500px;padding:20px;text-align:center;width:100%}.profile-container h1{color:#fff;font-size:1.5rem;margin-bottom:10px}.profile-container h2{color:#ccc;font-size:1.25rem;margin-top:10px}.profile-public-avatar{border-radius:50%;height:150px;margin-top:20px;object-fit:cover;width:150px}.profile-avatar-container{margin-bottom:20px;margin-top:20px;position:relative}.profile-avatar-container img{border:3px solid #444;border-radius:50%;box-shadow:0 8px 20px #0000004d;height:150px;object-fit:cover;width:150px}.profile-avatar-upload-form{margin-top:20px}.profile-avatar-upload-form input[type=file],.profile-username-edit input[type=text]{background-color:#333;border:1px solid #555;color:#e0e0e0;font-size:16px}.profile-avatar-upload-form input[type=file]{border-radius:8px;cursor:pointer;margin-top:10px;outline:none;padding:10px;width:100%}.profile-avatar-upload-form button{background-color:#4caf50;border-radius:25px;font-size:1rem;margin-top:15px;padding:10px 20px}.profile-avatar-upload-form button:hover{background-color:#45a049}.profile-not-logged-in{margin-top:20px}.profile-not-logged-in h2{color:#ccc}.profile-user-details{margin-top:30px;max-width:400px;text-align:left;width:100%}.profile-user-details h3{color:#fff;font-size:1.2rem;margin-bottom:10px}.profile-user-details p{color:#ccc;font-size:1rem;margin:5px 0}.profile-user-details strong{color:#fff}.profile-username-edit{margin-top:20px}.profile-username-edit input[type=text]{border-radius:5px;margin-right:10px;padding:8px;width:70%}.profile-username-edit button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:background-color .3s ease}.profile-username-edit button:hover{background-color:#0056b3}.profile-username-edit-cancel{background-color:#555}.profile-username-edit-cancel:hover{background-color:#777}.profile-username-success{color:#4caf50;margin-top:10px}.profile-error-message{color:#e74c3c;margin-top:10px}.profile-link{color:#3498db;display:inline-block;font-size:1rem;margin-top:20px;text-decoration:none}.profile-link:hover{color:#2980b9}.profile-password-edit{border:1px solid #ddd;border-radius:5px;margin:20px 0;padding:20px}.password-input-group{margin:10px 0}.password-input-wrapper input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.password-buttons{gap:10px}.error-message{color:red}.profile-password-success{color:green;margin:10px 0}.profile-password-edit,.profile-username-edit{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin:20px 0;padding:20px;width:100%}.profile-password-edit h3,.profile-username-edit h3{color:#fff;font-size:1.2rem;margin-bottom:15px}.password-input-wrapper input,.profile-username-edit input[type=text]{background-color:#333;border:1px solid #555;border-radius:5px;color:#e0e0e0;font-size:16px;padding:10px;width:100%}.profile-avatar-upload-form button,.profile-password-edit button:not(.toggle-password),.profile-username-edit button{border:none;border-radius:12px;border-radius:var(--button-border-radius);cursor:pointer;font-size:.9rem;margin:3px;padding:8px 16px;transition:background-color .3s ease}.profile-avatar-upload-form button,.profile-password-edit button:not(.profile-password-edit-cancel):not(.toggle-password),.profile-username-edit button:not(.profile-username-edit-cancel){background-color:#6a6969;background-color:var(--button-bg-color);color:#fff}.profile-avatar-upload-form button:hover,.profile-password-edit button:not(.profile-password-edit-cancel):not(.toggle-password):hover,.profile-username-edit button:not(.profile-username-edit-cancel):hover{background-color:#333;background-color:var(--button-hover-color)}.profile-password-edit-cancel,.profile-username-edit-cancel{background-color:#444!important;background-color:var(--button-cancel-color)!important;color:#fff!important}.profile-password-edit-cancel:hover,.profile-username-edit-cancel:hover{background-color:#666!important;background-color:var(--button-cancel-hover-color)!important}.profile-password-success,.profile-username-success{color:#4caf50;font-size:.9rem;margin-top:10px}.password-input-group{margin:15px 0}.password-input-wrapper{align-items:center;display:flex;gap:10px;margin-top:5px}.toggle-password{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px}.password-buttons{display:flex;gap:8px;justify-content:center;margin-top:15px}.error-message{color:#ff6b6b;font-size:.9rem;margin:10px 0}.profile-avatar-edit{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin:20px 0;padding:20px;width:100%}.profile-avatar-edit h3{color:#fff;font-size:1.2rem;margin-bottom:15px}.profile-avatar-upload-form{display:flex;flex-direction:column;gap:15px}.file-input-wrapper{width:100%}.file-input-wrapper input[type=file]{background-color:#333;border:1px solid #555;border-radius:5px;color:#e0e0e0;cursor:pointer;padding:10px;width:100%}.file-input-wrapper input[type=file]::-webkit-file-upload-button{background-color:#6a6969;background-color:var(--button-bg-color);border:none;border-radius:12px;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-size:.9rem;margin-right:10px;padding:6px 12px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.file-input-wrapper input[type=file]::-webkit-file-upload-button:hover{background-color:#333;background-color:var(--button-hover-color)}.avatar-buttons{display:flex;gap:8px;justify-content:center;margin-top:15px}.profile-avatar-upload-form button{background-color:#6a6969;background-color:var(--button-bg-color);border:none;border-radius:12px;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.profile-avatar-upload-form button:hover{background-color:#333;background-color:var(--button-hover-color)}.profile-upload-success{color:#4caf50;font-size:.9rem;margin-top:10px}.profile-description-edit{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin:20px 0;padding:20px;width:100%}.profile-description-edit h3{color:#fff;font-size:1.2rem;margin-bottom:15px}.profile-description-edit textarea{background-color:#333;border:1px solid #555;border-radius:5px;color:#e0e0e0;font-size:16px;margin-bottom:10px;min-height:100px;padding:10px;resize:vertical;width:100%}.description-buttons{display:flex;gap:8px;justify-content:center;margin-top:10px}.profile-description-success{color:#4caf50;font-size:.9rem;margin-top:10px}.user-description{background-color:#333;border-radius:5px;margin-bottom:10px;padding:10px;white-space:pre-wrap;word-break:break-word}.profile-description{background-color:#2a2a2a;border-radius:8px;margin-top:20px;padding:15px;text-align:left}.profile-description h3{color:#fff;font-size:1.2rem;margin-bottom:10px}.profile-description p{color:#e0e0e0;white-space:pre-wrap;word-break:break-word}.profile-description-edit button{background-color:#6a6969;background-color:var(--button-bg-color);border:none;border-radius:12px;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-size:.9rem;margin:3px;padding:8px 16px;transition:background-color .3s ease}.profile-description-edit button:hover{background-color:#333;background-color:var(--button-hover-color)}.profile-description-edit-cancel{background-color:#444!important;background-color:var(--button-cancel-color)!important;color:#fff!important}.profile-description-edit-cancel:hover{background-color:#666!important;background-color:var(--button-cancel-hover-color)!important}.profile-subscription-status{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin:20px 0;padding:20px;width:100%}.profile-subscription-status h3{color:#fff;font-size:1.2rem;margin-bottom:15px}.profile-subscription-status p{color:#ccc;font-size:1rem;margin:5px 0}.profile-subscription-status strong{color:#fff}.cancel-subscription-button{background-color:#444;background-color:var(--button-cancel-color);border:none;border-radius:12px;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-size:.9rem;margin-top:15px;padding:8px 16px;transition:background-color .3s ease}.cancel-subscription-button:hover{background-color:#666;background-color:var(--button-cancel-hover-color)}.success-message{color:#4caf50;font-size:.9rem;margin-top:10px}body{background-color:#1e1e1e;color:#e0e0e0}.walkietalkie-container{background-color:#2d2d2d;font-family:Arial,sans-serif;margin:0 auto;max-width:100%;padding:10px}.record-button{background-color:#3a3a3a;color:#fff;height:20px;width:20px}.record-button.recording{background-color:#f44}.record-button:hover{background-color:#4a4a4a}.record-button.recording:hover{background-color:#f66}.transcripts-grid{display:flex;flex-direction:column;gap:20px}.transcript-category{background-color:#3a3a3a;border-radius:8px;padding:10px}.transcript-category h4{color:#fff;font-size:18px;margin-bottom:10px;margin-top:0;text-align:center}.transcript-container{background-color:#2d2d2d;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:10px;overflow:hidden}.transcript-header{align-items:center;background-color:#444;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.transcript-header h3{color:#fff;font-size:14px;font-weight:700;margin:0}.expand-icon{color:#fff;font-size:12px}.transcript-text{color:#e0e0e0;font-size:14px;line-height:1.4;padding:10px}.language-preference,.time-slice-selector{color:#fff;margin-bottom:15px}.language-preference select,.time-slice-selector select{background-color:#3a3a3a;border:1px solid #555;border-radius:4px;color:#fff;padding:5px}.browser-recognition-button,.tts-controls button{background-color:#4a4a4a;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:8px 12px;transition:background-color .3s}.browser-recognition-button:hover,.tts-controls button:hover{background-color:#5a5a5a}.tts-controls input[type=range]{-webkit-appearance:none;background:#4a4a4a;border-radius:5px;height:5px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.tts-controls input[type=range]:hover{opacity:1}.tts-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:15px;width:15px}.tts-controls input[type=range]::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:15px;width:15px}@media (min-width:768px){.walkietalkie-container{max-width:800px;padding:20px}.transcripts-grid{flex-direction:row;flex-wrap:wrap}.transcript-category{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}}.reference-recording-controls{align-items:center;display:flex;flex-direction:column;margin-top:20px}.reference-text-container{display:flex;flex-direction:column;margin-bottom:10px;max-width:600px;width:100%}.reference-language-select{font-size:16px;margin-bottom:10px;padding:5px}.reference-text-box{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;resize:vertical;width:100%}.reference-record-button{margin-top:10px}.reference-record-button,.voice-clone-tts-button{background-color:#4a4a4a;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px;transition:background-color .3s}.reference-record-button:hover,.voice-clone-tts-button:hover{background-color:#5a5a5a}.reference-record-button.recording{background-color:#f44}.voice-clone-tts-button.enabled{background-color:#4f4;color:#000}.floating-record-button{bottom:20px;position:fixed;right:20px;z-index:1000}.floating-record-button .floating-record-btn{background-color:#007bffb3;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:12px;height:100px;transition:all .3s ease;width:100px}.floating-record-button .floating-record-btn:hover{background-color:#0056b3cc;box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.floating-record-button .floating-record-btn.recording{animation:pulse 1.5s infinite;background-color:#dc3545b3}.lecture-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;margin:0 auto;max-width:800px;overflow-y:hidden;padding:20px}h2{color:#333;margin-bottom:20px;text-align:center}.record-button{background-color:#f1f0f0;border:none;border-radius:50%;color:#333;cursor:pointer;display:block;font-size:18px;font-weight:700;height:200px;margin:20px auto;transition:background-color .3s,transform .3s;width:200px}.record-button.recording{background-color:red;color:#fff;transform:scale(1.1)}.record-button:hover{background-color:#e0e0e0}.record-button.recording:hover{background-color:#e60000}.transcript{background-color:#f9f9f9;border-radius:5px;flex-grow:1;margin-top:20px;overflow-y:auto;padding:10px}.photo-ocr-container{align-items:center;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.camera-container{height:70vh;overflow:hidden;position:relative;width:100%}.camera-view{height:100%;object-fit:cover;width:100%}.qr-indicator{background-color:#fff;border-radius:50%;height:20px;position:absolute;transform:translate(-50%,-50%);width:20px}.qr-url-textboxx{margin:20px 0;width:90%}.qr-url-textboxxinput{border:2px solid #ccc;border-radius:5px;font-size:18px;padding:10px;width:100%}.camera-toggle,.cameraa-switch{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.camera-toggle:hover,.cameraa-switch:hover{background-color:#0056b3}.japan-life-container{background-color:#f9f7f7;color:#333;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.header{margin-bottom:3rem;text-align:center}.header h1{color:#e94560;font-size:3rem;font-weight:700;margin-bottom:.5rem}.header p{color:#555;font-size:1.2rem}.machine-container{align-items:center;display:flex;justify-content:center;margin-bottom:4rem;min-height:600px;position:relative}.gachagacha-machine{height:500px;perspective:1000px;position:relative;width:300px}.machine-top{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:100%}.dome{background:linear-gradient(135deg,#fffc,#dcdcdc80);border:5px solid #e94560;border-bottom:none;border-radius:50% 50% 0 0;box-shadow:0 0 20px #0000001a;height:180px;overflow:hidden;position:relative;transform-style:preserve-3d;width:250px}.machine-middle{width:100%}.machine-body,.machine-middle{height:200px;position:relative}.machine-body{background:linear-gradient(90deg,#e94560,#ff6b81);border-radius:10px;box-shadow:0 10px 20px #0000001a;margin:0 auto;overflow:hidden;width:250px}.machine-window{background-color:#ffffff4d;border:5px solid #fff;border-radius:10px;box-shadow:inset 0 0 20px #0000001a;height:120px;left:50px;position:absolute;top:40px;width:150px}.machine-bottom{height:100px;position:relative;width:100%}.dispenser-hole{background-color:#333;border-radius:0 0 50px 50px;box-shadow:inset 0 10px 20px #0000004d;height:50px;margin:0 auto;position:relative;width:100px}.handle-container{height:100px;position:absolute;right:-50px;top:250px;width:100px}.handle{cursor:pointer;height:100px;position:relative;transform-origin:0 50%;transition:transform .2s ease;width:100px}.handle:hover .handle-knob{background-color:#fc0;box-shadow:0 0 15px #ffcc00b3}.handle-arm{background-color:#ddd;border-radius:5px;box-shadow:0 2px 5px #0003;height:10px;left:0;position:absolute;top:45px;width:60px}.handle-knob{background-color:#fff;border-radius:50%;box-shadow:0 5px 10px #0003;height:40px;position:absolute;right:0;top:30px;transition:all .3s ease;width:40px}.capsule-in-machine{left:50%;position:absolute;top:50%;transform-origin:0 0}.mini-capsule{border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 2px 5px #0003;height:30px;width:20px}.capsule{bottom:-50px;height:150px;left:calc(50% - 50px);position:absolute;transform-style:preserve-3d;transition:transform 1s ease;width:100px;z-index:10}.capsule.opening{transform:scale(1.5)}.capsule-top{background-color:#ffffffe6;border-radius:50px 50px 0 0;box-shadow:0 -5px 15px #0000001a;top:0}.capsule-bottom,.capsule-top{height:75px;position:absolute;transition:transform 1s ease;width:100px}.capsule-bottom{background-color:#fffc;border-radius:0 0 50px 50px;bottom:0;box-shadow:0 5px 15px #0000001a}.opening .capsule-top{transform:translateY(-50px) rotateX(60deg)}.opening .capsule-bottom{transform:translateY(50px) rotateX(-60deg)}.snack-reveal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;left:50%;opacity:0;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .5s ease .8s;width:300px;z-index:20}.opening .snack-reveal{opacity:1;transform:translate(-50%,-50%) scale(1)}.snack-image{align-items:center;display:flex;height:150px;justify-content:center;margin:0 auto 20px;width:150px}.snack-image img{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(0,0,0,.1));max-height:100%;max-width:100%;object-fit:contain}.snack-info h2{color:#e94560;font-size:1.5rem;margin-bottom:10px}.snack-info p{color:#666;font-size:.9rem;margin-bottom:20px}.add-to-cart-btn{background-color:#e94560;border:none;border-radius:30px;box-shadow:0 5px 15px #e945604d;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.add-to-cart-btn:hover{background-color:#d63852;box-shadow:0 7px 20px #e9456066;transform:translateY(-2px)}.action-buttons{justify-content:center;margin-top:20px}.try-again-btn{background-color:#16213e;border:none;border-radius:30px;box-shadow:0 5px 15px #16213e4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.try-again-btn:hover{background-color:#0f172a;box-shadow:0 7px 20px #16213e66;transform:translateY(-2px)}.snack-collection{margin-top:4rem;text-align:center}.snack-collection h2{color:#16213e;font-size:2rem;margin-bottom:2rem}.snack-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.snack-item{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:15px;transition:all .3s ease}.snack-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.snack-thumbnail{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:10px}.snack-thumbnail img{max-height:80%;max-width:80%;object-fit:contain}.snack-item p{color:#555;font-size:.9rem;font-weight:500}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.header h1{font-size:2.2rem}.gachagacha-machine{transform:scale(.8)}.snack-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:480px){.header h1{font-size:1.8rem}.gachagacha-machine{transform:scale(.7)}.snack-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.global-state-display{background-color:#ffffff1a;border-radius:5px;font-size:10px;margin:10px;padding:15px}.global-state-title{color:#fff;font-weight:700;margin-bottom:10px}.global-state-items{display:flex;flex-direction:column;gap:5px}.global-state-item{color:#fff;font-size:.9em;word-break:break-all}.global-state-key{font-weight:700;margin-right:5px}.global-state-value{color:#aaa}.global-state-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.refresh-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;padding:4px;transition:transform .3s ease}.refresh-button:hover{background-color:#ffffff1a;transform:rotate(180deg)}.refresh-button:active{transform:rotate(1turn)}body,html{background-color:#121212;font-family:Arial,sans-serif;height:100%}.chatroom-enter-container{align-items:center;background-color:#252525;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.chatroom-enter-content{background-color:#393939;border-radius:12px;box-shadow:0 8px 24px #49494933;max-width:400px;padding:40px;text-align:center;width:100%}.chatroom-enter-title{color:#fff;font-size:28px;font-weight:600;margin-bottom:24px}.chatroom-enter-form{display:flex;flex-direction:column}.chatroom-enter-input{background-color:#2a2a2a;border:2px solid #333;border-radius:8px;color:#fff;font-size:16px;margin-bottom:20px;padding:14px;transition:border-color .3s ease}.chatroom-enter-input:focus{border-color:#4caf50;outline:none}.chatroom-enter-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .3s ease,transform .1s ease}.chatroom-enter-button:hover{background-color:#45a049}.chatroom-enter-button:active{transform:scale(.98)}.chatroom-enter-error{color:#ff6b6b;font-size:14px;margin-bottom:20px}.chatroom-enter-icon{height:64px;margin-bottom:20px;width:64px}.class-page-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px;position:relative;transition:background-color .3s ease,color .3s ease}.class-page-container.class-dark-mode{background-color:#1a1a1a;color:#e0e0e0}.class-page-container.class-bright-mode{background-color:#f0f0f0;color:#333}.class-mode-toggle{position:absolute;right:20px;top:20px}.class-mode-toggle button{border:none;border-radius:20px;cursor:pointer;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.class-dark-mode .class-mode-toggle button{background-color:#e0e0e0;color:#1a1a1a}.class-bright-mode .class-mode-toggle button{background-color:#1a1a1a;color:#e0e0e0}.class-title{color:#d48849;font-size:2.5rem;margin-bottom:1rem;text-align:center}.class-qr-container{align-items:center;border-radius:10px;box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;left:50%;padding:2rem;position:absolute;top:100px;transform:translateX(-50%);transition:background-color .3s ease;z-index:10}.class-qr-container:not(.class-active){background-color:#242424}.class-qr-container.class-active{background-color:#9b9b9b}.class-streamline-container{background-color:#2c2c2c;border-radius:15px;box-shadow:0 4px 6px #0003;margin-top:400px;max-width:1200px;padding:2rem;transition:background-color .3s ease;width:100%}.class-bright-mode .class-streamline-container{background-color:#fff;box-shadow:0 4px 6px #0000001a}.class-instruction-container{display:flex;justify-content:space-between;width:100%}.class-instruction-step{align-items:center;background-color:#3a3a3a;border-radius:10px;box-shadow:0 2px 4px #0003;color:#e0e0e0;display:flex;flex:1 1;flex-direction:column;margin:0 15px;padding:30px;text-align:center;transition:background-color .3s ease,color .3s ease}.class-instruction-step.class-active{background-color:#4a4a4a}.class-step-title{color:#f0f0f0;font-size:2rem;margin-bottom:.5rem}.class-step-description{color:#b0b0b0;font-size:1rem;margin-bottom:1.5rem}.class-step-icon{align-items:center;background-color:#ebebeb;border-radius:50%;box-sizing:border-box;display:flex;height:100px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;padding:15px;width:100px}.class-step-icon img{height:100%;object-fit:cover;width:100%}.class-instruction-step p{text-align:center;width:100%}.class-instruction-step .class-input-group,.class-instruction-step .class-max-time-selector,.class-instruction-step .class-previous-step-button,.class-instruction-step .class-toggle-button{display:flex;justify-content:center;width:100%}.class-input-group{align-items:center;display:flex;margin-top:10px;width:100%}.class-text-input{background-color:#2c2c2c;border:1px solid #4a4a4a;border-radius:5px 0 0 5px;color:#e0e0e0;flex-grow:1;font-size:1rem;padding:10px}.class-confirm-button,.class-previous-step-button,.class-toggle-button{background-color:#1e3a5f;border:none;border-radius:0 5px 5px 0;color:#e0e0e0;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease}.class-confirm-button:hover,.class-previous-step-button:hover,.class-toggle-button:hover{background-color:#2c5282}.class-max-time-selector{margin-bottom:1.5rem;width:100%}.class-max-time-selector label{display:block;margin-bottom:.5rem}.class-max-time-selector select{background-color:#2c2c2c;border:1px solid #4a4a4a;border-radius:5px;color:#e0e0e0;margin-bottom:1rem;padding:10px;width:100%}.class-toggle-button{background-color:#1e3a5f;border:none;border-radius:5px;color:#e0e0e0;cursor:pointer;font-size:1rem;margin-top:1rem;padding:12px 24px;transition:opacity .3s ease,background-color .3s ease}.class-toggle-button:not(:disabled):hover{background-color:#2c5282}.class-toggle-button:disabled{cursor:not-allowed;opacity:.5}.class-previous-step-button{background-color:#34495e;border:none;border-radius:5px;color:#e0e0e0;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s ease}.class-previous-step-button:hover{background-color:#2c3e50}.class-qr-code{margin-bottom:1rem}.class-url-display{color:#fff;font-size:1rem;margin:0 auto;max-width:300px;text-align:center;word-break:break-all}@media (max-width:768px){.class-streamline-container{padding-top:100px}.class-instruction-container{flex-direction:column}.class-instruction-step{margin:15px 0}}.class-confirm-button:disabled,.class-max-time-selector select:disabled,.class-text-input:disabled{cursor:not-allowed;opacity:.5}.class-instruction-step:not(.class-active) .class-input-group{pointer-events:none}.class-instruction-step:not(.class-active) .class-confirm-button,.class-instruction-step:not(.class-active) .class-max-time-selector select,.class-instruction-step:not(.class-active) .class-text-input{opacity:.5}.class-version-toggle{background-color:#2c2c2c;border-radius:20px;display:flex;left:20px;overflow:hidden;position:absolute;top:20px;z-index:10}.class-version-button{background-color:initial;border:none;color:#e0e0e0;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.class-version-button.class-active{background-color:#1e3a5f}.class-version-button:hover:not(.class-active){background-color:#3a3a3a}.class-streamline-container{padding-left:20px;padding-right:20px;padding-top:80px;position:relative}.class-instruction-step:first-child{margin-left:0}.class-instruction-step:last-child{margin-right:0}.class-button-container{display:flex;flex-direction:column;gap:15px;width:100%}.class-bright-mode .class-text-input{background-color:#fff;border:1px solid #ccc;color:#333}.class-bright-mode .class-previous-step-button,.class-bright-mode .class-toggle-button{background-color:#3498db;color:#fff}.class-bright-mode .class-previous-step-button:hover,.class-bright-mode .class-toggle-button:hover{background-color:#2980b9}.map-container{-webkit-overflow-scrolling:touch;height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;touch-action:pan-x pan-y;width:100%}.search-container{padding:20px}.search-input{box-sizing:border-box;height:40px;margin-bottom:10px;padding:10px}.map-status-bar{background-color:#f9b74ce8;border-radius:20px;box-shadow:0 2px 4px #0000001a;flex-direction:column;height:auto;left:50%;min-height:50px;position:fixed;top:10px;transform:translateX(-50%);transition:height .3s ease;width:60%;z-index:2000}.map-header-setting,.map-status-bar{display:flex;justify-content:space-between}.map-header-setting{align-items:center;position:relative}.map-title{color:#fff;flex-grow:1;font-size:18px;font-weight:700;left:0;position:relative;text-align:center;top:20px}.map-action-button{align-items:center;background-color:#ffffff2f;border:none;border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.map-action-button:hover{background-color:#c6c6c6d4}.map-icon{height:24px;transition:all .3s ease;width:24px}.map-toggle-button-container{background-color:#0000000d;bottom:0;left:0;position:absolute;width:100%}.map-toggle-button,.map-toggle-button-container{align-items:center;display:flex;height:15px;justify-content:center}.map-toggle-button{background-color:initial;border:none;cursor:pointer;width:40px}.map-toggle-icon{background-color:initial;height:2px;position:relative;width:20px}.map-toggle-icon:after,.map-toggle-icon:before{background-color:#666;content:"";height:2px;position:absolute;transition:transform .3s ease;width:12px}.map-toggle-icon:before{left:0;top:-4px;transform:rotate(-45deg)}.map-toggle-icon:after{right:0;top:-4px}.map-status-bar-content.minimized .map-toggle-icon:before,.map-toggle-icon:after{transform:rotate(45deg)}.map-status-bar-content.minimized .map-toggle-icon:after{transform:rotate(-45deg)}.floating-locate-button{bottom:150px;position:fixed;right:10px;z-index:1000}.floating-locate-button .map-action-button{background:#ffffffee;border:none;border-radius:8px;box-shadow:0 2px 6px #0000004d;cursor:pointer;padding:8px}.floating-locate-button .map-action-button:hover{background:#38414e}.map-interaction-container{background-color:#f9b74cf6;border-radius:20px;bottom:30px;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;height:70px;left:10px;position:fixed;right:10px;z-index:1000}.search-box-container{background-color:#00000015;border-radius:10px;color:#fff;margin-bottom:15px;padding:5px 15px;width:100%}.search-box-container input{-webkit-touch-callout:none;-webkit-text-size-adjust:100%;background-color:#d9d9d9;border:1px solid #4a4a4a;border-radius:8px;color:#fff;font-size:16px!important;height:40px;max-height:100%;padding:0 12px;touch-action:none;transform:scale(1);transform-origin:top left;user-select:none;-webkit-user-select:none;width:100%}.search-box-container input::placeholder{color:#999;font-size:16px}.fixed-button-container.left{left:10px;position:absolute}.fixed-button-container.right{position:absolute;right:10px}.map-error{background-color:#ff00001a;border:1px solid red;border-radius:4px;color:red;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.pac-container{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000004d;margin-top:-300px!important}.pac-item{cursor:pointer;padding:8px 12px}.pac-item:hover{background-color:#f5f5f5}.info-window-content{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;color:#000;font-size:14px;font-weight:500;max-height:250px;min-width:150px;overflow-y:auto;padding:8px;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.info-window-content::-webkit-scrollbar{width:6px}.info-window-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.info-window-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.info-window-content::-webkit-scrollbar-thumb:hover{background:#555}#content{font-family:Arial,sans-serif;padding:10px}.floating-nearby-button{bottom:150px;position:fixed;right:60px;z-index:1000}.floating-nearby-button .map-action-button{background:#8a8a8aee;border:none;border-radius:18px;box-shadow:0 2px 6px #0000004d;cursor:pointer;padding:8px}.floating-nearby-button .map-action-button:hover{background:#a67e7eee}.ai-rating-button{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 16px}.ai-rating-button:hover{background:#357abd}.ai-rating-result{-webkit-overflow-scrolling:touch;background:#f5f5f5;border-radius:4px;font-size:14px;margin-top:8px;max-height:100px;overflow-y:auto;padding:8px;white-space:pre-wrap}.ai-rating-result::-webkit-scrollbar{width:6px}.ai-rating-result::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ai-rating-result::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.ai-rating-result::-webkit-scrollbar-thumb:hover{background:#555}.fixed-info-window{background-color:#fff;border-radius:18px;bottom:120px;display:flex;flex-direction:column;left:50%;max-height:300px;padding:15px;position:fixed;transform:translateX(-50%);width:95%;z-index:1000}.fixed-info-window-close{background:none;border:none;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.floating-filter{background-color:hsla(0,0%,100%,.906);border-radius:8px;box-shadow:0 2px 6px #0000004d;padding:5px;position:fixed;right:10px;top:80px;z-index:1000}.filter-dropdown{background-color:hsla(0,0%,100%,.891);border:none;border-radius:4px;cursor:pointer;font-size:14px;min-width:120px;outline:none;padding:8px}.filter-dropdown:hover{background-color:#f5f5f5}.filter-dropdown option{padding:8px}.floating-filter{display:flex;flex-direction:column;gap:8px}.rating-filter{margin-top:4px}.filter-dropdown{min-width:150px}.filter-label{color:#000;font-size:14px;font-weight:700;margin-right:8px;padding:5px 10px}.info-window-buttons{display:flex;gap:10px;margin-bottom:10px;margin-top:10px}.info-window-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.info-window-button:hover{background-color:#e0e0e0}.add-location-button{margin-top:10px}.floating-add-location{padding:5px}.add-location-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px;width:100%}.add-location-button:hover{background-color:#e0e0e0}.contributor-label{color:#333;font-size:14px;font-weight:500;margin-bottom:5px;padding:0 2px}.floating-add-location{background-color:hsla(0,0%,100%,.906);border-radius:8px;box-shadow:0 2px 6px #0000004d;padding:8px;position:fixed;right:10px;top:250px;width:150px;z-index:1000}.yangzemi-container{background:linear-gradient(135deg,#8b5cf6,#a855f7);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:400px;min-height:100vh;position:relative}.chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:0 0 24px 24px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.back-button,.menu-button,.search-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s}.back-button:hover,.menu-button:hover,.search-button:hover{background:#ffffff1a}.header-title{color:#fff;font-size:18px;font-weight:600;margin:0}.header-actions{display:flex;gap:8px}.profile-section{padding:0 16px 16px}.profile-info{align-items:center;display:flex;gap:8px}.profile-name{color:#fff;font-size:16px;font-weight:600}.profile-stats{color:#fffc;font-size:14px}.messages-container{display:flex;flex-direction:column;gap:16px;padding:0 16px 20px}.message{align-items:flex-start;display:flex;gap:12px}.message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0;position:relative}.message-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.artist-badge{background:#8b5cf6;border:2px solid #fff;border-radius:8px;color:#fff;font-size:10px;font-weight:600;left:-8px;padding:2px 6px;position:absolute;top:-4px}.message-content{display:flex;flex-direction:column;gap:4px;max-width:70%}.user .message-content{align-items:flex-end}.artist-name{color:#fff;font-size:12px;font-weight:600;margin-bottom:4px}.message-bubble{border-radius:18px;padding:12px 16px;position:relative}.text-message{background:#fff;color:#333;line-height:1.4}.user .text-message{background:#4dd0e1;color:#fff}.image-message{background:#333;overflow:hidden;padding:0;position:relative}.image-message img{display:block;height:120px;object-fit:cover;width:200px}.play-overlay{align-items:center;background:#00000080;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.audio-message{background:#fff;padding:12px 16px}.audio-player{gap:12px}.audio-player,.play-button{align-items:center;display:flex}.play-button{background:#8b5cf6;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;justify-content:center;width:32px}.audio-duration{color:#333;font-weight:600}.message-time{color:#ffffffb3;font-size:11px;margin-top:4px}.user .message-time{text-align:right}@media (max-width:480px){.yangzemi-container{max-width:100%}.message-content{max-width:80%}}.under-developed{align-items:center;background-color:#000;color:#fff;display:flex;height:100vh;justify-content:center;text-align:center}.under-developed h1{font-size:2rem}.payment-result{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-content{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.icon-wrapper{align-items:center;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.icon-wrapper.success{background-color:#d4edda;color:#28a745}.icon-wrapper.error{background-color:#f8d7da;color:#dc3545}.payment-content h1{color:#1a1a1a;font-size:2rem;margin-bottom:16px}.status-message{color:#666;font-size:1.1rem;margin-bottom:24px}.redirect-message{color:#888;font-size:.9rem;margin-bottom:24px}.return-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s ease}.return-button:hover{background-color:#0056b3}.payment-result.loading .status-message{animation:pulse 1.5s infinite}@media (max-width:600px){.payment-content{padding:24px}.payment-content h1{font-size:1.5rem}.icon-wrapper{font-size:30px;height:60px;width:60px}}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.dashboard-admin-dashboard{background:#1a1a1a;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:100vw;overflow:hidden;padding:10px;width:100%}.dashboard-header{flex-direction:column;gap:10px;padding:10px 0;text-align:center}.dashboard-header h1{font-size:1.2rem;margin:0}.dashboard-layout-dashboard{grid-gap:10px;box-sizing:border-box;display:grid;flex:1 1;gap:10px;grid-template-columns:70% 30%;height:calc(100vh - 80px);overflow:hidden;width:100%}.dashboard-primary-dashboard,.dashboard-secondary-dashboard{box-sizing:border-box;max-width:100%;overflow-y:auto;padding-right:10px;scrollbar-color:#404040 #1a1a1a}.dashboard-primary-dashboard::-webkit-scrollbar,.dashboard-secondary-dashboard::-webkit-scrollbar{background-color:initial;width:8px}.dashboard-primary-dashboard::-webkit-scrollbar-track,.dashboard-secondary-dashboard::-webkit-scrollbar-track{background:#0000}.dashboard-primary-dashboard::-webkit-scrollbar-thumb,.dashboard-secondary-dashboard::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s}.dashboard-primary-dashboard::-webkit-scrollbar-thumb:hover,.dashboard-secondary-dashboard::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.dashboard-primary-dashboard,.dashboard-secondary-dashboard{-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.dashboard-section-dashboard{background:#2d2d2d;border-radius:8px;box-shadow:0 2px 4px #0003;margin:0 auto 20px;padding:20px;width:100%}.section-header-dashboard{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;width:100%}.refresh-button-dashboard{background:#00ff87;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;font-weight:700;margin:0 auto;padding:8px 16px;transition:background-color .2s}.refresh-button-dashboard:hover{background:#00cc6a}.refresh-button-dashboard:disabled{background:#404040;cursor:not-allowed}.metrics-latest-dashboard{margin-bottom:2rem}.metrics-grid-dashboard{grid-gap:.3rem;box-sizing:border-box;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:.3rem 0;max-width:100%}.metric-card-dashboard{background:#2d3436;border-radius:4px;padding:.4rem}.metric-card-dashboard.clickable-dashboard{cursor:pointer}.metric-card-dashboard.clickable-dashboard:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.metric-card-dashboard.selected-dashboard{border:2px solid #00ff87}.metric-card-dashboard h4{color:#8e9eab;font-size:.65rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card-dashboard p{color:#fff;font-size:.8rem;font-weight:700;margin:.1rem 0 0}.metrics-timeseries-dashboard{display:flex;flex-direction:column;height:100%;max-height:400px}.timeseries-controls-dashboard{margin-bottom:10px;padding:5px 0}.timeseries-controls-dashboard select{background:#2d3436;border:1px solid #404040;border-radius:4px;color:#fff;font-size:.8rem;padding:4px 8px;width:200px}.chart-container-dashboard{flex:1 1;height:calc(100% - 60px);margin-top:20px;min-height:0;position:relative}.chart-container-dashboard canvas{max-height:100%!important}.chart-content-dashboard.time-series{display:flex;flex-direction:column;height:400px;overflow:hidden;padding:.5rem}.world-map-container-dashboard{background:#2d2d2d;border-radius:4px;box-sizing:border-box;height:300px;max-width:100%;min-height:300px;padding:5px;width:100%}.jvectormap-container{background-color:initial!important;border-radius:4px;height:100%!important;margin:0 auto;width:100%!important}@media (max-width:1200px){.dashboard-layout-dashboard{grid-template-columns:1fr}.dashboard-admin-dashboard,.dashboard-layout-dashboard{height:auto;overflow:visible}.dashboard-primary-dashboard,.dashboard-secondary-dashboard{height:auto;overflow:visible;padding-right:0}.metrics-grid-dashboard{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.chart-content-dashboard,.chart-wrapper-dashboard{height:auto;min-height:300px}.world-map-container-dashboard{height:250px;min-height:250px}.geographic-content-dashboard{height:auto;overflow:visible}}@media (max-width:768px){.dashboard-admin-dashboard{padding:5px}.chart-section-dashboard{margin-bottom:10px}.world-map-container-dashboard{height:200px;min-height:200px}.country-distribution-dashboard{padding:.75rem}.country-table-dashboard{font-size:.8rem}.country-table-dashboard td,.country-table-dashboard th{padding:.5rem}.metrics-timeseries-dashboard{max-height:350px}.timeseries-controls-dashboard select{max-width:200px;width:100%}}.distribution-charts-dashboard{margin:2rem 0}.charts-grid-dashboard{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:1rem 0}.chart-card-dashboard{background:#2d3436;border-radius:8px;padding:1.5rem}.chart-card-dashboard h4{color:#fff;margin:0 0 1rem;text-align:center}.chart-wrapper-dashboard{height:250px}.chart-card-dashboard,.dashboard-section-dashboard,.metric-card-dashboard,.metrics-table-dashboard,.section-header-dashboard,div,h1,h2,h3,h4,p,span{-webkit-user-select:text;user-select:text}button{-webkit-user-select:none;user-select:none}.geographic-content-dashboard{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;max-width:100%}.country-distribution-dashboard{background:#2d3436;border-radius:8px;padding:1.5rem}.country-distribution-dashboard h3{color:#fff;margin-bottom:1.5rem;text-align:center}.country-table-dashboard{margin-top:1.5rem;max-width:100%;overflow-x:auto;table-layout:fixed;width:100%}.country-table-dashboard table{border-collapse:collapse;color:#fff;width:100%}.country-table-dashboard td,.country-table-dashboard th{word-wrap:break-word;border-bottom:1px solid #404040;overflow-wrap:break-word;padding:.75rem;text-align:left}.country-table-dashboard th{background:#1a1a1a;color:#8e9eab;font-weight:700}.country-table-dashboard tr:hover{background:#363636}@media (max-width:768px){.geographic-content-dashboard{gap:1rem}.country-table-dashboard{font-size:.9rem}}.chart-section-dashboard{background:#2d3436;border-radius:8px;box-sizing:border-box;margin-bottom:.5rem;max-width:100%;overflow:hidden}.chart-header-dashboard{align-items:center;background:#1a1a1a;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem}.chart-header-dashboard h3{font-size:.8rem;margin:0}.chart-content-dashboard{box-sizing:border-box;height:300px;max-width:100%;overflow:auto;padding:.5rem}.chart-content-dashboard.collapsed{display:none}.chart-container-dashboard,.chart-content-dashboard,.chart-section-dashboard,.dashboard-primary-dashboard,.dashboard-secondary-dashboard,.geographic-content-dashboard,.metrics-grid-dashboard,.metrics-timeseries-dashboard,.world-map-container-dashboard{box-sizing:border-box;max-width:100%}.country-table-dashboard,.metrics-table-dashboard{max-width:100%;table-layout:fixed;width:100%}.country-table-dashboard td,.metrics-table-dashboard td{word-wrap:break-word;overflow-wrap:break-word}::-webkit-scrollbar{background-color:initial;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}*{-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.priority-metrics-dashboard{background:#0003;border-radius:8px;margin-bottom:2rem;padding:1rem}.metrics-grid-dashboard{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.metric-card-dashboard{background:#0000004d;gap:.5rem;padding:1rem}.metric-label-dashboard{gap:.25rem}.metric-abbreviation{font-size:1.1rem}.metric-full-name{font-size:.8rem}.metric-value-dashboard{font-size:1.5rem}.priority-metrics-grid-dashboard{grid-gap:.5rem;background:#1a1a1a;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem;padding:.75rem}.metric-card-dashboard{background:#2d2d2d;border-radius:6px;display:flex;flex-direction:column;gap:.3rem;padding:.75rem}.metric-label-dashboard{display:flex;flex-direction:column;gap:.2rem}.metric-abbreviation{color:#00ff87;font-size:.9rem;font-weight:700}.metric-full-name{color:#8e9eab;font-size:.7rem}.metric-value-dashboard{color:#fff;font-size:1.2rem;font-weight:700}.admin-password-screen{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center;min-height:100vh}.admin-password-form{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.admin-password-form h2{color:#fff;margin-bottom:1.5rem;text-align:center}.admin-password-input-container{display:flex;gap:1rem;margin-bottom:1rem}.admin-password-input-container input{background-color:#333;border:1px solid #3a3a3a;border-radius:4px;color:#fff;flex:1 1;padding:.5rem}.admin-password-input-container button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.admin-password-input-container button:hover:not(:disabled){background-color:#357abd}.admin-password-input-container button:disabled{background-color:#666;cursor:not-allowed}.admin-error-message{color:#f44;margin-top:1rem;text-align:center}:root{--dark-bg:#1a1a1a;--darker-bg:#141414;--lighter-bg:#2a2a2a;--border-color:#333;--text-primary:#fff;--text-secondary:#b3b3b3;--accent-blue:#3699ff;--accent-green:#0abb87;--accent-red:#f64e60;--accent-purple:#8950fc;--hover-bg:#2c2c2c}.debug-page-debug{background-color:#1a1a1a;background-color:var(--dark-bg);color:#fff;color:var(--text-primary);margin:0 auto;max-width:1200px;padding:20px}.debug-header-debug{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.refresh-button-debug{background-color:#3699ff;background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.refresh-button-debug:disabled{background-color:#141414;background-color:var(--darker-bg);cursor:not-allowed;opacity:.7}.error-message-debug{background-color:#f64e601a;border:1px solid #f64e60;border:1px solid var(--accent-red);border-radius:4px;color:#f64e60;color:var(--accent-red);margin-bottom:20px;padding:15px}.log-entry-debug{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.log-header-debug{border-bottom:1px solid #ddd;display:flex;gap:20px;margin-bottom:10px;padding-bottom:10px}.timestamp-debug{color:#666;font-size:.9em}.function-name-debug{color:#2196f3;font-weight:700}.model-used-debug{color:#9c27b0}.tokens-used-debug{color:#ff5722}.log-body-debug{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-section-debug,.response-section-debug{background-color:#141414;background-color:var(--darker-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;padding:15px}.input-section-debug pre,.response-section-debug pre{background-color:#2a2a2a;background-color:var(--lighter-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);font-size:.9em;margin:0;padding:10px}h4{color:#333;margin-top:0}.controls-debug{align-items:center;display:flex;gap:10px}.filter-select-debug{background-color:#141414;background-color:var(--darker-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);padding:8px}.duration-debug{color:#4caf50;font-weight:700}.log-entry-debug[data-type=audio]{border-left:4px solid #4caf50}.log-entry-debug[data-type=text]{border-left:4px solid #2196f3}.auto-refresh-button-debug{background-color:#8950fc;background-color:var(--accent-purple);border:none;border-radius:4px;color:#fff;cursor:pointer;min-width:150px;padding:8px 16px}.auto-refresh-button-debug:hover{opacity:.9}.auto-refresh-button-debug.active{animation:pulse 1s infinite;background-color:#0abb87;background-color:var(--accent-green)}.auto-refresh-button-debug.active:hover{background-color:#f4511e}.tables-container-debug{display:flex;flex-direction:column;gap:20px}.table-debugger-debug{background-color:#141414;background-color:var(--darker-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.table-header-debug{background-color:#2a2a2a;background-color:var(--lighter-bg);cursor:pointer;padding:15px;-webkit-user-select:none;user-select:none}.table-header-debug:hover{background-color:#2c2c2c;background-color:var(--hover-bg)}.table-title-debug{align-items:center;display:flex;gap:10px}.table-title-debug h2{color:#fff;color:var(--text-primary);margin:0}.expand-icon-debug{color:#3699ff;color:var(--accent-blue);font-size:12px}.record-count-debug{color:#b3b3b3;color:var(--text-secondary);font-size:.9em}.table-content-debug{background-color:#141414;background-color:var(--darker-bg);padding:15px}.table-controls-debug{align-items:center;background-color:#2a2a2a;background-color:var(--lighter-bg);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.pagination-controls-debug{align-items:center;display:flex;gap:10px}.pagination-controls-debug select{background-color:#141414;background-color:var(--darker-bg);border-radius:4px}.pagination-controls-debug button,.pagination-controls-debug select{border:1px solid #333;border:1px solid var(--border-color);color:#fff;color:var(--text-primary);padding:5px 10px}.pagination-controls-debug button{background-color:#2a2a2a;background-color:var(--lighter-bg);border-radius:4px;cursor:pointer}.pagination-controls-debug button:hover:not(:disabled){background-color:#2c2c2c;background-color:var(--hover-bg)}.pagination-controls-debug button:disabled{background-color:#141414;background-color:var(--darker-bg);color:#b3b3b3;color:var(--text-secondary);cursor:not-allowed}.table-wrapper-debug{background-color:#141414;background-color:var(--darker-bg);border-radius:4px}.data-table-debug{color:#fff;color:var(--text-primary);font-size:.9em;width:100%}.data-table-debug td,.data-table-debug th{cursor:text;padding:12px;position:relative;text-align:left;-webkit-user-select:text;user-select:text}.data-table-debug td:hover:after{background-color:#3699ff1a;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.data-table-debug td pre{background:#0000;border:none;cursor:text;margin:0;padding:0;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}.data-table-debug td.copied:after{color:#0abb87;color:var(--accent-green);content:"✓";font-size:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.data-table-debug th{background-color:#2a2a2a;background-color:var(--lighter-bg);color:#3699ff;color:var(--accent-blue);font-weight:700}.data-table-debug tr{background-color:#141414;background-color:var(--darker-bg)}.data-table-debug tr:nth-child(2n){background-color:#2a2a2a;background-color:var(--lighter-bg)}.data-table-debug tr:hover{background-color:#2c2c2c;background-color:var(--hover-bg)}.loading-debug{color:#b3b3b3;color:var(--text-secondary);padding:20px;text-align:center}.table-wrapper-debug::-webkit-scrollbar{height:8px;width:8px}.table-wrapper-debug::-webkit-scrollbar-track{background:#141414;background:var(--darker-bg)}.table-wrapper-debug::-webkit-scrollbar-thumb{background:#333;background:var(--border-color);border-radius:4px}.table-wrapper-debug::-webkit-scrollbar-thumb:hover{background:#b3b3b3;background:var(--text-secondary)}h1,h2,h3,h4{color:#fff;color:var(--text-primary)}.openai-usage-debug{background-color:#141414;background-color:var(--darker-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.usage-header-debug{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.usage-controls-debug{display:flex;gap:10px}.usage-content-debug{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.usage-section-debug{background-color:#2a2a2a;background-color:var(--lighter-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;padding:15px}.usage-section-debug h3{color:#3699ff;color:var(--accent-blue);margin-bottom:15px;margin-top:0}.usage-data-debug{display:flex;flex-direction:column;gap:15px}.usage-item-debug{background-color:#141414;background-color:var(--darker-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;padding:10px}.usage-time-debug{color:#b3b3b3;color:var(--text-secondary);font-size:.9em;margin-bottom:8px}.usage-result-debug{display:flex;flex-wrap:wrap;gap:10px}.usage-result-debug span{background-color:#2a2a2a;background-color:var(--lighter-bg);border-radius:4px;color:#0abb87;color:var(--accent-green);font-size:.9em;padding:4px 8px}.no-data-debug{background-color:#141414;background-color:var(--darker-bg);border:1px dashed #333;border:1px dashed var(--border-color);border-radius:4px;color:#b3b3b3;color:var(--text-secondary);padding:20px;text-align:center}.password-screen-debug{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.password-form-debug{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;width:100%}.password-form-debug h2{color:#333;margin:0 0 1.5rem;text-align:center}.password-input-container-debug{display:flex;gap:.5rem}.password-input-container-debug input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.password-input-container-debug button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.password-input-container-debug button:disabled{background-color:#ccc;cursor:not-allowed}.error-message-debug{color:#dc3545;margin-top:1rem;text-align:center}.cell-container-debug{min-height:24px;padding-right:24px;position:relative}.cell-content-debug{word-break:break-word}.edit-cell-button-debug{align-items:center;background-color:#3699ff;background-color:var(--accent-blue);border:none;border-radius:3px;bottom:2px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:2px;transition:opacity .2s;width:20px}.cell-container-debug:hover .edit-cell-button-debug{opacity:1}.editable-cell-container-debug{position:relative;width:100%}.editable-cell-input-debug{padding:4px 8px}.editable-cell-input-debug:focus{border-color:#8950fc;border-color:var(--accent-purple);box-shadow:0 0 0 2px #8950fc33;outline:none}.Toastify__toast{background-color:#141414!important;background-color:var(--darker-bg)!important;color:#fff!important;color:var(--text-primary)!important}.Toastify__toast--success{border-left:4px solid #0abb87!important;border-left:4px solid var(--accent-green)!important}.Toastify__toast--error{border-left:4px solid #f64e60!important;border-left:4px solid var(--accent-red)!important}.editable-cell-status-debug{border-radius:3px;font-size:.8em;padding:2px 6px;position:absolute;right:-90px;top:0;white-space:nowrap}.editable-cell-status-debug.success{background-color:#0abb87;background-color:var(--accent-green);color:#fff}.editable-cell-status-debug.error{background-color:#f64e60;background-color:var(--accent-red);color:#fff;max-width:200px;overflow:hidden;text-overflow:ellipsis}.editable-cell-loading-debug{background-color:#3699ff;background-color:var(--accent-blue);border-radius:3px;color:#fff;font-size:.8em;padding:2px 6px;position:absolute;right:-70px;top:0}.json-editor-debug{font-family:monospace;max-height:400px;min-height:100px;resize:vertical;tab-size:2;white-space:pre}.json-display-debug{margin:0;white-space:pre-wrap}.editable-cell-input-debug,.json-display-debug{color:#fff;color:var(--text-primary);font-family:monospace;font-size:.9em}.editable-cell-input-debug{background-color:#141414;background-color:var(--darker-bg);border:1px solid #3699ff;border:1px solid var(--accent-blue);border-radius:4px;padding:8px;width:100%}.cell-content-debug{max-height:200px;overflow-y:auto;padding-right:20px}.resizable-header-debug{background-color:#2a2a2a;background-color:var(--lighter-bg);font-weight:700;overflow:hidden;padding:12px 8px;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.resize-handle-debug{background-color:#333;background-color:var(--border-color);bottom:0;cursor:col-resize;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s,background-color .2s;width:4px}.resize-handle-debug:active,.resize-handle-debug:hover{background-color:#3699ff;background-color:var(--accent-blue);opacity:1}.resizable-header-debug:hover .resize-handle-debug{opacity:.5}.table-wrapper-debug{overflow-x:auto;position:relative}.data-table-debug{border-collapse:collapse;min-width:100%;table-layout:fixed;width:-webkit-max-content;width:max-content}.data-table-debug td,.data-table-debug th{border:1px solid #333;border:1px solid var(--border-color);overflow:hidden;padding:8px}.table-wrapper-debug.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.table-wrapper-debug.resizing *{cursor:col-resize}.resize-guide-debug{background-color:#3699ff;background-color:var(--accent-blue);bottom:0;pointer-events:none;position:absolute;top:0;width:2px}.table-content-debug{border-radius:0 0 8px 8px;overflow:hidden}.refer-code-panel-debug{background:var(--language-element-bg-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.refer-code-panel-debug h2{color:var(--text-black-color);margin-bottom:20px}.refer-code-form-debug{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:600px;padding:20px}.form-group-debug{display:flex;flex-direction:column;gap:5px;width:100%}.form-group-debug label{color:#fff;color:var(--text-primary);font-weight:500}.form-group-debug input,.form-group-debug select,.form-group-debug textarea{background:#141414;background:var(--darker-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);font-size:14px;padding:8px}.form-group-debug textarea{min-height:80px;resize:vertical}.submit-button-debug{background-color:#3699ff;background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:20px auto 0;padding:10px;transition:background-color .2s;width:200px}.submit-button-debug:hover{background-color:#8950fc;background-color:var(--accent-purple)}.submit-button-debug:disabled{background-color:#333;background-color:var(--border-color);cursor:not-allowed}.error-message-debug,.success-message-debug{border-radius:4px;margin-top:15px;padding:10px;text-align:center}@media (min-width:768px){.refer-code-form-debug{max-width:600px}}.debug-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px}.debug-panel-toggle{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.debug-panel-toggle.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.debug-panel-toggle:hover{background-color:#f0f0f0}.debug-panel-toggle.active:hover{background-color:#45a049}.background-overlay_new,.bottom-nav_new,.copyright_new,.header-section_new,.kyushu-app_new,.kyushu-icon_new,.kyushu-kanji_new,.kyushu-logo_new,.kyushu-romaji_new,.kyushu-section_new,.kyushu-text_new,.menu-grid_new,.menu-icon_new,.menu-item_new,.menu-label_new,.nav-icon_new,.nav-item_new,.nav-label_new,.paths-container,.recent-purchases,.saga-section,.search-button_new,.search-form_new,.search-input_new,.search-section_new{display:none!important}.saga-app{background:#f8f8f8;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.4;min-height:100vh;padding-bottom:80px}.header-top{margin-bottom:20px}.points-display{margin-top:16px}.points-card{background:linear-gradient(135deg,#ff6b35,#ff8a65);border-radius:16px;box-shadow:0 8px 24px #ff6b354d;color:#fff;overflow:hidden;padding:24px;position:relative}.points-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.points-main h2{font-size:18px;font-weight:600;margin-bottom:8px;opacity:.9}.points-value{font-size:36px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #0000001a}.points-tip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.points-tip p{font-size:14px;margin:0;opacity:.9}.search-section{background:#fff;padding:16px}.search-form{position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:16px;position:absolute;z-index:2}.search-input{background:#fafafa;border:1px solid #e5e5e5;border-radius:22px;font-size:16px;height:44px;padding:0 16px 0 48px;transition:all .2s;width:100%}.search-input:focus{background:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.search-input::placeholder{color:#999}.reward-buttons{background:#fff;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:16px}.reward-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.reward-btn:hover{background:#f1f3f4;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.reward-btn.final-reward{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border-color:#ffb74d}.reward-content{flex:1 1;text-align:left}.reward-title{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:2px}.reward-subtitle{color:#666;display:block;font-size:12px;font-weight:400}.btn-secondary{background:#ff6b35;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-secondary:hover{background:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.paths-container{background:#fff;margin-top:8px;padding:16px}.paths-grid{display:flex;flex-direction:column;gap:16px}.path-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #00000014;cursor:pointer;overflow:hidden;transition:all .3s ease}.path-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.path-image{height:160px;overflow:hidden;position:relative}.path-image img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.path-card:hover .path-image img{transform:scale(1.02)}.path-overlay{align-items:flex-start;background:linear-gradient(180deg,#0000001a 0,#0000 50%);bottom:0;display:flex;justify-content:space-between;left:0;padding:12px;position:absolute;right:0;top:0}.path-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:12px;color:#ff6b35;font-size:12px;font-weight:600;padding:4px 8px}.path-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;height:40px;justify-content:center;width:40px}.path-content{padding:20px}.path-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.path-title{flex:1 1}.path-header h3{color:#333;font-size:18px;font-weight:600;margin:0 0 4px}.path-subtitle{color:#999;font-size:12px;font-weight:400;margin:0}.path-points{background:#f5f5f5;border-radius:12px;color:#666;font-size:14px;font-weight:500;padding:4px 12px;white-space:nowrap}.path-description{color:#666;font-size:13px;line-height:1.4;margin:8px 0}.path-stats{align-items:center;display:flex;margin-bottom:12px}.participants{background:#f5f5f5;border-radius:10px;color:#999;font-size:12px;padding:2px 8px}.path-progress{background:#f0f0f0;border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden;width:100%}.progress-bar{border-radius:3px;height:100%;transition:width .5s ease}.path-rewards{display:flex;gap:12px}.reward-milestone{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#666;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .3s}.reward-milestone.unlocked{background:#ff6b351a;border-color:#ff6b3533;color:#ff6b35}.reward-icon,.reward-info{align-items:center;display:flex}.reward-info{flex-direction:column;gap:2px}.reward-points{font-size:11px;font-weight:600}.reward-value{color:#666;font-size:10px}.recent-purchases{background:#fff;margin-top:8px;padding:16px}.section-title{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.purchases-list{display:flex;flex-direction:column;gap:12px}.purchase-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s}.purchase-item:hover{background:#f1f3f4;transform:translateY(-1px)}.purchase-image{border-radius:8px;display:block;flex-shrink:0;height:48px;object-fit:cover;width:48px}.purchase-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.purchase-details{flex:1 1}.purchase-name{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:2px}.purchase-merchant{color:#999;display:block;font-size:12px}.purchase-value{text-align:right}.purchase-price{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.purchase-points{color:#ff6b35;display:block;font-size:12px;font-weight:600}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.product-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:90vw;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-title{flex:1 1}.modal-title h2{color:#333;font-size:20px;font-weight:600;margin:0 0 4px}.modal-title p{color:#666;font-size:14px;font-weight:400;margin:0}.close-btn{background:none;border:none;border-radius:8px;cursor:pointer;margin-left:16px;padding:8px;transition:background .2s}.close-btn:hover{background:#f5f5f5}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:24px}.product-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;overflow:hidden;transition:all .3s}.product-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.product-image{height:160px;overflow:hidden;position:relative}.product-image img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.product-card:hover .product-image img{transform:scale(1.02)}.stock-badge{animation:pulse 2s infinite;background:#ff4757;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.product-info{padding:16px}.product-header{margin-bottom:8px}.product-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.product-subtitle{color:#999;font-size:12px;font-weight:400;margin:0}.product-rating{align-items:center;display:flex;gap:8px;margin-bottom:8px}.stars{display:flex;gap:2px}.star{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.rating-text{color:#666;font-size:12px}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{background:#f0f8ff;border:1px solid #e0f4f3;border-radius:8px;color:#4ecdc4;font-size:11px;font-weight:500;padding:2px 6px}.product-merchant{margin-bottom:12px}.product-merchant span{color:#999;font-size:12px}.product-price{justify-content:space-between;margin-bottom:16px}.price-info,.product-price{align-items:center;display:flex}.price-info{gap:8px}.price{color:#ff6b35;font-size:18px;font-weight:600}.original-price{color:#999;font-size:14px;text-decoration:line-through}.points{background:#f5f5f5;border-radius:8px;color:#666;font-size:14px;padding:4px 8px}.purchase-btn{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:44px;transition:all .2s;width:100%}.purchase-btn:hover:not(:disabled){background:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.purchase-btn.purchased{background:#28a745;cursor:not-allowed}.purchase-btn:disabled{cursor:not-allowed;opacity:.6}.nav-item:hover{background:#f8f9fa}.nav-icon,.nav-label{color:#999}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#ff6b35}@media (max-width:768px){.products-grid{grid-template-columns:1fr;padding:16px}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.product-modal{border-radius:20px 20px 0 0;margin:0;max-height:90vh}.product-tags{margin-bottom:6px}.tag{font-size:10px;padding:1px 4px}.path-description{font-size:12px}.reward-title{font-size:13px}.reward-subtitle{font-size:11px}.path-header{align-items:flex-start}.reward-milestone{font-size:11px;padding:6px 10px}}@media (min-width:769px){.saga-app{box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:480px}.bottom-nav{left:50%;max-width:480px;transform:translateX(-50%)}}@media (hover:none) and (pointer:coarse){.path-card:active{transform:scale(.98)}.nav-item:active{transform:scale(.95)}.purchase-btn:active:not(:disabled){transform:scale(.98)}.btn-secondary:active{transform:scale(.95)}.reward-btn:active{transform:scale(.98)}}.saga-app{padding-bottom:90px}.product-modal::-webkit-scrollbar{width:6px}.product-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.product-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.product-modal::-webkit-scrollbar-thumb:hover{background:#bbb}.group-buying-app{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.4;min-height:100vh;padding-bottom:90px;position:relative}.group-buying-app:before{background:radial-gradient(circle at 20% 80%,#ff6b351a 0,#0000 50%),radial-gradient(circle at 80% 20%,#4ecdc41a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;padding:20px}.location-selector{background:linear-gradient(135deg,#fff5f0,#ffe8d6);background-clip:padding-box;border:2px solid #0000;border-radius:25px;box-shadow:0 4px 15px #ff6b3526,inset 0 1px 0 #fff3;gap:8px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.location-selector:hover{background:linear-gradient(135deg,#ffede0,#ffd4b3);box-shadow:0 8px 25px #ff6b3540,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.location-icon{filter:drop-shadow(0 1px 2px rgba(255,107,53,.2))}.location-text{font-weight:600;text-shadow:0 1px 2px #ff6b351a}.user-profile{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:25px;box-shadow:0 4px 15px #00000014,inset 0 1px 0 #ffffff80;gap:8px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 8px 25px #0000001f,inset 0 1px 0 #fff9;transform:translateY(-2px)}.user-profile span{color:#495057;font-weight:500}.profile-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.main-content{padding:16px 0}.category-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000d,inset 0 1px 0 #ffffff4d;margin:0 16px 20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-section:hover{box-shadow:0 25px 50px #00000026,0 12px 20px #00000014,inset 0 1px 0 #fff6;transform:translateY(-4px)}.category-header{background:linear-gradient(135deg,#ff6b35,#ff8a65 50%,#ffb74d);padding:20px 24px 16px;position:relative}.category-title{color:#fff!important;display:block;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0;opacity:1;position:relative;text-shadow:0 2px 4px #0003;z-index:10}.category-items{padding:0}.group-item{border-bottom:1px solid #0000000d;cursor:pointer;display:flex;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-item:before{background:linear-gradient(180deg,#ff6b35,#ff8a65);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.group-item:hover{background:linear-gradient(135deg,#ff6b3505,#4ecdc405);transform:translateX(8px)}.group-item:hover:before{transform:scaleY(1)}.group-item:last-child{border-bottom:none}.item-image{border-radius:16px;box-shadow:0 8px 25px #00000026,0 3px 8px #0000001a;flex-shrink:0;height:70px;margin-right:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:90px}.group-item:hover .item-image{box-shadow:0 12px 35px #0003,0 5px 12px #00000026;transform:scale(1.05)}.item-image img{display:block;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.group-item:hover .item-image img{transform:scale(1.1)}.item-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b35,#ff4757);border-radius:12px;box-shadow:0 4px 12px #ff475766,inset 0 1px 0 #fff3;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;position:absolute;right:6px;text-shadow:0 1px 2px #0003;top:6px}.item-content{flex:1 1;flex-direction:column}.item-content,.item-header{display:flex;justify-content:space-between}.item-header{align-items:flex-start;margin-bottom:8px}.item-name{color:#2d3748;flex:1 1;font-size:16px;font-weight:700;line-height:1.3;margin:0;text-shadow:0 1px 2px #0000000d}.item-prices{margin-left:16px;text-align:right}.location-price{color:#a0aec0;font-size:12px;font-weight:500;margin-bottom:4px;text-decoration:line-through}.current-price{color:#ff6b35;font-size:16px;font-weight:700;text-shadow:0 1px 2px #ff6b3533}.item-description{color:#718096;font-size:13px;font-weight:500;line-height:1.4;margin:8px 0}.item-stats{align-items:center;color:#a0aec0;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.participants{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:1px solid #38b2ac33;border-radius:12px;box-shadow:0 2px 8px #38b2ac26,inset 0 1px 0 #ffffff80;color:#38b2ac;font-weight:600;padding:4px 10px}.time-left{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-radius:8px;color:#e53e3e;font-weight:700;padding:4px 8px;text-shadow:0 1px 2px #e53e3e33}.more-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-top:1px solid #0000000d;padding:20px 24px;text-align:center}.more-btn{background:linear-gradient(135deg,#fff,#f7fafc);border:2px solid #e2e8f0;border-radius:25px;box-shadow:0 4px 12px #00000014,inset 0 1px 0 #fffc;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.more-btn:hover{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-color:#cbd5e0;box-shadow:0 8px 20px #0000001f,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.app-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;border-top:1px solid #0000000d;box-shadow:0 8px 25px #0000001a,inset 0 1px 0 #ffffff4d;margin:20px 16px 0;padding:16px 24px;text-align:center}.footer-text{color:#718096;font-size:13px;font-weight:500;letter-spacing:.5px}.bottom-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#3c3c3c;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:space-around;left:0;padding:12px 0 max(env(safe-area-inset-bottom),12px);position:fixed;right:0;z-index:999}.bottom-nav:before{background:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.nav-item{border-radius:20px;min-width:70px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.nav-item:hover{background:#ffffff26;box-shadow:0 8px 20px #ff6b354d,inset 0 1px 0 #fff3;transform:translateY(-2px)}.nav-icon{color:#fffc;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));margin-bottom:6px}.nav-icon,.nav-label{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-label{color:#fff;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #0003}.nav-item.active{background:#fff3;box-shadow:0 4px 15px #ff6b3566,inset 0 1px 0 #ffffff4d}.nav-item.active .nav-icon,.nav-item.active .nav-label{text-shadow:0 2px 4px #0000004d}.nav-item:hover .nav-icon,.nav-item:hover .nav-label{transform:scale(1.05)}@media (max-width:768px){.app-header{padding:16px}.category-section{border-radius:16px;margin:0 12px 16px}.category-header{padding:16px 20px 12px}.category-title{font-size:16px}.group-item{padding:16px 20px}.item-image{border-radius:12px;height:60px;margin-right:12px;width:80px}.item-header{align-items:flex-start}.item-name{font-size:14px}.current-price,.item-description,.location-price{font-size:12px}.item-stats{font-size:11px}.more-section{padding:16px 20px}.app-footer{margin:16px 12px 0;padding:12px 20px}}@media (min-width:769px){.group-buying-app{box-shadow:0 0 60px #00000026,0 0 20px #0000001a;margin:0 auto;max-width:480px}.bottom-nav{left:50%;max-width:480px;transform:translateX(-50%)}}@media (hover:none) and (pointer:coarse){.group-item:active{transform:scale(.98)}.more-btn:active,.nav-item:active{transform:scale(.95)}.location-selector:active,.user-profile:active{transform:scale(.98)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.item-badge{animation:none!important}}.group-buying-app{padding-bottom:100px}.group-buying-app::-webkit-scrollbar{width:8px}.group-buying-app::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.group-buying-app::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b35,#ff8a65);border-radius:4px;box-shadow:inset 0 1px 0 #fff3}.group-buying-app::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e55a2b,#ff7043)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-section{animation:fadeInUp .6s ease-out forwards}.category-section:first-child{animation-delay:.1s}.category-section:nth-child(2){animation-delay:.2s}.category-section:nth-child(3){animation-delay:.3s}.category-header h2.category-title,h2.category-title{color:#fff!important;display:block!important;font-size:18px!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1.2!important;margin:0!important;opacity:1!important;padding:0!important;position:relative!important;text-shadow:0 2px 4px #00000080!important;visibility:visible!important;z-index:999!important}*{box-sizing:border-box;margin:0;padding:0}.payment-app{background:#f8f8f8;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.4;min-height:100vh;padding-bottom:80px}.app-header{background:#fff;box-shadow:0 2px 8px #0000000f;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-top{justify-content:space-between}.header-top,.location-selector{align-items:center;display:flex}.location-selector{background:#fff5f0;border:1px solid #ffe0d6;border-radius:20px;cursor:pointer;gap:6px;padding:8px 12px;transition:all .2s}.location-selector:hover{background:#ffede0;transform:translateY(-1px)}.location-icon{align-items:center;display:flex}.location-text{color:#ff6b35;font-size:14px;font-weight:500}.user-profile{align-items:center;background:#f5f5f5;border-radius:20px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.user-profile:hover{background:#ebebeb;transform:translateY(-1px)}.user-profile span{color:#666;font-size:14px}.profile-icon{align-items:center;display:flex}.cash-card-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin:8px 16px;padding:20px}.card-title{font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.cash-card{background:#fff;border:2px solid #ff6b35;border-radius:12px;box-shadow:0 4px 16px #ff6b3526;margin-bottom:20px;overflow:hidden}.card-background{overflow:hidden;position:relative;width:100%}.card-image{border-radius:10px 10px 0 0;display:block;height:auto;max-height:none;min-height:180px;object-fit:contain;object-position:center;width:100%}.card-background:before{content:"";display:block;padding-bottom:56.25%}.card-background .card-image{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.card-overlay{align-items:center;background:linear-gradient(135deg,#ff6b3533,#ff8a6533);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.card-content{color:#fff;position:relative;text-align:center;z-index:2}.card-face-label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:20px;font-size:20px;font-weight:600;padding:8px 16px;text-shadow:0 2px 4px #00000080}.balance-section{align-items:center;background:#fff;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:center;padding:16px 20px}.balance-label{color:#666;font-size:16px;font-weight:500}.balance-amount{color:#ff6b35;font-size:24px;font-weight:700}.stay-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:16px}.stay-duration{align-items:center;display:flex;gap:8px;margin-bottom:12px}.duration-label{color:#333;font-size:16px;font-weight:500}.duration-value{color:#ff6b35;font-size:18px;font-weight:700}.discount-info{color:#666;font-size:14px;line-height:1.5}.discount-text{display:block;font-size:12px;margin-bottom:4px}.action-buttons{flex-direction:column;margin-bottom:20px}.action-buttons,.action-row{display:flex;gap:12px}.action-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:80px;padding:16px 12px;transition:all .2s}.action-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.recharge-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.scan-btn{background:linear-gradient(135deg,#45b7d1,#2196f3)}.withdraw-btn{background:linear-gradient(135deg,#96ceb4,#ffeaa7);color:#333}.moree-btn{background:linear-gradient(135deg,#a8a8a8,#7f7f7f)}.action-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.status-bar{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-size:14px;padding:12px;text-align:center}.nav-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-width:60px;padding:8px 16px;transition:all .2s}.nav-item:hover{background:#ffffff1a}.nav-icon{margin-bottom:4px}.nav-icon,.nav-label{color:#ffffffb3;transition:color .2s}.nav-label{font-size:12px;font-weight:500}.nav-item.active .nav-icon,.nav-item.active .nav-label,.nav-item:hover .nav-icon,.nav-item:hover .nav-label{color:#fff}@media (max-width:768px){.cash-card-section{margin:8px;padding:16px}.card-title{font-size:16px}.balance-amount{font-size:20px}.action-btn{font-size:12px;min-height:70px;padding:12px 8px}.action-icon{height:28px;width:28px}.card-background:before{padding-bottom:60%}}@media (min-width:769px){.payment-app{box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:480px}.bottom-nav{left:50%;max-width:480px;transform:translateX(-50%)}.card-background:before{padding-bottom:56.25%}}.card-image{transition:opacity .3s ease}.card-image:not([src]){opacity:0}.card-image[src]{opacity:1}@media (hover:none) and (pointer:coarse){.action-btn:active{transform:scale(.98)}.nav-item:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.payment-app{padding-bottom:90px}.payment-app::-webkit-scrollbar{width:6px}.payment-app::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.payment-app::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.payment-app::-webkit-scrollbar-thumb:hover{background:#bbb}.interview-page{background:#f5f5f5;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.vue-container{min-height:100vh;width:100%}.interview-nav-btn{background:#fff;border:2px solid #4ade80;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;position:fixed;transition:all .3s ease;z-index:1000}.interview-nav-btn:hover{box-shadow:0 6px 16px #4ade804d;transform:translateY(-2px)}.interview-nav-btn:active{transform:translateY(0)}.nav-to-tech-btn{border-color:#06b6d4;left:2rem;top:2rem}.nav-to-tech-btn:hover{background:#06b6d4;box-shadow:0 6px 16px #06b6d44d;color:#fff;transform:translateX(-4px)}.language-toggle-interview-btn{border-color:#4ade80;right:2rem;top:2rem}.language-toggle-interview-btn:hover{background:#4ade80;box-shadow:0 6px 16px #4ade804d;color:#fff}@media (max-width:768px){.interview-nav-btn{font-size:.8rem;padding:.5rem 1rem;top:1rem}.nav-to-tech-btn{left:1rem}.language-toggle-interview-btn{right:1rem}}.vital-signs-dashboard{background:#f5f5f5;box-sizing:border-box;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:1rem;width:100%}.dashboard-header{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.header-content{flex:1 1;min-width:300px}.dashboard-title{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 .25rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.session-info{color:#666;display:flex;font-size:.85rem;gap:1rem}.session-duration{background:#f0f0f0;color:#333;font-family:Courier New,monospace;font-size:.95rem}.monitoring-status,.session-duration{border-radius:4px;font-weight:600;padding:.25rem .75rem}.monitoring-status{font-size:.8rem;transition:all .3s ease}.monitoring-status.active{background:#4ade80;color:#fff}.monitoring-status.paused{background:#fbbf24;color:#fff}.header-controls{display:flex;gap:1rem}.control-button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.control-button:hover{background:#f9f9f9;border-color:#999}.control-button:active{transform:scale(.98)}.control-button.reset{background:#e0e0e0;border-color:#ccc}.control-button.reset:hover{background:#d0d0d0}.metrics-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 auto;max-width:100%}.metric-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;min-height:220px;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.metric-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card:hover{border-color:#ccc;box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.card-header{align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.card-icon{align-items:center;background:#f0f0f0;border-radius:6px;color:#666;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:800;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.card-title{font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.card-subtitle{color:#999;font-size:.7rem;margin:.15rem 0 0}.card-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;position:relative}.metric-main{align-items:baseline;display:flex;gap:.35rem;margin-bottom:.5rem}.metric-value{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.25rem;font-weight:700;line-height:1;transition:all .2s ease}.metric-unit{color:#666;font-size:.9rem;font-weight:600}.status-badge{align-self:flex-start;border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-top:auto;padding:.35rem .75rem;text-transform:uppercase;transition:all .2s ease}.d3-chart-container{background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;height:60px;margin-top:.5rem;overflow:hidden;position:relative;width:100%}.d3-chart-container svg{display:block;will-change:transform}.d3-chart-container .line{stroke-linejoin:round;stroke-linecap:round;will-change:d}.d3-chart-container .area{opacity:.6;will-change:d}.d3-chart-container *{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.progress-ring{display:none;justify-content:center;margin-top:.5rem}.progress-circle{transition:stroke-dashoffset .3s ease}.status-card{grid-column:span 2;min-height:auto}.status-summary{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:.75rem}.summary-item{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem;transition:all .2s ease}.summary-item:hover{background:#f0f0f0;border-color:#ccc}.summary-label{color:#666;font-size:.75rem;font-weight:600}.summary-value{font-size:.85rem;font-weight:700}.overall-indicator{background:#e8f5e9;border:2px solid #4ade80;border-radius:4px;gap:.75rem;padding:.75rem}.indicator-ring,.overall-indicator{align-items:center;display:flex;justify-content:center}.indicator-ring{height:12px;position:relative;width:12px}.indicator-pulse{animation:indicator-pulse 2s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80;height:12px;width:12px}.indicator-pulse:before{animation:ring-pulse 2s ease-in-out infinite;border:2px solid #4ade80;border-radius:50%;content:"";inset:-8px;position:absolute}@keyframes indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes ring-pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.indicator-text{color:#2d7a3e;font-size:.85rem;font-weight:700}.eda-card:before{background:#f87171}.alpha-card:before{background:#a78bfa}.temp-card:before{background:#fbbf24}.hr-card:before{background:#ec4899}.o2-card:before{background:#06b6d4}.status-card:before{background:#4ade80}.eda-card .card-icon{background:#f871711a;color:#dc2626}.alpha-card .card-icon{background:#a78bfa1a;color:#7c3aed}.temp-card .card-icon{background:#fbbf241a;color:#d97706}.hr-card .card-icon{background:#ec48991a;color:#db2777}.o2-card .card-icon{background:#06b6d41a;color:#0891b2;font-size:.8rem}.status-card .card-icon{background:#4ade801a;color:#16a34a;font-size:1.4rem}@media (max-width:768px){.vital-signs-dashboard{padding:.75rem}.dashboard-header{padding:.75rem 1rem}.dashboard-title{font-size:1.25rem}.metrics-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.metric-value{font-size:1.75rem}.header-controls{justify-content:stretch;width:100%}.control-button{flex:1 1;font-size:.75rem;padding:.5rem 1rem}.status-card{grid-column:span 2}}.vital-signs-dashboard::-webkit-scrollbar{width:8px}.vital-signs-dashboard::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.vital-signs-dashboard::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.vital-signs-dashboard::-webkit-scrollbar-thumb:hover{background:#999}.metric-card:after{color:#999;content:attr(data-room);font-size:.7rem;font-weight:600;position:absolute;right:.5rem;top:.5rem}.interview-tech-page{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.language-toggle-btn{background:#fff;border:2px solid #4ade80;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;position:fixed;right:2rem;top:2rem;transition:all .3s ease;z-index:1000}.language-toggle-btn:hover{background:#4ade80;box-shadow:0 6px 16px #4ade804d;color:#fff;transform:translateY(-2px)}.language-toggle-btn:active{transform:translateY(0)}.nav-to-interview-btn{background:#fff;border:2px solid #06b6d4;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;font-size:.9rem;font-weight:700;left:2rem;padding:.75rem 1.5rem;position:fixed;top:2rem;transition:all .3s ease;z-index:1000}.nav-to-interview-btn:hover{background:#06b6d4;box-shadow:0 6px 16px #06b6d44d;color:#fff;transform:translateX(-4px)}.nav-to-interview-btn:active{transform:translateX(0)}.tech-content-container{margin:0 auto;max-width:1200px;padding-top:3rem}.page-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.cards-container{display:flex;flex-direction:column;gap:1rem}.tech-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden;transition:all .3s ease}.tech-card:hover{border-color:#4ade80;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:relative;transition:background .2s ease}.card-header:before{background:linear-gradient(90deg,#4ade80,#06b6d4);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tech-card:hover .card-header:before{opacity:1}.card-header:hover{background:#f9f9f9}.card-title-section{flex:1 1}.card-title{color:#333;font-size:1.25rem;font-weight:700;margin:0}.card-subtitle{color:#666;font-size:.9rem;margin:.25rem 0 0}.expand-icon{align-items:center;background:#f0f0f0;border-radius:6px;color:#666;display:flex;font-size:1.5rem;font-weight:700;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.tech-card.expanded .expand-icon{background:#4ade80;color:#fff}.card-body{animation:expandCard .3s ease-out;color:#333;padding:0 1.5rem 1.5rem;transform-origin:top}@keyframes expandCard{0%{opacity:0;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}.markdown-content{color:#444;font-size:.95rem;line-height:1.9}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:#222;font-weight:700;line-height:1.4;margin-bottom:.75rem;margin-top:1.5rem}.markdown-content h1{border-bottom:2px solid #4ade80;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.markdown-content h2{border-left:4px solid #4ade80;color:#2d7a3e;font-size:1.25rem;padding-left:.5rem}.markdown-content h3{border-left:3px solid #06b6d4;color:#0891b2;font-size:1.1rem;padding-left:.5rem}.markdown-content h4{color:#555;font-size:1rem;font-weight:600}.markdown-content>h1:first-child,.markdown-content>h2:first-child,.markdown-content>h3:first-child{margin-top:0}.markdown-content p{color:#555;line-height:1.9;margin:1rem 0}.markdown-content p+p{margin-top:1.25rem}.markdown-content ol,.markdown-content ul{margin:1rem 0;padding-left:2.5rem}.markdown-content li{color:#555;line-height:1.8;margin:.75rem 0;padding-left:.5rem}.markdown-content ul li{position:relative}.markdown-content ul li::marker{color:#4ade80;font-weight:700}.markdown-content ol li::marker{color:#06b6d4;font-weight:700}.markdown-content ol ol,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ul ul{margin:.5rem 0;padding-left:2rem}.markdown-content code{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;color:#d73a49;font-family:Courier New,monospace;font-size:.88em;padding:.25rem .6rem}.markdown-content pre{background:#f6f8fa;border:1px solid #e0e0e0;border-radius:8px;line-height:1.6;margin:1.25rem 0;overflow-x:auto;padding:1.25rem}.markdown-content pre code{background:none;border:none;color:#333;padding:0}.markdown-content strong{color:#222;font-weight:700}.markdown-content em{color:#666;font-style:italic}.markdown-content blockquote{background:#f9f9f9;border-left:4px solid #4ade80;color:#555;margin:1.25rem 0;padding:1rem 1.25rem}.markdown-content blockquote p{margin:.5rem 0}.markdown-content hr{border:none;border-top:2px solid #e0e0e0;margin:2rem 0}.markdown-content a{color:#06b6d4;font-weight:500;text-decoration:none;transition:color .2s ease}.markdown-content a:hover{color:#0891b2;text-decoration:underline}.markdown-content p:has(strong){color:#333;font-weight:600;margin-top:1.5rem}.markdown-content:lang(ja){line-height:2}.markdown-content>*+*{margin-top:1rem}.markdown-content>h2+*,.markdown-content>h3+*{margin-top:.75rem}.markdown-content p:not(:first-of-type){text-indent:0}.markdown-content table{border-collapse:collapse;margin:1.25rem 0;width:100%}.markdown-content td,.markdown-content th{border:1px solid #e0e0e0;padding:.75rem;text-align:left}.markdown-content th{background:#f5f5f5;color:#333;font-weight:700}.markdown-content tr:hover{background:#f9f9f9}@media (max-width:768px){.interview-tech-page{padding:1rem}.language-toggle-btn{right:1rem}.language-toggle-btn,.nav-to-interview-btn{font-size:.8rem;padding:.5rem 1rem;top:1rem}.nav-to-interview-btn{left:1rem}.tech-content-container{padding-top:4rem}.page-title{font-size:1.75rem;margin-bottom:1.5rem}.card-title{font-size:1.1rem}.card-subtitle{font-size:.8rem}.card-header{padding:1rem}.card-body{padding:0 1rem 1rem}}*{transition-timing-function:ease}.interview-tech-page::-webkit-scrollbar{width:8px}.interview-tech-page::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.interview-tech-page::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.interview-tech-page::-webkit-scrollbar-thumb:hover{background:#999}