:root{--accent: #7c6fcd;--accent-light: #eeecfb;--accent-mid: #c5bff0;--accent-dark: #5a4fb0;--bg: #faf9f7;--surface: #ffffff;--surface-2: #f5f3ef;--border: #e8e5df;--border-soft: #f0ede7;--text: #3d3a35;--text-muted: #9b9690;--text-faint: #c4c0b8;--green: #4a9e7a;--green-bg: #edf7f2;--amber: #c08a2a;--amber-bg: #fdf5e6;--red: #c05a3a;--red-bg: #fdf0eb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);font:15px/1.6 Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fadeIn{animation:fadeIn .25s ease both}button{transition:opacity .15s,box-shadow .15s}button:hover:not(:disabled){opacity:.88}textarea:focus,input:focus{outline:2px solid var(--accent-mid);outline-offset:1px}.rdbl-very-easy{background:#e6f4ea;color:#2d7a4a}.rdbl-easy{background:#edf7f2;color:#3a8a5a}.rdbl-fairly-easy{background:#f0f7e6;color:#4a7a2a}.rdbl-standard{background:#fdf5e6;color:#8a6020}.rdbl-fairly-diff{background:#fdf0eb;color:#a05030}.rdbl-difficult{background:#fdecea;color:#b03030}.rdbl-very-confusing{background:#f9e6e6;color:#902020}.sent-bar-short{background:#a8d8b8}.sent-bar-mid{background:#f0c070}.sent-bar-long{background:#e89070}.skeleton{background:linear-gradient(90deg,var(--border-soft) 25%,var(--border) 50%,var(--border-soft) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.score-ring-arc{transition:stroke-dasharray .8s ease}