*{box-sizing:border-box;margin:0;padding:0}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:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:16px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:16px}@media (max-width: 768px){.container{padding:12px}.card{padding:16px;margin-bottom:12px}h1{font-size:24px}h2{font-size:20px}}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:#555}select,input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#fff}select:focus,input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}button:hover:not(:disabled){background-color:#0056b3}button:disabled{background-color:#6c757d;cursor:not-allowed}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.conversations-list{margin-top:20px}.conversation-item{padding:16px;border:1px solid #ddd;border-radius:4px;margin-bottom:12px;background-color:#fff}.conversation-item:hover{background-color:#f8f9fa}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.conversation-time{font-size:14px;color:#666;margin:0}.conversation-duration{font-size:12px;color:#999;background-color:#e9ecef;padding:2px 8px;border-radius:12px}@media (max-width: 768px){.conversation-item{flex-direction:column;align-items:stretch;gap:8px}.form-group{margin-bottom:16px}button{width:100%}.confirm-button{margin-top:10px}}.play-button{padding:6px 12px;font-size:14px}h1,h2{color:#333;margin-bottom:20px}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabs{display:flex;border-bottom:2px solid #ddd;margin-bottom:20px}.tab{background:none;border:none;padding:12px 24px;font-size:16px;font-weight:600;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#333;background-color:#f8f9fa}.tab.active{color:#007bff;border-bottom-color:#007bff}.pending-devices-list{display:grid;gap:16px}.device-item{padding:16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;transition:all .2s}.device-item.clickable{cursor:pointer}.device-item.clickable:hover{background-color:#f8f9fa;border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.device-item h3{margin:0 0 8px;color:#333;font-size:18px}.device-item p{margin:4px 0;color:#666;font-size:14px}