body{margin:0;font-family:Arial,sans-serif;background:#fff;color:#222}.page{max-width:900px;margin:40px auto;padding:20px;text-align:center}button{padding:12px 20px;margin-top:20px;border:none;border-radius:24px;font-size:16px;background:#d94c6d;color:#fff;cursor:pointer}button:hover{background:#c23d5c}.dialogue{display:flex;justify-content:space-between;align-items:center}.dialogue .left{width:40%;text-align:center}.dialogue .circle{width:200px;height:200px;border-radius:50%;margin:0 auto;background:#222;color:#fff;display:flex;justify-content:center;align-items:center;font-size:32px}.analysis-blocks{display:flex;gap:20px;margin-top:20px}.block{flex:1;padding:20px;border:1px solid #eee;border-radius:12px}.welcome-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff}.welcome-card{text-align:center}.logo{width:100px;height:100px;margin-bottom:20px}.brand{font-size:28px;font-weight:700;margin:0}.subtitle{font-size:20px;margin:12px 0 28px;color:#333}.welcome-card input{display:block;margin:0 auto 24px;padding:14px;width:80%;max-width:320px;border:1px solid #ccc;border-radius:10px;font-size:18px}.start-btn{padding:14px 40px;font-size:18px;border:none;border-radius:28px;background:#d94c6d;color:#fff;cursor:pointer;transition:background .2s}.intro-page{max-width:700px;margin:80px auto;text-align:center;font-family:Arial,sans-serif;color:#222}.greeting{font-size:32px;margin-bottom:40px;font-weight:700}.case-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.case-icon{width:60px;height:60px;margin-bottom:6px}.case-label{font-size:16px;color:#d94c6d;font-weight:500}.case-title{font-size:26px;font-weight:700;margin:16px 0 32px}.case-task h3{font-size:18px;font-weight:700;margin-bottom:14px}.case-task p{font-size:16px;margin-bottom:10px;color:#444}.start-btn{margin-top:50px;padding:16px 48px;font-size:18px;border:none;border-radius:28px;background:#d94c6d;color:#fff;cursor:pointer;transition:background .2s}.start-btn:hover{background:#c23d5c}.dialogue-page{display:flex;flex-direction:column;height:100vh;font-family:Arial,sans-serif}.dialogue-top{flex:1;display:flex;justify-content:center;align-items:center;gap:60px;padding:20px 40px;border-bottom:1px solid #ddd;text-align:left;box-sizing:border-box}.circle-timer{width:180px;height:180px;border-radius:50%;background:#222;color:#fff;display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:700}.dialogue-right{max-width:600px}.dialogue-bottom{flex:2;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.chat-window{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-bubble{padding:12px 16px;border-radius:12px;max-width:70%;font-size:15px;line-height:1.4}.chat-bubble.user{background:#f8d7da;align-self:flex-end}.chat-bubble.assistant{background:#f1f1f1;align-self:flex-start}.chat-controls{display:flex;justify-content:center;gap:20px;padding:14px;border-top:1px solid #ddd;background:#fff}.record-btn,.end-btn{padding:12px 24px;border:none;border-radius:24px;font-size:16px;cursor:pointer;transition:background .3s}.record-btn{background:#d94c6d;color:#fff}.record-btn:hover{background:#c23d5c}.end-btn{background:#444;color:#fff}.end-btn:hover{background:#222}.typing .typing-dots{display:inline-block;font-weight:700;animation:blink 1s infinite steps(1)}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.analysis-page{max-width:1000px;margin:60px auto;font-family:Arial,sans-serif;text-align:center}.analysis-page header{margin-bottom:20px}.course-status{font-size:14px;color:#888;margin-bottom:6px}.analysis-page h2{font-size:28px;margin-bottom:8px}.duration{font-size:14px;color:#999}.analysis-blocks{display:flex;gap:20px;margin:30px 0;text-align:left}.block{flex:1;padding:20px;border:1px solid #eee;border-radius:12px;background:#fafafa;max-height:500px;overflow-y:auto;white-space:pre-line}.block h3{margin-bottom:12px;color:#d94c6d}.block p{font-size:15px;line-height:1.5;color:#333;margin-bottom:12px}.block p:first-line{font-weight:700}.block strong,.block b{color:#000;font-weight:700}.end-btn{padding:12px 24px;border:none;border-radius:24px;background:#d94c6d;color:#fff;font-size:16px;cursor:pointer}.end-btn:hover{background:#c23d5c}@media (max-width: 768px){.analysis-blocks{flex-direction:column}}.thanks-page{max-width:600px;margin:120px auto;text-align:center;font-family:Arial,sans-serif}.thanks-page h2{font-size:28px;margin-bottom:16px}.thanks-page p{font-size:16px;margin-bottom:20px;color:#444}.thanks-page .restart-btn{padding:12px 24px;border:none;border-radius:24px;background:#d94c6d;color:#fff;font-size:16px;cursor:pointer}.thanks-page .restart-btn:hover{background:#c23d5c}