.speech-notice-toast-container{position:fixed;top:max(16px,env(safe-area-inset-top,16px));left:50%;transform:translate(-50%);z-index:1050;width:calc(100% - 32px);max-width:460px;pointer-events:auto;animation:speech-toast-slide-in .28s cubic-bezier(.16,1,.3,1) forwards}.speech-notice-toast-container.is-exiting{animation:speech-toast-fade-out .22s ease-in forwards}.speech-notice-card{position:relative;background:var(--color-surface, #ffffff);border:1px solid rgba(26,77,62,.16);border-radius:var(--radius-lg, 16px);box-shadow:0 12px 36px #1a4d3e24,0 2px 6px #0000000a;padding:14px 16px 18px;overflow:hidden;font-family:var(--font-body)}.speech-notice-card.is-permission{border-color:#b91c1c4d}.speech-notice-header{display:flex;align-items:flex-start;gap:12px}.speech-notice-icon-wrap{width:32px;height:32px;border-radius:var(--radius-md, 8px);background:#ff6b351a;color:var(--color-oranje, #ff6b35);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.speech-notice-card.is-permission .speech-notice-icon-wrap{background:#b91c1c1a;color:#b91c1c}.speech-notice-text{flex:1;min-width:0}.speech-notice-title{display:block;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--color-charcoal, #222222);line-height:1.3;margin-bottom:2px}.speech-notice-desc{margin:0;font-size:.85rem;color:var(--color-text-light, #666666);line-height:1.45;word-break:break-word}.speech-notice-close-btn{background:transparent;border:none;color:var(--color-text-light, #666666);cursor:pointer;padding:4px;border-radius:var(--radius-sm, 4px);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease;margin:-2px -4px 0 0}.speech-notice-close-btn:hover{background:#0000000f;color:var(--color-charcoal, #222222)}.speech-notice-close-btn:focus-visible{outline:2px solid var(--color-polder-green, #1a4d3e);outline-offset:2px}.speech-notice-actions{display:flex;align-items:center;gap:8px;margin-top:12px;padding-left:44px}.speech-notice-action-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.82rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-md, 8px);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.speech-notice-action-btn:active{transform:scale(.97)}.speech-notice-action-btn:focus-visible{outline:2px solid var(--color-polder-green, #1a4d3e);outline-offset:2px}.speech-notice-action-btn.primary-retry{background:var(--color-polder-green, #1a4d3e);color:#fff;border:1px solid var(--color-polder-green, #1a4d3e)}.speech-notice-action-btn.primary-retry:hover{background:var(--color-primary-light, #2a6e5a);border-color:var(--color-primary-light, #2a6e5a)}.speech-notice-action-btn.secondary-type{background:var(--color-canvas-sand, #f7f5f0);color:var(--color-charcoal, #222222);border:1px solid var(--color-mist, #e0e0e0)}.speech-notice-action-btn.secondary-type:hover{background:#ebe7dd;border-color:#d0cbc0}.speech-notice-track{position:absolute;bottom:6px;left:16px;right:16px;height:3px;background:#1a4d3e14;border-radius:99px;overflow:hidden}.speech-notice-timer-bar{height:100%;width:100%;background:var(--color-oranje, #ff6b35);border-radius:99px;transform-origin:left;transform:scaleX(1);animation-name:speech-toast-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes speech-toast-slide-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes speech-toast-fade-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.97)}}@keyframes speech-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.speech-notice-toast-container,.speech-notice-toast-container.is-exiting{animation:none;transition:opacity .15s ease}.speech-notice-track,.speech-notice-timer-bar{animation:none;display:none}}@media(max-width:480px){.speech-notice-toast-container{width:calc(100% - 24px);top:max(12px,env(safe-area-inset-top,12px))}.speech-notice-card{padding:12px 14px 16px;border-radius:14px}.speech-notice-track{left:14px;right:14px;bottom:5px}.speech-notice-close-btn{min-width:44px;min-height:44px;margin:-10px -10px 0 0;touch-action:manipulation}.speech-notice-actions{padding-left:0;justify-content:flex-start;flex-wrap:wrap;gap:8px}.speech-notice-action-btn{min-height:40px;padding:8px 14px;touch-action:manipulation}}.ai-feedback-form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.ai-feedback-modal-subtitle{font-family:var(--font-body);font-size:.88rem;color:var(--color-text-light);line-height:1.45;margin:0}.ai-feedback-error-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md, 8px);color:#b91c1c;font-size:.85rem}.ai-feedback-fieldset{border:none;padding:0;margin:0}.ai-feedback-legend{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--color-charcoal);margin-bottom:8px;padding:0}.ai-feedback-radio-group{display:flex;flex-direction:column;gap:8px}.ai-feedback-radio-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-surface, #ffffff);border:1px solid var(--color-mist, #e0e0e0);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease-in-out;font-size:.88rem;color:var(--color-charcoal)}.ai-feedback-radio-card:hover{border-color:var(--color-primary-light, #2a6e5a);background:#1a4d3e05}.ai-feedback-radio-card.selected{border-color:var(--color-polder-green, #1a4d3e);background:#1a4d3e0d;box-shadow:0 0 0 1px var(--color-polder-green, #1a4d3e)}.ai-feedback-radio-card input[type=radio]{accent-color:var(--color-polder-green, #1a4d3e);width:16px;height:16px;margin:0;cursor:pointer}.ai-feedback-radio-card .radio-label-text{flex:1}.ai-feedback-comment-block{margin-top:4px}.ai-feedback-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.feedback-hdr-right{display:flex;align-items:center;gap:8px}.question-feedback-cluster{display:inline-flex;align-items:center;gap:4px}.feedback-action-divider{display:inline-block;width:1px;height:18px;background-color:#1a4d3e29;margin:0 4px}.feedback-hdr-right .btn-listen-suggested,.question-feedback-cluster .btn-feedback-thumb{display:inline-flex;align-items:center;justify-content:center;height:32px;background:var(--color-surface);border:1px solid rgba(26,77,62,.22);border-radius:var(--radius-sm, 6px);color:var(--color-polder-green, #1a4d3e);font-family:var(--font-body);cursor:pointer;transition:all .15s ease-in-out;box-shadow:0 1px 2px #0000000a;box-sizing:border-box;position:relative}.feedback-hdr-right .btn-listen-suggested:after,.question-feedback-cluster .btn-feedback-thumb:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);width:100%;height:100%}.feedback-hdr-right .btn-listen-suggested{gap:6px;padding:0 12px;font-size:.8rem;font-weight:700;white-space:nowrap}.question-feedback-cluster .btn-feedback-thumb{width:32px;padding:0}.feedback-hdr-right .btn-listen-suggested:hover{background:#1a4d3e0f;border-color:var(--color-polder-green, #1a4d3e);transform:translateY(-1px)}.feedback-hdr-right .btn-listen-suggested.playing{background:var(--color-polder-green, #1a4d3e);border-color:var(--color-polder-green, #1a4d3e);color:var(--color-surface)}.question-feedback-cluster .btn-feedback-thumb:hover:not(:disabled){border-color:var(--color-polder-green, #1a4d3e);transform:translateY(-1px)}.question-feedback-cluster .btn-feedback-thumb.positive:hover:not(:disabled){background:#2e7d3214;color:var(--color-success);border-color:#2e7d3259}.btn-feedback-thumb.negative:hover:not(:disabled){background:#ff6b3514;color:var(--color-oranje, #ff6b35);border-color:#ff6b3559}.btn-feedback-thumb:disabled{opacity:.5;cursor:not-allowed}.question-feedback-submitted{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--color-polder-green, #1a4d3e);background:#1a4d3e14;padding:4px 8px;border-radius:var(--radius-sm, 6px)}.question-feedback-check{color:var(--color-polder-green, #1a4d3e)}@keyframes fadeInFeedback{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInFeedback .2s ease-out forwards}.feedback-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}