:root{--green:#1cbd36;--dark-green:#17a82e;--light-green:#e8f9eb;--charcoal:#1a2035;--body:#3d4a5c;--border:#d4f0d8;--bg:#f7f9f8;--orange:#fe9923;--grey:#6b7a8d;--white:#fff;--radius-card:12px;--radius-btn:8px;--radius-pill:20px;--min-touch:48px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:18px}body{color:var(--body);background:var(--bg);min-height:100dvh;margin:0;font-family:Rubik,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}.screen{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:24px 20px 40px;display:flex}h1{color:var(--charcoal);margin:0 0 12px;font-size:1.75rem;font-weight:700;line-height:1.2}h2{color:var(--charcoal);margin:0 0 8px;font-size:1.2rem;font-weight:600}p{margin:0 0 16px;font-size:1rem;line-height:1.6}.btn-primary{width:100%;min-height:var(--min-touch);background:var(--green);color:var(--white);border-radius:var(--radius-btn);cursor:pointer;text-align:center;border:none;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.2;transition:background .15s;display:block}.btn-primary:hover:not(:disabled){background:var(--dark-green)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{width:100%;min-height:var(--min-touch);color:var(--charcoal);border:2px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;text-align:center;background:0 0;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .15s;display:block}.text-link{color:var(--green);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;text-decoration:underline}.progress-wrap{margin-bottom:20px}.progress-label{color:var(--grey);margin-bottom:6px;font-size:.85rem}.progress-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.progress-bar__fill{background:var(--green);border-radius:2px;height:100%;transition:width .3s}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:16px;padding:20px}.banner-info{background:var(--light-green);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--charcoal);margin-bottom:16px;padding:12px 16px;font-size:.9rem}.banner-info--voice{font-size:1.125rem}.banner-info--voice ul{margin:0;padding-left:1.3em}.banner-info--voice li{margin-bottom:5px}.banner-info--voice li:last-child{margin-bottom:0}.banner-warning{border:1px solid var(--orange);border-radius:var(--radius-btn);color:var(--orange);background:#fff4e6;margin-bottom:16px;padding:12px 16px;font-size:.9rem;font-weight:500}.banner-error{border:1px solid var(--orange);border-radius:var(--radius-btn);color:var(--orange);background:#fff4e6;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.mcq-option{width:100%;min-height:var(--min-touch);background:var(--white);border:2px solid var(--border);border-radius:var(--radius-btn);color:var(--body);cursor:pointer;text-align:left;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;font-family:inherit;font-size:1rem;line-height:1.4;transition:border-color .12s,background .12s;display:flex}.mcq-option--selected{border-color:var(--green);background:var(--light-green);color:var(--charcoal);font-weight:500}.mcq-indicator{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .12s,border-color .12s;display:flex}.mcq-option--selected .mcq-indicator{background:var(--green);border-color:var(--green)}.mcq-indicator__dot{background:var(--white);border-radius:50%;width:8px;height:8px;display:none}.mcq-option--selected .mcq-indicator__dot{display:block}.mcq-indicator--check{border-radius:4px}.mcq-indicator--check:after{content:"";border-left:2px solid var(--white);border-bottom:2px solid var(--white);width:10px;height:6px;display:none;transform:rotate(-45deg)translateY(-1px)}.mcq-option--selected .mcq-indicator--check:after{display:block}.recorder{flex-direction:column;align-items:center;gap:16px;padding:24px 0 8px;display:flex}.recorder__btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;transition:transform .1s,background .15s;display:flex}.recorder__btn:active{transform:scale(.95)}.recorder__btn--record{background:var(--green);width:100px;height:100px;font-size:2.5rem}.recorder__btn--stop{background:var(--orange)}.recorder__timer{color:var(--charcoal);font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:2rem;font-weight:700}.recorder__hint{color:var(--grey);text-align:center;font-size:1.1rem}.recorder__hint--go{color:var(--green);font-weight:500}.recorder__hint--warn{color:var(--orange);font-weight:500}.recorder__progress{background:var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.recorder__progress-fill{background:var(--green);border-radius:3px;height:100%;transition:width .5s linear}.recorder__progress-fill--warn{background:var(--orange)}.waveform{justify-content:center;align-items:center;gap:5px;height:36px;display:flex}.waveform__bar{background:var(--green);transform-origin:bottom;border-radius:2px;width:4px;animation:.8s ease-in-out infinite alternate waveform-bounce}.waveform__bar:first-child{height:10px;animation-duration:.7s;animation-delay:0s}.waveform__bar:nth-child(2){height:20px;animation-duration:.9s;animation-delay:.1s}.waveform__bar:nth-child(3){height:30px;animation-duration:.65s;animation-delay:.2s}.waveform__bar:nth-child(4){height:20px;animation-duration:.85s;animation-delay:50ms}.waveform__bar:nth-child(5){height:10px;animation-duration:.75s;animation-delay:.15s}@keyframes waveform-bounce{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}audio{width:100%;margin:8px 0}.free-text__area{width:100%;min-height:120px;color:var(--body);border:2px solid var(--border);border-radius:var(--radius-btn);resize:vertical;outline:none;padding:14px;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .15s}.free-text__area:focus{border-color:var(--green)}.free-text__counter{color:var(--grey);text-align:right;margin-top:4px;font-size:.85rem}.free-text__counter--met{color:var(--green);font-weight:500}.upload-overlay{color:var(--grey);flex-direction:column;align-items:center;gap:12px;padding:32px 0;font-size:.95rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-sticky-wrap{background:var(--bg);margin-top:16px;padding:16px 0 8px;position:sticky;bottom:0}.status-icon{text-align:center;margin-bottom:16px;font-size:4rem}.spacer{flex:1}