body{color:#1f2937;background:#f3f4f6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.card{background:#fff;border-radius:16px;width:100%;max-width:720px;padding:32px;box-shadow:0 4px 6px -1px #0000001a}h1{color:#111827;margin-bottom:8px;font-size:24px}h2{color:#1f2937;margin-bottom:16px;font-size:20px}p{color:#6b7280;line-height:1.6}input,textarea,select{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#0070f3}textarea{resize:vertical;min-height:100px}label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group{margin-bottom:20px}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:background .15s;display:inline-block}.btn-primary{color:#fff;background:#0070f3}.btn-primary:hover{background:#005cc5}.btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.btn-block{width:100%}.chat-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:500px;margin-bottom:16px;padding:16px;overflow-y:auto}.input-row{gap:8px;display:flex}.input-row input{flex:1}.turn-counter{text-align:center;color:#9ca3af;margin-bottom:12px;font-size:13px}select{appearance:auto}.app-logo{text-align:center;padding:20px 0 0}.app-logo img{width:auto;height:56px}.sjt-options-container{flex-direction:column;gap:12px;width:100%;display:flex}.sjt-card{cursor:pointer;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;width:100%;padding:16px 20px;transition:all .15s;display:flex}.sjt-card:hover{border-color:#0070f3}.sjt-card.active{color:#fff;background-color:#0070f3;border-width:2px;border-color:#0070f3;padding:15px 19px}.sjt-card.active .sjt-text{color:#fff}.sjt-text{text-align:left;flex:1;font-size:14px;line-height:1.5}.sjt-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;animation:.25s ease-out sjt-slide-in}@keyframes sjt-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spinner{border:4px solid #e5e7eb;border-top-color:#0070f3;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}.spinner-sm{border-width:3px;width:24px;height:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar{background-color:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}@keyframes progress-indeterminate{0%{width:10%}50%{width:70%}to{width:90%}}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:8px;max-width:400px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toast-in;box-shadow:0 4px 12px #00000026}.toast-success{color:#fff;background:#059669}.toast-error{color:#fff;background:#dc2626}@keyframes toast-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width:640px){.container{padding:20px 12px}.card{border-radius:12px;max-width:100%;padding:20px 16px}.btn{text-align:center;width:100%}.input-row{flex-direction:column}.app-logo img{height:40px}h1{font-size:20px}h2{font-size:18px}}