@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f3ef;min-height:100vh;font-family:DM Sans,sans-serif}.app{max-width:480px;margin:0 auto}.screen{padding:1.5rem 1rem 2rem}.logo{color:#e8510a;letter-spacing:1px;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700}.logo span{color:#1a1a1a}.hero-sub{color:#888;margin-top:2px;font-size:13px}.card{background:#fff;border:.5px solid #e0ddd8;border-radius:12px;margin-bottom:12px;padding:1.25rem}.card-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:500}.field{margin-bottom:12px}.field label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;display:block}.field input{color:#1a1a1a;background:#fff;border:.5px solid #ddd;border-radius:8px;width:100%;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px}.field input:focus{outline-offset:1px;outline:2px solid #e8510a}.btn-primary{color:#fff;cursor:pointer;background:#e8510a;border:none;border-radius:8px;width:100%;margin-top:8px;padding:11px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500}.btn-primary:hover{opacity:.9}.btn-secondary{color:#1a1a1a;cursor:pointer;background:0 0;border:.5px solid #ddd;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-family:DM Sans,sans-serif;font-size:14px}.btn-secondary:hover{background:#f5f3ef}.user-badge{color:#888;background:#fff;border:.5px solid #e0ddd8;border-radius:8px;align-items:center;gap:6px;margin-bottom:1rem;padding:6px 10px;font-size:12px;display:inline-flex}.hint{color:#aaa;text-align:center;margin-top:12px;font-size:11px}.build-info{color:#ccc;text-align:center;letter-spacing:.3px;margin-top:6px;font-family:monospace;font-size:10px}.info-box{color:#888;background:#fff;border:.5px solid #e0ddd8;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}.difficulty-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin-top:4px;display:grid}.difficulty-btn{cursor:pointer;background:#fff;border:.5px solid #ddd;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-family:DM Sans,sans-serif;transition:border-color .15s;display:flex}.difficulty-btn:hover{border-color:#e8510a}.difficulty-btn.selected{background:#fff8f5;border-color:#e8510a}.difficulty-emoji{font-size:18px}.difficulty-label{color:#1a1a1a;font-size:12px;font-weight:500}.difficulty-sub{color:#aaa;text-align:center;font-size:9px;line-height:1.3}.patience-row{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px;display:grid}.patience-btn{cursor:pointer;background:#fff;border:.5px solid #ddd;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-family:DM Sans,sans-serif;transition:border-color .15s;display:flex}.patience-btn:hover{border-color:#e8510a}.patience-btn.selected{background:#fff8f5;border-color:#e8510a}.patience-label{color:#1a1a1a;font-size:13px;font-weight:500}.patience-sub{color:#aaa;text-align:center;font-size:10px;line-height:1.3}.onboarding-card{text-align:center;background:#fff;border:.5px solid #e0ddd8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:2rem 1.5rem;display:flex}.onboarding-emoji{margin-bottom:1rem;font-size:52px;line-height:1}.onboarding-title{color:#1a1a1a;letter-spacing:.3px;margin-bottom:.75rem;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:700}.onboarding-body{color:#555;max-width:340px;font-size:15px;line-height:1.6}.onboarding-tip{color:#e8510a;text-align:left;background:#fff8f5;border:.5px solid #f0ddd5;border-radius:8px;width:100%;margin-top:1rem;padding:8px 12px;font-size:12px;line-height:1.5}.onboarding-dots{justify-content:center;gap:8px;margin-top:1.25rem;display:flex}.onboarding-dot{cursor:pointer;background:#ddd;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.onboarding-dot.active{background:#e8510a;transform:scale(1.3)}.onboarding-check{color:#aaa;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:1rem;font-size:12px;display:flex}.onboarding-check input{cursor:pointer;accent-color:#e8510a}.scenario-collapse-bar{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:.5px solid #e0ddd8;border-radius:8px;justify-content:space-between;align-items:center;margin-top:.875rem;padding:9px 14px;transition:border-color .15s;display:flex}.scenario-collapse-bar:hover{border-color:#e8510a}.scenario-collapse-bar.open{border-color:#e8510a;border-bottom-right-radius:0;border-bottom-left-radius:0}.scenario-collapse-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.scenario-collapse-bar.open .scenario-collapse-label{color:#e8510a}.scenario-collapse-count{color:#bbb;background:#f5f3ef;border-radius:10px;padding:2px 7px;font-size:10px}.scenario-collapse-icon{color:#ccc;font-size:18px;font-weight:300;line-height:1}.scenario-collapse-bar.open .scenario-collapse-icon{color:#e8510a}.stage-section-label{color:#e8510a;letter-spacing:.3px}.stage-grid{grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid}.stage-card{cursor:pointer;background:#fff;border:.5px solid #e0ddd8;border-radius:10px;flex-direction:column;gap:3px;padding:9px 8px 10px;transition:border-color .15s;display:flex}.stage-card:hover{background:#fff8f5;border-color:#e8510a}.stage-card-num{color:#bbb;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:500}.stage-card-icon{margin:1px 0;font-size:17px;line-height:1}.stage-card-label{color:#1a1a1a;font-size:11px;font-weight:500;line-height:1.3}.stage-card-desc{color:#aaa;font-size:9.5px;line-height:1.4}.section-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500}.scenario-grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:7px;display:grid}.scenario-grid-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.scenario-grid-1{grid-template-columns:1fr;display:grid}.scenario-card{cursor:pointer;background:#fff;border:.5px solid #e0ddd8;border-radius:12px;padding:1rem;transition:border-color .15s}.scenario-card:hover{border-color:#e8510a}.scenario-card-wide{padding:1rem 1.25rem}.scenario-icon{margin-bottom:6px;font-size:24px}.scenario-card h3{margin-bottom:3px;font-size:14px;font-weight:500}.scenario-card p{color:#888;font-size:11px;line-height:1.4}.narrator-intro-screen{background:#0d0d0d;flex-direction:column;height:100dvh;padding:0;display:flex}.narrator-intro-top{flex-shrink:0;padding:2rem 1.5rem 0}.narrator-intro-scenario-pill{color:#ffffff73;letter-spacing:.04em;text-transform:uppercase;background:#ffffff12;border-radius:20px;padding:5px 13px;font-size:11px;display:inline-block}.narrator-intro-center{flex-direction:column;flex:1;justify-content:center;gap:20px;padding:2rem 1.75rem;display:flex}.narrator-intro-label{color:#ffffff47;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:500}.narrator-intro-text{color:#ffffffeb;min-height:88px;font-family:DM Sans,sans-serif;font-size:20px;font-style:italic;line-height:1.65}.narrator-intro-dots{align-items:center;gap:8px;display:flex}.narrator-intro-dot{background:#ffffff26;border-radius:50%;width:7px;height:7px;transition:background .25s}.narrator-intro-dot.active{background:#e8510a}.narrator-intro-loading{color:#ffffff59;flex-direction:column;align-items:center;gap:16px;font-size:14px;display:flex}.narrator-intro-spinner{border:2.5px solid #ffffff1a;border-top-color:#e8510a;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.narrator-intro-actions{flex-direction:column;flex-shrink:0;gap:10px;padding:0 1.5rem 2.5rem;display:flex}.narrator-intro-btn-next,.narrator-intro-btn-start{color:#fff;cursor:pointer;background:#e8510a;border:none;border-radius:12px;width:100%;padding:15px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;transition:opacity .15s}.narrator-intro-btn-next:hover,.narrator-intro-btn-start:hover{opacity:.88}.narrator-intro-btn-skip{color:#ffffff47;cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-family:DM Sans,sans-serif;font-size:13px}.narrator-intro-btn-skip:hover{color:#ffffff80}.roleplay-screen{background:#111;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.narrator-box{background:#111;border-bottom:.5px solid #2a2a2a;flex-shrink:0;min-height:96px;padding:16px 16px 18px}.narrator-box-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.narrator-box-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.narrator-voice-btn{color:#666;cursor:pointer;background:0 0;border:.5px solid #444;border-radius:20px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:13px}.narrator-voice-btn.active{color:#e8510a;background:#1e1e1e;border-color:#e8510a}.narrator-box-text{color:#ffffffe0;min-height:26px;font-size:17px;font-style:italic;line-height:1.55}.narrator-placeholder{color:#444}.prospect-hero{background:#1a1a1a;flex:1;min-height:0;position:relative;overflow:hidden}.prospect-hero-img{object-fit:cover;object-position:top center;width:100%;height:100%}.prospect-hero-placeholder{background:#2a2a2a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-spinner{border:3px solid #444;border-top-color:#e8510a;border-radius:50%;width:52px;height:52px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.prospect-initials{color:#e8510a;letter-spacing:1px;text-transform:uppercase;background:#333;border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700;display:flex}.top-bar{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.scenario-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;background:#0009;border:.5px solid #ffffff26;border-radius:20px;max-width:45%;padding:6px 14px;font-size:13px;overflow:hidden}.emotion-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:32px;line-height:1}.btn-end-overlay{color:#fff;cursor:pointer;white-space:nowrap;background:#e8510ae6;border:none;border-radius:20px;padding:9px 22px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500}.btn-end-overlay:hover{opacity:.9}.mic-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0009;border:.5px solid #ffffff26;border-radius:24px;padding:9px 20px;font-size:15px;transition:all .2s;position:absolute;bottom:14px;right:14px}.mic-pill.active{color:#fff;background:#e8510ae6;border-color:#0000;animation:1.5s infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 #e8510a66}50%{box-shadow:0 0 0 10px #e8510a00}}.chat-toggle-bar{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;border-top:.5px solid #2a2a2a;flex-shrink:0;align-items:center;gap:10px;height:42px;padding:0 14px;transition:background .15s;display:flex}.chat-toggle-bar:hover{background:#222}.chat-toggle-icon{color:#ffffff73;border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:400;line-height:1;transition:all .2s;display:flex}.chat-toggle-bar.open .chat-toggle-icon{color:#e8510a;border-color:#e8510a;font-size:20px}.chat-toggle-preview{color:#ffffff4d;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-style:italic;overflow:hidden}.chat-toggle-count{color:#ffffff59;background:#ffffff12;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px}.chat-drawer{background:#fff;flex-shrink:0;max-height:34vh;overflow-y:auto}.roleplay-bottom{background:#fff;flex-shrink:0;min-height:54px;max-height:32vh;transition:min-height .2s;position:relative;overflow-y:auto}.roleplay-bottom.has-messages{min-height:80px}.chat-container{min-height:54px;padding:8px 12px 12px;position:relative}.chat-area{flex-direction:column;gap:6px;max-height:140px;margin-bottom:40px;display:flex;overflow-y:auto}.msg{border-radius:12px;max-width:82%;padding:8px 13px;font-size:14px;line-height:1.45}.msg-prospect{color:#1a1a1a;background:#f5f3ef;border:.5px solid #e0ddd8;align-self:flex-start}.msg-user{color:#fff;background:#e8510a;align-self:flex-end}.msg-system{color:#aaa;text-align:center;align-self:center;font-size:12px;font-style:italic}.msg-typing{color:#aaa;background:#f0ede8;border-radius:10px;align-self:flex-start;padding:7px 12px;font-size:13px;font-style:italic}.input-row{align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.chat-input{color:#1a1a1a;resize:none;background:#fff;border:.5px solid #ddd;border-radius:8px;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px}.btn-send{color:#fff;cursor:pointer;white-space:nowrap;background:#e8510a;border:none;border-radius:8px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:14px}.btn-chat-toggle{color:#aaa;cursor:pointer;background:#fff;border:.5px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:DM Sans,sans-serif;font-size:22px;line-height:1;transition:all .15s;display:flex;position:absolute;bottom:10px;right:12px;box-shadow:0 1px 4px #00000014}.btn-chat-toggle.open{color:#e8510a;background:#f5f3ef;border-color:#e8510a}.btn-chat-toggle:hover{color:#e8510a;border-color:#e8510a}.btn-type-toggle{color:#aaa;cursor:pointer;background:#fff;border:.5px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:DM Sans,sans-serif;font-size:16px;transition:all .15s;display:flex;position:absolute;bottom:10px;right:12px;box-shadow:0 1px 4px #00000014}.btn-type-toggle.open{color:#e8510a;background:#fff8f5;border-color:#e8510a}.btn-type-toggle:hover{color:#e8510a;border-color:#e8510a}.report-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.big-score{color:#e8510a;font-family:Barlow Condensed,sans-serif;font-size:56px;font-weight:700;line-height:1}.big-score-sub{color:#888;margin-top:2px;font-size:12px}.score-bar-wrap{margin-bottom:12px}.score-label{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.score-bar{background:#f0ede8;border-radius:3px;height:6px;overflow:hidden}.score-fill{background:#e8510a;border-radius:3px;height:100%;transition:width 1s}.coaching-item{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.coaching-icon{flex-shrink:0;margin-top:1px;font-size:15px}.coaching-text{font-size:13px;line-height:1.5}.report-tab-bar{background:#f0ede8;border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.report-tab-btn{cursor:pointer;color:#888;box-shadow:none;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;transition:all .15s}.report-tab-btn.active{color:#e8510a;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.report-loading-screen{flex-direction:column;min-height:100dvh;display:flex}.report-loading-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:2rem;display:flex}.report-loading-spinner{border:3px solid #f0ede8;border-top-color:#e8510a;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.report-loading-label{color:#1a1a1a;font-size:16px;font-weight:500}.report-loading-sub{color:#aaa;font-size:13px;line-height:1.5}.scenario-footer-link{color:#e8510a;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:8px 0;font-family:DM Sans,sans-serif;font-size:13px;display:block}.scenario-footer-link:hover{opacity:.75}.scenario-footer-link.secondary{color:#bbb;padding:4px 0;font-size:12px}.btn-share{color:#e8510a;cursor:pointer;background:#fff;border:1.5px solid #e8510a;border-radius:8px;width:100%;margin-top:8px;padding:11px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:all .15s}.btn-share:hover{background:#fff8f5}.btn-share:disabled{opacity:.6;cursor:default}.btn-share.copied{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.btn-share.error{color:#dc2626;background:#fff5f5;border-color:#dc2626}.shared-report-banner{color:#0369a1;background:#f0f9ff;border:.5px solid #bae6fd;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.shared-report-banner-icon{flex-shrink:0;font-size:14px}.coach-scenario-select{color:#1a1a1a;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border:.5px solid #ddd;border-radius:8px;width:100%;padding:9px 32px 9px 12px;font-family:DM Sans,sans-serif;font-size:14px}.coach-scenario-select:focus{outline-offset:1px;outline:2px solid #e8510a}