:root{--amber-orange: #f47836;--amber-yellow: #fbaf34;--amber-brown: #982f20;--amber-red: #9a2d02;--dark-grey: #4d4d4f;--mid-grey: #808285;--light-grey: #b0b0b1;--bg-white: #fafafa;--bg-card: #ffffff;--border: #e5e5e5;--good: #2e7d32;--poor: #c62828;--pause: #e65100}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;font-family:Libre Franklin,sans-serif;font-weight:300;font-size:18px;color:var(--dark-grey);line-height:1.5;background:var(--bg-white)}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:300;text-transform:uppercase;letter-spacing:.04em;color:var(--dark-grey)}h1{font-size:34px}h2{font-size:26px}h3{font-size:22px}button{font-family:Libre Franklin,sans-serif;font-weight:300;cursor:pointer;border:none;border-radius:6px;padding:12px 28px;font-size:16px;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--amber-orange);color:#fff}.btn-primary:hover:not(:disabled){background:#e06a2c}.btn-secondary{background:var(--dark-grey);color:#fff}.btn-secondary:hover:not(:disabled){background:#3a3a3c}.btn-outline{background:transparent;border:2px solid var(--amber-orange);color:var(--amber-orange)}.btn-outline:hover:not(:disabled){background:var(--amber-orange);color:#fff}.btn-resume{background:var(--good);color:#fff;font-weight:400;padding:14px 36px;font-size:16px}.btn-resume:hover:not(:disabled){background:#1b5e20}input{font-family:Libre Franklin,sans-serif;font-weight:300;font-size:16px;padding:12px 16px;border:2px solid var(--border);border-radius:6px;outline:none;transition:border-color .2s;color:var(--dark-grey)}input:focus{border-color:var(--amber-orange)}.gradient-stripe{height:4px;background:linear-gradient(to right,var(--amber-brown),var(--amber-yellow))}.page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.page.page-scrollable{height:auto;min-height:100vh;overflow-y:auto}.page.page-scrollable .page-body{overflow:visible}.page-header{padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.page-header h1{font-size:18px;display:flex;align-items:center;gap:10px}.page-body{flex:1;overflow:hidden;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px}.card-title{font-size:16px;font-weight:300;text-transform:uppercase;margin-bottom:12px;color:var(--dark-grey)}.aeiou-bar{display:flex;gap:4px;align-items:stretch}.aeiou-step{flex:1;text-align:center;padding:8px 4px;border-radius:6px;font-weight:300;font-size:15px;background:var(--bg-white);border:1px solid var(--border);color:var(--mid-grey);transition:all .3s ease}.aeiou-step.active{background:var(--amber-orange);color:#fff;border-color:var(--amber-orange);font-weight:400}.aeiou-step.completed{background:var(--dark-grey);color:#fff;border-color:var(--dark-grey)}.aeiou-step-label{display:block;font-size:15px;margin-top:2px;opacity:.8}.transcript{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.transcript-entry{max-width:80%;padding:10px 14px;border-radius:10px;font-size:16px;line-height:1.5;font-weight:300}.transcript-entry.user{align-self:flex-end;background:var(--amber-orange);color:#fff;border-bottom-right-radius:2px}.transcript-entry.avatar{align-self:flex-start;background:#f0f0f0;color:var(--dark-grey);border-bottom-left-radius:2px}.transcript-entry .speaker{font-size:15px;font-weight:400;opacity:.7;margin-bottom:2px}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.pause-content{text-align:center;color:#fff;max-width:460px;padding:40px}.pause-content h2{color:var(--amber-yellow);margin-bottom:16px;text-transform:uppercase}.pause-content p{font-size:16px;font-weight:300;line-height:1.6;color:#ccc}.facilitator-sidebar{width:380px;border-left:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-card);flex-shrink:0;overflow:hidden}.facilitator-sidebar .section{padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.facilitator-sidebar .section-title{font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--mid-grey);margin-bottom:8px}.coaching-prompt{background:#fff8f0;border-left:3px solid var(--amber-orange);padding:12px 14px;font-size:15px;line-height:1.5;border-radius:0 6px 6px 0}.pitfall-list{list-style:none;padding:0}.pitfall-list li{font-size:15px;padding:4px 0 4px 16px;position:relative;color:var(--dark-grey)}.pitfall-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--light-grey)}.score-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:15px;font-weight:400}.score-badge.good{background:#e8f5e9;color:var(--good)}.score-badge.poor{background:#ffebee;color:var(--poor)}.report-page{height:100vh;overflow-y:auto;background:var(--bg-white)}.report-container{max-width:800px;margin:0 auto;padding:40px 32px}.report-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:4px solid;border-image:linear-gradient(to right,var(--amber-brown),var(--amber-yellow)) 1}.report-header h1{font-size:28px;margin-bottom:8px}.report-header p{color:var(--mid-grey);font-size:14px}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.score-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.score-item-label{font-size:15px;font-weight:300;flex:1}.score-item-value{font-size:24px;font-weight:300;color:var(--amber-orange);min-width:50px;text-align:right}.report-section{margin-bottom:28px}.report-section h3{font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.report-section ul{list-style:none;padding:0}.report-section li{padding:8px 0 8px 20px;position:relative;font-size:14px;line-height:1.5}.report-section li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%}.report-section.strengths li:before{background:var(--good)}.report-section.development li:before{background:var(--amber-orange)}.report-summary{background:#fff8f0;border-left:4px solid var(--amber-orange);padding:20px 24px;font-size:15px;line-height:1.7;border-radius:0 8px 8px 0;margin-bottom:32px}.report-actions{display:flex;gap:12px;justify-content:center;margin-top:32px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media print{.page-header,.report-actions,.gradient-stripe{display:none!important}.report-page{overflow:visible;height:auto}.report-container{padding:20px}.score-item-value{color:var(--dark-grey)}}