body{font-family:Optima,serif;background-color:#f4efe1;color:#2a1c08;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.app-container{width:calc(100% - 40px);height:calc(100vh - 40px);margin:20px;display:flex;flex-direction:column;background:#f4efe1;border-radius:24px;box-shadow:0 10px 25px #8a612d59,0 -10px 25px #8a612d40,10px 0 25px #8a612d40,-10px 0 25px #8a612d40,inset 0 2px 6px #ffffff4d;overflow:hidden}.header{background-color:#f1e8da;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-weight:700;color:#2a1c08;border-bottom:1px solid #D8C9B4}.tabs{display:flex;gap:8px}.tab{background-color:#f1e8da;color:#2a1c08;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px 3px #2a1c0814,0 2px 6px #2a1c082e;transition:all .25s ease-in-out}.tab.active{background-color:#e2d5c2;color:#2a1c08;box-shadow:inset 0 2px 4px #2a1c0840,0 2px 4px #2a1c0826;transform:translateY(1px)}#send-btn,#mic-btn{background-color:#e2d5c2;color:#2a1c08;border:none;border-radius:10px;padding:12px 20px;font-weight:600;cursor:pointer;height:48px;box-shadow:inset 0 1px 3px #2a1c0814,0 2px 6px #2a1c0833;transition:all .2s ease-in-out}#send-btn{letter-spacing:.5px}#send-btn:hover,#mic-btn:hover{box-shadow:0 3px 8px #2a1c084d,inset 0 1px 3px #fff6;transform:translateY(-1px)}#mic-btn{font-size:1.1em;background-color:#e2d5c2;color:#2a1c08;border:none;border-radius:10px;padding:10px 18px;box-shadow:inset 0 1px 3px #2a1c0814,0 2px 6px #2a1c0833;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.tab:hover,#send-btn:hover,#mic-btn:hover{box-shadow:0 4px 8px #2a1c084d;transform:translateY(-1px)}.chat-window{flex:1;overflow-y:auto;padding:28px;background-color:#f8f4ea;box-shadow:inset 0 1px 6px #2a1c080f}.message{display:flex;flex-direction:column;margin-bottom:8px}.message.user{align-items:flex-end;max-width:60%;margin-left:auto}.message.assistant{align-items:flex-start;max-width:100%}.text{background:none;padding:8px 10px;line-height:1.6;border-radius:8px;font-size:1.1em}.message.user .text{text-align:right}.message.assistant .text{text-align:left}.meta{font-size:.8em;color:#2a1c0899;border-top:1px solid rgba(138,97,45,.2);padding-top:2px;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px;width:4cm}.message.assistant .meta{justify-content:flex-start}.copy{cursor:pointer;opacity:.7;font-size:.9em;line-height:1;transition:opacity .2s ease}.copy:hover{opacity:1;transform:scale(1.1)}.input-area{display:flex;align-items:center;gap:8px;background-color:#f1e8da;padding:12px 16px;border-top:1px solid rgba(138,97,45,.25);border-radius:0 0 24px 24px}textarea{flex:1;resize:none;border:none;background:#f4efe1;border-radius:8px;padding:10px;font-size:1.1em;color:#2a1c08;box-shadow:inset 0 -3px 6px #8a612d40}textarea:focus{outline:none;box-shadow:inset 0 -3px 6px #8a612d40,0 0 8px #8a612d59}textarea::placeholder{color:#2a1c0840;font-style:italic}@media (max-width: 768px){.app-container{width:100%;height:100vh;margin:0;border-radius:0;box-shadow:none}.header,.input-area{background-color:#f1e8da;border:none;border-bottom:1px solid rgba(138,97,45,.25)}.header-title{display:none!important}.text{font-size:1.15em;color:#1a0e04}textarea{font-size:1.15em}.chat-window{border-bottom:1px solid rgba(138,97,45,.25)}.input-area{border-top:.5px solid rgba(138,97,45,.25)}.header{justify-content:center}.tabs{justify-content:center;width:100%}.tab{flex:none}}.copy-icon{cursor:pointer;opacity:.6;font-size:.9em;transition:opacity .2s ease}.copy-icon:hover{opacity:1;transform:scale(1.1)}