@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap);
:root{--cr-bg:#0b0e13;--cr-card:#14171f;--cr-card-border:rgba(41,48,61,.5);--cr-primary:#2977f5;--cr-primary-glow:rgba(41,119,245,.15);--cr-accent:#ff7919;--cr-accent-glow:rgba(255,121,25,.2);--cr-text:#f8fafc;--cr-text-muted:#98a4b3;--cr-success:#20c55d;--cr-error:#f43e5c;--cr-radius:16px;--cr-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.cyber-recall-wrapper{align-items:center;background-color:var(--cr-bg);box-sizing:border-box;color:var(--cr-text);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:2.5rem 1.5rem}.cr-container{display:flex;flex-direction:column;gap:2rem;max-width:960px;width:100%}.cr-title{background:linear-gradient(135deg,#f8fafc,#b3bdcc);-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-align:center;-webkit-text-fill-color:transparent}.cr-subtitle{color:var(--cr-text-muted);font-size:1rem;margin:0;text-align:center}.cr-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(16,20,30,.65);border:1px solid var(--cr-card-border);border-radius:var(--cr-radius);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);padding:2rem;transition:var(--cr-transition)}.cr-card:hover{border-color:rgba(41,119,245,.3);box-shadow:0 12px 40px 0 rgba(0,0,0,.4),0 0 15px 0 var(--cr-primary-glow)}.cr-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.cr-input-group label{color:var(--cr-text-muted);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.cr-input{background:rgba(30,41,59,.4);border:1px solid var(--cr-card-border);border-radius:8px;color:var(--cr-text);font-size:1rem;outline:none;padding:.75rem 1rem;transition:var(--cr-transition)}.cr-input:focus{border-color:var(--cr-primary);box-shadow:0 0 0 3px var(--cr-primary-glow)}.cr-textarea{min-height:120px;resize:vertical}.cr-btn-grid{display:flex;flex-wrap:wrap;gap:1rem}.cr-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.925rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:var(--cr-transition)}.cr-btn-primary{background:linear-gradient(135deg,var(--cr-primary) 0,#0b60ea 100%);box-shadow:0 4px 15px rgba(27,108,243,.3);color:#fff}.cr-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(27,108,243,.4),0 0 10px var(--cr-primary);transform:translateY(-2px)}.cr-btn-secondary{background:hsla(0,0%,100%,.05);border:1px solid var(--cr-card-border);color:var(--cr-text)}.cr-btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:var(--cr-text-muted)}.cr-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.cr-player-container{display:flex;flex-direction:column;gap:1.5rem}.cr-wavesurfer{background:rgba(16,22,35,.8);border:1px solid var(--cr-card-border);border-radius:12px;padding:1rem;width:100%}.cr-player-controls{flex-wrap:wrap;justify-content:space-between}.cr-player-controls,.cr-speed-control{align-items:center;display:flex;gap:1rem}.cr-speed-slider{accent-color:var(--cr-primary);width:120px}.cr-mode-selector{background:hsla(0,0%,100%,.03);border:1px solid var(--cr-card-border);border-radius:10px;display:flex;gap:.25rem;padding:.35rem}.cr-mode-btn{background:transparent;border:none;border-radius:7px;color:var(--cr-text-muted);cursor:pointer;flex:1;font-weight:500;padding:.6rem;transition:var(--cr-transition)}.cr-mode-btn.active{background:var(--cr-primary);color:#fff}.cr-exam-locked{border:2px solid var(--cr-error);position:relative}.cr-exam-overlay{align-items:center;background:rgba(239,68,68,.05);border-radius:8px;color:var(--cr-error);display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;text-align:center}.cr-progress-card{display:flex;flex-direction:column;gap:1rem}.cr-progress-bar-wrapper{background:hsla(0,0%,100%,.05);border-radius:9999px;height:8px;overflow:hidden;position:relative}.cr-progress-bar{background:linear-gradient(90deg,var(--cr-primary) 0,var(--cr-accent) 100%);height:100%;transition:width .1s linear}.cr-transcript-text{background:rgba(0,0,0,.2);border:1px dashed var(--cr-card-border);border-radius:8px;color:var(--cr-text);font-size:1.2rem;line-height:1.8;padding:1.5rem}.cr-word{border-radius:3px;cursor:pointer;display:inline-block;margin-right:.35rem;padding:0 .15rem;transition:background-color .1s ease,color .1s ease}.cr-word.active{background-color:var(--cr-accent);box-shadow:0 0 10px var(--cr-accent-glow);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);transform:scale(1.05)}.cr-eval-verdict{display:flex;flex-direction:column;gap:1.5rem}.cr-score-ring{align-items:center;align-self:center;background:radial-gradient(circle,rgba(16,20,30,.9) 60%,transparent 100%);border:4px solid var(--cr-primary);border-radius:50%;box-shadow:0 0 20px var(--cr-primary-glow);display:flex;font-size:1.75rem;font-weight:700;height:90px;justify-content:center;width:90px}.cr-score-ring.perfect{border-color:var(--cr-success);box-shadow:0 0 20px rgba(74,222,128,.2)}.cr-evaluation-content{color:#e0e6eb;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.cr-evaluation-content h3{color:var(--cr-primary);margin-bottom:.5rem;margin-top:1.5rem}.cr-spinner{animation:cr-spin 1s ease-in-out infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top:3px solid var(--cr-primary);height:24px;width:24px}@keyframes cr-spin{to{transform:rotate(1turn)}}.cr-alert{border:1px solid;border-radius:8px;font-size:.95rem;margin-bottom:1rem;padding:1rem}.cr-alert-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#f9a}.cr-alert-success{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.3);color:#baf7d1}.cr-record-list{display:flex;flex-direction:column;gap:.75rem}.cr-record-item{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid var(--cr-card-border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:var(--cr-transition)}.cr-record-item:hover{background:hsla(0,0%,100%,.05);border-color:var(--cr-primary)}.cr-record-details{display:flex;flex-direction:column;gap:.25rem}.cr-record-source{font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-record-meta{color:var(--cr-text-muted);font-size:.8rem}.cr-btn-delete{background:transparent;border:1px solid var(--cr-error);border-radius:6px;color:var(--cr-error);cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:var(--cr-transition)}.cr-btn-delete:hover{background:var(--cr-error);box-shadow:0 0 10px rgba(239,68,68,.4);color:#fff}