body{font-family:sans-serif;margin:0;padding:0;background-color:#fff;color:#333}#initial-interaction-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100000;transition:opacity .5s ease-out}#start-interaction-btn{width:180px;height:180px;border-radius:50%;background:url(../img/poketai-150x150-op.jpg) center center no-repeat;background-color:#fff;color:#000;text-shadow:0 0 10px white;font-size:20px;font-weight:700;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 15px #007bffb3;transition:background-color .3s ease}#start-interaction-btn:hover{box-shadow:0 0 25px 10px #ff0c}#logo-link{position:absolute;top:0;left:0;z-index:2}#logo{height:150px;width:auto}#hero{position:relative;height:100vh;width:100%;overflow:hidden;max-width:600px;margin-left:auto;margin-right:auto}#videoContainer1{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}video#myVideo1{width:100%;height:100%;display:block}#settings-controls{position:relative;text-align:center;margin-top:20px;margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:5px}h2#chatInterfaceTitle{display:none}#chat-interface{position:absolute;height:420px;bottom:20px;left:50%;transform:translate(-50%);width:100%;z-index:5;max-width:600px;box-sizing:border-box;border:1px solid #ddd;background:#ffffff80;border-radius:30px 30px 5px 5px;padding:15px;box-shadow:0 -2px 10px #0003}.chat-fullscreen-button{position:absolute;top:25px;right:40px;width:40px;height:40px;padding:0;background-color:transparent;border:none;cursor:pointer;z-index:10;opacity:.7;transition:opacity .2s ease;box-shadow:none}.chat-fullscreen-button:hover{opacity:1}.chat-fullscreen-button svg{width:100%;height:100%;fill:#333}body.chat-is-fullscreen{overflow:hidden}#chat-interface.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:none;border-radius:0;bottom:auto;transform:none;z-index:9999}#chat-interface.fullscreen #chat-history{height:calc(100% - 120px)}#chat-interface.fullscreen~#logo{height:80px;width:auto}.container{position:relative;z-index:2;background-color:#fff;width:100%;max-width:600px;margin-left:auto;margin-right:auto}h1,h2{color:#007bff;text-align:center}#user-setup{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:5px}#name-section{margin-bottom:15px;text-align:center}input[type=text]{padding:10px;margin:10px;border:1px solid #ccc;border-radius:4px;width:calc(100% - 160px);font-size:24px}button{background-color:#42eebc;border:3px solid #193984;border-radius:20px;color:#193984;font-weight:700;font-size:16px;padding:12px 24px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}button:hover{opacity:.8}#videoFeed,#canvas,#storedUserImage{display:block;margin:10px auto;border:1px solid #ccc}#storedUserImage,#chatUserAvatar{border:2px solid #007bff}#chat-history{height:250px;border:1px solid #ccc;padding:10px;margin-bottom:10px;overflow-y:auto;background-color:#f9f9f950}.user-message,.ai-message{padding:8px;margin-bottom:5px;border-radius:4px;word-wrap:break-word;max-width:70%}.user-message{background-color:#e1f5fe;text-align:right;margin-left:auto}.ai-message{background-color:#e8eaf6;text-align:left;margin-right:auto}.message-wrapper{margin-bottom:10px;max-width:80%;padding:0;border-radius:8px}.message-content{padding:8px 12px;border-radius:8px;word-wrap:break-word;line-height:1.4}.user-message-wrapper{margin-left:auto}.user-message-wrapper .message-content{background-color:#e1f5fe;text-align:left}.ai-message-wrapper{margin-right:auto}.ai-message-wrapper .message-content{background-color:#e8eaf6;text-align:left}.message-actions{margin-top:5px;font-size:.85em;opacity:.3;transition:opacity .2s ease-in-out}.message-wrapper:hover .message-actions{opacity:.6}.message-action-button{margin-left:0;margin-right:8px;padding:6px 8px;font-size:.9em;line-height:1;border:1px solid #6a737d;color:#c9d1d9;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.user-message-wrapper .message-actions{text-align:right}.ai-message-wrapper .message-actions{text-align:left}.ai-suggestion-wrapper .message-content{background-color:#fffbeb;color:#744210;border:1px solid #fcefc7;border-radius:8px;padding:10px 15px;margin:5px 0;max-width:90%}.ai-suggestion-wrapper{display:flex;justify-content:center;margin:10px 0}#chat-input-area{display:flex}#chat-input-area input[type=text]{flex-grow:1}#micBtn{background-color:#fee662;margin-left:5px}#micBtn:hover{transition:opacity .2s ease-in-out}#micBtn svg{width:24px;height:24px;transition:transform .2s ease}#micBtn.recording{animation:pulse-record 1.5s ease-in-out infinite}@keyframes pulse-record{0%{box-shadow:0 0 #ff4136b3}70%{box-shadow:0 0 0 10px #ff413600}to{box-shadow:0 0 #ff413600}}#micBtn.interrupt svg{width:30px;height:30px}#micBtn.interrupt:hover svg{transform:scale(1.1)}body.is-android #micBtn svg{width:30px;height:30px}body.is-android #micBtn.recording svg,body.is-android #micBtn.interrupt svg{width:24px;height:24px}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 20px #dc354500}to{box-shadow:0 0 #dc354500}}#stt-status{margin-top:5px;color:#555;min-height:1.2em}#videoFeed.mirrored{transform:scaleX(-1)}#localStorageUsageSection h3{margin-top:0;margin-bottom:10px;color:#193984;text-align:center;font-size:1.1em}.options-panel{margin-top:20px;padding:15px;border:1px solid #444;border-radius:5px}.options-panel h3{margin-top:0;color:#193984;text-align:center;margin-bottom:15px}.option-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;border-bottom:1px solid #3a3a3a}.option-item:last-child{border-bottom:none}.option-item{color:#193984;margin-right:10px}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px;border:3px solid #193984}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#8d50f6}input:checked+.toggle-slider:before{transform:translate(24px)}.overlay-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffd9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:10px}.overlay-spinner .spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1.5s linear infinite;margin-bottom:15px}.overlay-spinner p{font-size:1.1em;color:#333;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#user-management-section{padding:15px;border-radius:5px;margin-bottom:15px;text-align:center;border:1px solid #444}#user-management-section h3{color:#193984;margin-top:0;margin-bottom:20px}#edit-name-subsection,#edit-photo-subsection{margin-bottom:15px}#edit-name-subsection label{margin-right:10px}#editUserNameInput{width:calc(100% - 220px);max-width:250px;margin-right:10px}#currentUserAvatarManagment{display:block}#camera-section{position:absolute;height:420px;bottom:20px;left:50%;transform:translate(-50%);width:100%;z-index:10;max-width:600px;box-sizing:border-box;border:1px solid #ddd;background:#fffffff2;border-radius:10px;padding:15px;box-shadow:0 -2px 10px #0003}.name-prompt-overlay{background-color:#fff3cd;color:#856404;padding:10px 15px;border:1px solid #ffeeba;border-radius:5px;text-align:center;margin-bottom:10px;font-size:.95em}#initial-interaction-overlay>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px}#overlay-reason-text{color:#fff;font-weight:700;margin-top:15px;text-align:center;max-width:90%}#pre-analysis-feedback-icons{position:fixed;top:20px;right:20px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.feedback-icon{font-size:50px;padding:8px;opacity:.3;transition:opacity .5s ease-in-out;pointer-events:none}.feedback-icon.visible{opacity:1;pointer-events:auto}.feedback-icon.pulsating-icon{animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#bbb}::-webkit-scrollbar-button{background-color:#fff;height:12px;width:12px}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="8" width="8" xmlns="http://www.w3.org/2000/svg"><polygon points="0,8 4,0 8,8"/></svg>');background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="8" width="8" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 4,8 8,0"/></svg>');background-repeat:no-repeat;background-position:center}@media (max-width: 767px){#chat-interface{bottom:80px}#chat-interface.fullscreen #chat-history{height:calc(100% - 220px)}#logo{height:80px;width:auto;margin:5px}.framed #chat-interface{bottom:80px}}