.ai-voice-page{background:radial-gradient(circle at top right, #b896570d, transparent), radial-gradient(circle at bottom left, #4a9e7e0d, transparent), var(--black-light);min-height:100vh;padding:120px 0 100px}.diagnostic-container{max-width:1000px;margin:0 auto}.recording-box{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:32px;margin-bottom:40px;padding:60px}.record-button-wrapper{margin:0 auto 32px;position:relative}.record-btn{background:var(--gold);cursor:pointer;color:#000;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.record-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #b8965766}.record-btn.recording{background:#ef4444;animation:1.5s infinite pulse}.record-ripple{border:2px solid var(--gold);opacity:0;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.recording .record-ripple{animation:2s infinite ripple}.recording-status canvas{filter:drop-shadow(0 0 8px #b896574d);width:100%;height:100%;display:block}@keyframes ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.results-grid{grid-template-columns:1.2fr 1fr;gap:32px;animation:.8s forwards fadeInUp;display:grid}.chart-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:40px}.analysis-details{flex-direction:column;gap:20px;display:flex}.detail-item{background:#ffffff08;border-radius:16px;padding:20px}.detail-header{justify-content:space-between;margin-bottom:8px;display:flex}.progress-bar-bg{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--gold), #fcd34d);height:100%;transition:width 1s ease-out}.recommendation-card{background:linear-gradient(135deg,#b896571a,#4a9e7e1a);border:1px solid #b8965733;border-radius:24px;grid-column:span 2;padding:40px}.tag-suggestion{color:var(--gold);background:#b896571a;border:1px solid #b896574d;border-radius:50px;margin-top:16px;padding:6px 16px;font-size:.85rem;display:inline-block}@media (max-width:768px){.results-grid{grid-template-columns:1fr}.recommendation-card{grid-column:span 1}}