.model-status{display:flex;flex-direction:column;align-items:center;gap:.75rem}.model-status p,.model-status span,.status-indicator{text-shadow:0 2px 4px rgba(0,0,0,.4)}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.ready{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.error{background:#ef4444;box-shadow:0 0 8px #ef444480}.status-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.status-text{font-size:.9rem;color:#ffffffe6;font-weight:500}.loading-progress{width:200px}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:0%;margin-left:0%}50%{width:75%;margin-left:12.5%}to{width:0%;margin-left:100%}}.audio-recorder{display:flex;flex-direction:column;align-items:center;padding:1rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.audio-recorder h2,.audio-recorder h3,.audio-recorder p,.audio-recorder span,.audio-recorder .status-text,.audio-recorder .instruction-text{text-shadow:0 2px 4px rgba(0,0,0,.4)}.recorder-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:400px}.visual-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5rem}.audio-level-indicator{width:120px;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;position:relative}.recording-info{text-align:center}.audio-level-bar{position:absolute;left:0;top:0;height:100%;background:linear-gradient(to right,#4ade80,#fbbf24,#ef4444);border-radius:4px;transition:width .1s ease;min-width:2px}.record-button{width:120px;height:120px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:3rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.record-button:hover:not(.disabled){transform:scale(1.05);box-shadow:0 6px 30px #0000004d}.record-button:active:not(.disabled){transform:scale(.95)}.record-button.recording{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:pulse 1.5s infinite}.record-button.disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.record-icon{transition:all .3s ease}.recording-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px}.recording-indicator{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#ef4444}.recording-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:blink 1s infinite}.recording-time{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;color:#fff}.processing-indicator{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#fbbf24}.processing-spinner{width:16px;height:16px;border:2px solid rgba(251,191,36,.3);border-top:2px solid #fbbf24;border-radius:50%;animation:spin 1s linear infinite}.ready-indicator{font-weight:500;color:#4ade80}.recorder-instructions{text-align:center}.recorder-instructions p{margin:0;color:#fffc;font-size:.9rem;line-height:1.4}.permission-denied{padding:3rem;text-align:center}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1.5rem;margin-top:1rem;text-align:center}.error-message h3{margin:0 0 1rem;color:#ef4444}.error-message p{margin:0 0 1rem;color:#ffffffe6}.mobile-instructions{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:1rem;margin:1rem 0;text-align:left}.mobile-instructions h4{margin:0 0 .5rem;color:#3b82f6;font-size:.9rem}.mobile-instructions ol{margin:0;padding-left:1.2rem;color:#ffffffe6;font-size:.85rem;line-height:1.4}.mobile-instructions li{margin-bottom:.3rem}.debug-info{margin-top:1rem;font-size:.8rem}.debug-info details{background:rgba(255,255,255,.05);border-radius:.3rem;padding:.5rem}.debug-info summary{cursor:pointer;color:#ffffffb3;font-weight:500}.debug-info ul{margin:.5rem 0 0;padding-left:1rem;color:#fff9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums}.debug-info li{margin-bottom:.2rem}.permission-pending{display:flex;justify-content:center;align-items:center;padding:2rem}.permission-request{text-align:center;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:1rem;padding:2rem;max-width:400px}.permission-request h3{margin:0 0 1rem;color:#3b82f6;font-size:1.25rem}.permission-request p{margin:0 0 1.5rem;color:#ffffffe6}.permission-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);color:#fff;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.permission-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.permission-button:active{transform:translateY(0)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 768px){.visual-feedback{max-width:300px}.record-button{width:100px;height:100px;font-size:2.5rem}.audio-level-indicator{width:100px;height:6px}.recording-info{font-size:.9rem}.recorder-container{max-width:350px}}.model-status-container{display:flex;justify-content:center;width:100%}.microphone-icon{width:50px;height:50px;filter:brightness(0) saturate(100%) invert(100%);transition:all .3s ease;display:block;margin:0 auto}.record-button:hover .microphone-icon{filter:brightness(0) saturate(100%) invert(100%) drop-shadow(0 0 8px rgba(255,255,255,.5))}.microphone-emoji-fallback{font-size:2rem;line-height:1}.results-display{width:100%;min-height:300px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.results-display h1,.results-display h2,.results-display h3,.results-display h4,.results-display h5,.results-display h6,.results-display p,.results-display span:not(.insect-icon):not(.fallback-emoji),.results-display strong,.results-display em,.results-display .confidence-text,.results-display .species-name,.results-display .common-name,.results-display .scientific-name{text-shadow:0 2px 4px rgba(0,0,0,.4)}.music-hero-card{background:radial-gradient(ellipse at center,rgba(30,20,10,.95) 0%,rgba(50,35,20,.9) 40%,transparent 70%),linear-gradient(135deg,rgba(139,69,19,.9) 0%,rgba(255,140,0,.9) 25%,rgba(255,215,0,.9) 50%,rgba(255,165,0,.9) 75%,rgba(255,69,0,.9) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(255,215,0,.4);box-shadow:0 20px 40px #ff8c004d,0 8px 16px #0003,inset 0 1px #ffffff26;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.music-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);pointer-events:none}.music-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.music-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.music-card-title h2{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.music-card-title p{color:#ffffffe6;margin:.25rem 0 0;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.music-analysis-grid{display:grid;gap:1.5rem}.music-primary{text-align:center;margin-bottom:1rem}.music-genre{color:#fff;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.5);text-transform:capitalize;letter-spacing:1px}.music-confidence{color:#fffffff2;font-size:1.2rem;font-weight:600;margin:.5rem 0 0;text-shadow:0 2px 4px rgba(0,0,0,.4)}.music-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.music-detail{display:flex;align-items:flex-start;gap:.75rem;background:radial-gradient(ellipse at center,rgba(15,40,25,.9) 0%,rgba(25,60,35,.8) 60%,transparent 100%),rgba(255,215,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:16px;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a}.music-detail.instruments{grid-column:1 / -1}.detail-icon{font-size:1.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.music-detail strong{color:#fff;font-weight:700;font-size:1rem;display:block;margin-bottom:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.4)}.music-detail p{color:#fffffff2;margin:0;font-size:.95rem;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.music-hero-card{padding:1.5rem}.music-genre{font-size:2rem}.music-details-grid{grid-template-columns:1fr}.music-detail.instruments{grid-column:1}}.bird-hero-card{background:radial-gradient(ellipse at center,rgba(10,30,20,.95) 0%,rgba(20,50,35,.9) 40%,transparent 70%),linear-gradient(135deg,rgba(34,139,34,.9) 0%,rgba(50,205,50,.9) 25%,rgba(0,250,154,.9) 50%,rgba(0,255,127,.9) 75%,rgba(173,255,47,.9) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(50,205,50,.4);box-shadow:0 20px 40px #32cd324d,0 8px 16px #0003;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.insect-hero-card{background:radial-gradient(ellipse at center,rgba(20,10,30,.95) 0%,rgba(35,20,50,.9) 40%,transparent 70%),linear-gradient(135deg,rgba(75,0,130,.9) 0%,rgba(138,43,226,.9) 25%,rgba(147,112,219,.9) 50%,rgba(186,85,211,.9) 75%,rgba(221,160,221,.9) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(138,43,226,.4);box-shadow:0 20px 40px #8a2be24d,0 8px 16px #0003;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.speech-hero-card{background:radial-gradient(ellipse at center,rgba(10,20,30,.95) 0%,rgba(20,35,50,.9) 40%,transparent 70%),linear-gradient(135deg,rgba(0,123,255,.9) 0%,rgba(0,191,255,.9) 25%,rgba(135,206,235,.9) 50%,rgba(173,216,230,.9) 75%,rgba(240,248,255,.9) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(0,191,255,.4);box-shadow:0 20px 40px #00bfff4d,0 8px 16px #0003;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.environmental-hero-card{background:radial-gradient(ellipse at center,rgba(30,20,10,.95) 0%,rgba(50,35,20,.9) 40%,transparent 70%),linear-gradient(135deg,rgba(160,82,45,.9) 0%,rgba(205,133,63,.9) 25%,rgba(222,184,135,.9) 50%,rgba(240,230,140,.9) 75%,rgba(255,228,181,.9) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(205,133,63,.4);box-shadow:0 20px 40px #cd853f4d,0 8px 16px #0003;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.bird-card-header,.insect-card-header,.speech-card-header,.environmental-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.bird-icon,.insect-icon,.speech-icon,.environmental-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.bird-card-title h2,.insect-card-title h2,.speech-card-title h2,.environmental-card-title h2{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bird-card-title p,.insect-card-title p,.speech-card-title p,.environmental-card-title p{color:#ffffffe6;margin:.25rem 0 0;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bird-analysis-grid,.insect-analysis-grid,.speech-analysis-grid,.environmental-analysis-grid{display:grid;gap:1.5rem}.bird-primary,.insect-primary,.speech-primary,.environmental-primary{text-align:center;margin-bottom:1rem}.bird-species,.insect-species,.speech-type,.environmental-type{color:#fff;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.5);text-transform:capitalize;letter-spacing:1px}.bird-scientific{color:#ffffffd9;font-size:1.3rem;font-style:italic;margin:.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.4)}.bird-confidence,.insect-confidence,.speech-confidence,.environmental-confidence{color:#fffffff2;font-size:1.2rem;font-weight:600;margin:.5rem 0 0;text-shadow:0 2px 4px rgba(0,0,0,.4)}.insect-common-name{margin:.5rem 0;font-size:1.1rem;font-weight:500;color:#dda0dde6;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.4)}.bird-details-grid,.insect-details-grid,.environmental-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.speech-transcription{margin-top:1rem}.bird-detail{display:flex;align-items:flex-start;gap:.75rem;background:radial-gradient(ellipse at center,rgba(15,40,25,.9) 0%,rgba(25,60,35,.8) 60%,transparent 100%),rgba(50,205,50,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:16px;border:1px solid rgba(50,205,50,.3);box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a}.insect-detail{display:flex;align-items:flex-start;gap:.75rem;background:radial-gradient(ellipse at center,rgba(15,40,25,.9) 0%,rgba(25,60,35,.8) 60%,transparent 100%),rgba(138,43,226,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:16px;border:1px solid rgba(138,43,226,.3);box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a}.speech-detail{display:flex;align-items:flex-start;gap:.75rem;background:radial-gradient(ellipse at center,rgba(15,40,25,.9) 0%,rgba(25,60,35,.8) 60%,transparent 100%),rgba(0,191,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:16px;border:1px solid rgba(0,191,255,.3);box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a}.environmental-detail{display:flex;align-items:flex-start;gap:.75rem;background:radial-gradient(ellipse at center,rgba(15,40,25,.9) 0%,rgba(25,60,35,.8) 60%,transparent 100%),rgba(205,133,63,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:16px;border:1px solid rgba(205,133,63,.3);box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a}.transcription-text{font-style:italic;background:rgba(15,40,25,.8);padding:.75rem;border-radius:8px;border-left:3px solid rgba(0,191,255,.6);margin-top:.5rem!important}.transcription-loading{display:flex;align-items:center;gap:.75rem;background:rgba(15,40,25,.8);padding:.75rem;border-radius:8px;border-left:3px solid rgba(0,191,255,.6);margin-top:.5rem}.transcription-loading p{margin:0;color:#ffffffe6;font-style:italic}.transcription-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid rgba(0,191,255,.8);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bird-detail strong,.insect-detail strong,.speech-detail strong,.environmental-detail strong{color:#fff;font-weight:700;font-size:1rem;display:block;margin-bottom:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.4)}.bird-detail p,.insect-detail p,.speech-detail p,.environmental-detail p{color:#fffffff2;margin:0;font-size:.95rem;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.bird-hero-card,.insect-hero-card,.speech-hero-card,.environmental-hero-card{padding:1.5rem}.bird-species,.insect-species,.speech-type,.environmental-type{font-size:2rem}.bird-details-grid,.insect-details-grid,.environmental-details-grid{grid-template-columns:1fr}}.results-content{padding:2rem}.processing{display:flex;align-items:center;justify-content:center;min-height:200px}.processing-animation{text-align:center}.sound-waves{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:1.5rem}.wave{width:4px;height:20px;background:linear-gradient(to top,#667eea,#764ba2);border-radius:2px;animation:wave 1.5s ease-in-out infinite}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}.wave:nth-child(4){animation-delay:.3s}.empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;max-width:500px;padding-top:1rem}.empty-state h3{margin:0 0 1rem;font-size:1.5rem;color:#fff}.empty-state p{margin:0 0 1.5rem;color:#fffc;line-height:1.6}.empty-state ul{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:.75rem}.empty-state li{background:rgba(255,255,255,.1);padding:1rem;border-radius:10px;text-align:left;color:#ffffffe6}.error{display:flex;align-items:center;justify-content:center;min-height:200px}.error-content{text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-content h3{margin:0 0 1rem;color:#ef4444}.error-content p{margin:0 0 1.5rem;color:#fffc}.retry-button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003}.main-result{margin-bottom:2rem}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.result-icon{font-size:3rem;flex-shrink:0}.result-info{flex:1}.result-title{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#fff;line-height:1.2}.result-source{margin:0;color:#ffffffb3;font-size:.9rem}.confidence-display{flex-shrink:0}.confidence-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.confidence-inner{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#333}.specialized-results{margin-bottom:2rem}.specialized-results h4{margin:0 0 1rem;color:#fff;font-size:1.2rem}.specialized-result{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.specialized-result .result-header{margin-bottom:1rem;align-items:flex-start}.specialized-result .result-icon{font-size:1.5rem}.result-type{font-weight:600;color:#fff;font-size:1.1rem}.confidence-badge{padding:.25rem .75rem;border-radius:20px;background:rgba(255,255,255,.1);font-size:.85rem;font-weight:600;margin-left:auto}.result-content{margin-left:2.5rem}.result-label{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#fff}.result-details{background:rgba(255,255,255,.05);padding:1rem;border-radius:8px;border-left:3px solid rgba(255,255,255,.3)}.result-details p{margin:0 0 .5rem;color:#fffc;font-size:.9rem}.result-details p:last-child{margin-bottom:0}.result-details strong{color:#fff}.top-predictions{margin-bottom:2rem}.top-predictions h4{margin:0 0 1rem;color:#fff;font-size:1.2rem}.predictions-list{display:grid;gap:.75rem}.prediction-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.prediction-label{flex:1;color:#ffffffe6;font-size:.9rem}.prediction-confidence{display:flex;align-items:center;gap:.75rem;flex-shrink:0;width:120px}.confidence-bar{height:4px;border-radius:2px;flex:1;background:rgba(255,255,255,.2)}.confidence-text{font-size:.8rem;color:#ffffffb3;width:35px;text-align:right}.processing-info{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-item{text-align:center}.info-label{display:block;font-size:.8rem;color:#fff9;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.info-value{display:block;font-size:1rem;font-weight:600;color:#fff}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}@media (max-width: 768px){.results-content{padding:1.5rem}.result-header{flex-direction:column;align-items:flex-start;gap:1rem}.confidence-display{align-self:center}.result-title{font-size:1.5rem}.specialized-result .result-content{margin-left:0;margin-top:1rem}.info-grid{grid-template-columns:1fr;gap:.75rem}.prediction-confidence{width:100px}}.speech-transcription{margin-top:1.5rem;padding:1.5rem;background:rgba(103,126,234,.1);border-radius:12px;border:1px solid rgba(103,126,234,.3)}.speech-transcription h4{margin:0 0 1rem;color:#fff;font-size:1.2rem}.speech-transcription .transcription-content{display:grid;gap:.75rem}.speech-transcription .transcription-text{padding:1rem;background:rgba(0,0,0,.3);border-radius:8px;color:#e2e8f0;line-height:1.5;font-size:1rem;font-style:italic;border-left:3px solid #667eea}.speech-transcription .transcription-meta{font-size:.9rem;color:#ffffffb3;text-align:right}.transcription-section{margin-bottom:2rem;padding:1.5rem;background:rgba(103,126,234,.1);border-radius:12px;border:1px solid rgba(103,126,234,.3)}.transcription-section h4{margin:0 0 1rem;color:#fff;font-size:1.2rem}.transcription-content{display:grid;gap:1rem}.transcription-result{background:rgba(255,255,255,.05);border-radius:8px;overflow:hidden}.transcription-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(103,126,234,.2)}.transcription-source{font-weight:600;color:#fff;font-size:.9rem}.transcription-confidence{font-size:.8rem;color:#fffc}.transcription-text{padding:1rem;background:rgba(0,0,0,.2);color:#e2e8f0;line-height:1.5;font-size:1rem;font-style:italic;border-left:3px solid #667eea}.transcription-display{margin-top:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid #667eea}.transcription-display .transcription-text{margin:.5rem 0 0;padding:.75rem;background:rgba(0,0,0,.2);border-radius:6px;font-style:italic;color:#e2e8f0;line-height:1.5;font-size:.95rem}.insect-image-container{position:relative;display:flex;align-items:center;justify-content:center}.insect-species-image{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #0000004d,0 0 0 2px #9370db99;transition:all .3s ease;background:rgba(255,255,255,.1)}.insect-species-image:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006,0 0 0 3px #9370dbcc}.fallback-emoji{font-size:4rem}.wikipedia-link{color:#ffffffe6;text-decoration:none;font-size:.9rem;margin-top:.5rem;display:inline-block;padding:.3rem .8rem;border:1px solid rgba(255,255,255,.3);border-radius:15px;transition:all .3s ease;background:rgba(255,255,255,.1)}.wikipedia-link:hover{background:rgba(255,255,255,.2);border-color:#ffffff80;transform:translateY(-1px);text-decoration:none}.bird-image-container{position:relative;display:flex;align-items:center;justify-content:center}.bird-species-image{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #0000004d,0 0 0 2px #228b2299;transition:all .3s ease;background:rgba(255,255,255,.1)}.bird-species-image:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006,0 0 0 3px #228b22cc}.bird-description{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin:1rem 0 0;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border-left:3px solid rgba(34,139,34,.6)}.birdnet-link{color:#fffffff2;text-decoration:underline;text-decoration-color:#228b2299;transition:all .3s ease}.birdnet-link:hover{color:#32cd32;text-decoration-color:#32cd32;text-shadow:0 0 8px rgba(50,205,50,.4)}.chirpkit-link{color:#fffffff2;text-decoration:underline;text-decoration-color:#9370db99;transition:all .3s ease}.chirpkit-link:hover{color:#ba55d3;text-decoration-color:#ba55d3;text-shadow:0 0 8px rgba(186,85,211,.4)}.insect-description{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin:1rem 0 0;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border-left:3px solid rgba(147,112,219,.6)}.music-image-container{position:relative;display:flex;align-items:center;justify-content:center}.music-genre-image{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #0000004d,0 0 0 2px #ff8c0099;transition:all .3s ease;background:rgba(255,255,255,.1)}.music-genre-image:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006,0 0 0 3px #ff8c00cc}.music-description{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin:1rem 0 0;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border-left:3px solid rgba(255,140,0,.6)}.environmental-image-container{position:relative;display:flex;align-items:center;justify-content:center}.environmental-sound-image{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #0000004d,0 0 0 2px #6c757d99;transition:all .3s ease;background:rgba(255,255,255,.1)}.environmental-sound-image:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006,0 0 0 3px #6c757dcc}.environmental-description{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin:1rem 0 0;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border-left:3px solid rgba(108,117,125,.6)}.speech-icon-svg,.music-icon-svg,.bird-icon-svg,.insect-icon-svg,.environmental-icon-svg{width:40px;height:40px;filter:brightness(0) saturate(100%) invert(100%);transition:all .3s ease;display:block}.speech-hero-card:hover .speech-icon-svg,.music-hero-card:hover .music-icon-svg,.bird-hero-card:hover .bird-icon-svg,.insect-hero-card:hover .insect-icon-svg,.environmental-hero-card:hover .environmental-icon-svg{filter:brightness(0) saturate(100%) invert(100%) drop-shadow(0 0 8px rgba(255,255,255,.5))}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%),radial-gradient(ellipse 800px 600px at 85% 10%,rgba(90,111,216,.4) 0%,transparent 50%),radial-gradient(ellipse 700px 500px at 15% 90%,rgba(139,95,191,.3) 0%,transparent 60%),radial-gradient(ellipse 1000px 400px at 50% 40%,rgba(118,75,162,.2) 0%,transparent 70%),radial-gradient(ellipse 600px 800px at 20% 20%,rgba(102,126,234,.25) 0%,transparent 55%),radial-gradient(ellipse 900px 300px at 80% 80%,rgba(90,111,216,.15) 0%,transparent 65%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header{text-align:center;padding:1rem 1rem 2rem;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.05) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a}.app-logo{height:6rem;max-width:100%;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.app-header p{margin:0;font-size:1rem;font-weight:400;letter-spacing:-.01em;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.4)}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.app-content{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem}.app-footer{text-align:center;padding:2rem 1rem 1rem;background:linear-gradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.05) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000001a;font-size:.9rem;opacity:.8}.app-footer a{color:#ffffffe6;text-decoration:underline;text-decoration-color:#ffffff80;transition:all .3s ease;text-underline-offset:2px}.app-footer a:hover{color:#fff;text-decoration-color:#fffc;text-shadow:0 0 8px rgba(255,255,255,.3)}@media (max-width: 768px){.app-logo{height:4rem}.app-header p{font-size:.9rem}.app-content{gap:1rem}.app-main{padding:1rem}}