*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-header{padding:12px 16px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.app-title{margin:0;font-size:1.5rem;font-weight:600}.status-bar{display:flex;gap:12px;align-items:center;margin-top:8px;font-size:.875rem}.conversation-container{flex:1;overflow-y:auto;padding:16px;background:#f5f5f5;-webkit-overflow-scrolling:touch}.message{margin-bottom:12px;padding:12px;border-radius:12px;max-width:85%;word-wrap:break-word}.message-user{background:#007aff;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.message-assistant{background:#e9e9eb;color:#000;margin-right:auto;border-bottom-left-radius:4px}.message-agent{background:#34c759;color:#fff;margin-right:auto;border-bottom-left-radius:4px;border-left:4px solid #28A745}.voice-control-container{padding:16px;background:#fff;border-top:1px solid #eee;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.visualizer-wrapper{display:flex;justify-content:center;padding:16px;background:#1a1a1a;border-radius:12px}.voice-button{width:100%;padding:16px;font-size:1.125rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;box-shadow:0 2px 8px #00000026}.voice-button:active{transform:scale(.98)}.file-peek{position:fixed;bottom:16px;right:16px;width:56px;height:56px;background:#007aff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #0000004d;cursor:pointer;z-index:100;transition:all .2s}.file-peek:active{transform:scale(.95)}.file-badge{position:absolute;top:-4px;right:-4px;background:#ff3b30;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.agent-status{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#34c759f2;color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #0003;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.mobile-only{display:block}.desktop-only,.text-input-area{display:none}@media (min-width: 768px){.app-container{flex-direction:row}.app-header{position:absolute;top:0;left:0;right:750px;z-index:10;background:#fff}.conversation-container{flex:1;padding-top:80px;padding-left:32px;padding-right:32px}.voice-control-container{border-top:none;border-left:1px solid #ddd;width:350px;max-width:350px;padding:24px}.file-peek,.mobile-only{display:none!important}.desktop-only{display:flex!important}.text-input-area{display:flex}.desktop-sidebar{display:flex!important;border-left:1px solid #ddd}.message{max-width:80%}}@media (min-width: 1024px){.app-header{right:750px}.voice-control-container{width:350px}.message{max-width:70%}}@supports (padding: env(safe-area-inset-bottom)){.voice-control-container{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.file-peek{bottom:calc(16px + env(safe-area-inset-bottom))}}@media (prefers-color-scheme: dark){body{background:#000;color:#fff}.app-header{background:#1c1c1e;border-bottom-color:#38383a}.conversation-container{background:#000}.message-assistant{background:#3a3a3c;color:#fff}.voice-control-container{background:#1c1c1e;border-top-color:#38383a}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}button{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#1976d2;color:#fff;cursor:pointer;font-size:1rem}button:hover:not(:disabled){background-color:#1565c0}button:disabled{background-color:#ccc;cursor:not-allowed}input{border:1px solid #ccc;border-radius:4px;font-size:1rem}input:focus{outline:none;border-color:#1976d2}