body{margin:0;background:#0f0f0f;font-family:Segoe UI,sans-serif;overflow:hidden;color:#fff}#waveCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}#ui{position:absolute;bottom:calc(4% + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:10;display:flex;flex-direction:column;gap:10px}#chat-log{max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:15px;background:#00000080;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);scroll-behavior:smooth}.chat-message{position:relative;display:inline-block;padding:16px;border-radius:12px;text-align:left;font-size:16px;font-weight:400;line-height:1.5;margin:10px 20px;max-width:85%;white-space:pre-wrap;word-wrap:break-word}.user-message{align-self:flex-end;background-color:#9bee8c;color:#000}.user-message:after{content:"";position:absolute;top:35%;right:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent transparent #9bee8c;translate:100% calc(-50% - .4px);transform:skew(0,-10deg);transform-origin:left}.ai-message{position:relative;display:inline-block;margin-top:30px;margin-bottom:10px;padding:16px;border:2px solid #63e418;border-radius:8px;background-color:#e2feff;text-align:left;font-size:16px;font-weight:400;line-height:1.5;color:#000;max-width:85%;align-self:flex-start;white-space:pre-wrap}.ai-message:before{content:"";position:absolute;top:0;left:25%;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #63e418;translate:calc(-50% + .4px) -100%;transform:skew(-25deg);transform-origin:bottom}.ai-message{position:relative;display:inline-block;margin-top:30px;margin-bottom:10px;padding:16px;border:2px solid #63e418;border-radius:8px;background-color:#2c2c2c;text-align:left;font-size:16px;font-weight:400;line-height:1.5;color:#fbf8f8;max-width:85%;align-self:flex-start;white-space:pre-wrap}.ai-message:before{content:"";position:absolute;top:90;left:25%;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #63e418;translate:calc(-50% + .4px) -100%;transform:skew(-25deg);transform-origin:bottom}.ai-message:after{content:"";position:absolute;top:35;left:25%;border-style:solid;border-width:0 0 15.2px 15.2px;border-color:transparent transparent #2c2c2c;translate:calc(-50% + .4px) -100%;transform:skew(-25deg);transform-origin:bottom}#input-area{display:flex;gap:10px;align-items:center}#voice-input{flex-grow:1;padding:12px;border-radius:25px;border:2px solid #333;background:#333;color:#fff;font-size:16px;transition:all .3s ease;outline:none}#voice-input:focus{border-color:#4a90e2;background-color:#222;box-shadow:0 0 10px #4a90e280}#voice-input::placeholder{color:#aaa}.control-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 6px #0000004d;flex-shrink:0}.control-btn:active{box-shadow:0 2px 3px #00000080;transform:translateY(1px)}#send-btn{background-color:#1a73e8;color:#fff;font-size:24px}#send-btn:hover{background-color:#4a90e2;transform:scale(1.1)}#send-btn.listening{background-color:#d93025}#send-btn:disabled{background-color:#555;cursor:not-allowed}#log-btn{background-color:#28a745;color:#fff;font-size:14px;padding:0 10px;width:auto;border-radius:25px;height:50px;line-height:50px;font-weight:700}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ddd;font-size:1.5em;background:#00000080;padding:10px 20px;border-radius:15px;transition:opacity .5s;pointer-events:none;white-space:nowrap}#timeline-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:15px;margin-bottom:10px;max-height:25vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}#timeline-container h3{margin:0 0 10px;font-size:.9em;color:#007bff;text-transform:uppercase;letter-spacing:1px}#timeline-list{display:flex;flex-direction:column;gap:8px}.post-item{background:#ffffff08;padding:10px;border-radius:8px;border-left:3px solid #007bff;animation:fadeIn .5s ease-out}.post-content{font-size:.95em;line-height:1.4;margin-bottom:4px}.post-date{font-size:.75em;color:#777;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}#timeline-container::-webkit-scrollbar,#chat-log::-webkit-scrollbar{width:4px}#timeline-container::-webkit-scrollbar-thumb,#chat-log::-webkit-scrollbar-thumb{background:#333;border-radius:10px}#chat-log{max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;padding:20px;background:#0006;border-radius:15px}#message-box{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#0009;color:#00d4ff;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;text-align:center}#message-box.visible{opacity:1}