@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600&family=IBM+Plex+Serif:wght@400;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{min-height:100vh;padding:3rem 1.5rem 4rem;color:#101828;background:radial-gradient(circle at top,#f7f3ea,#f2efe7 45%,#f8f5ee);font-family:"IBM Plex Serif",Georgia,serif}.app__header{max-width:960px;margin:0 auto 2.5rem;text-align:left}.app__header h1{font-size:2.75rem;margin:0 0 .5rem}.app__header p{margin:0;color:#475467;font-size:1.1rem}.app__main{max-width:1120px;margin:0 auto;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background:#fffdf8;border:1px solid #e4ded3;padding:1.5rem;border-radius:16px;box-shadow:0 18px 60px #544a3a1f}.card--info{background:#fefcf7}.card--wide{grid-column:1 / -1}.card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.form{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-size:.95rem;color:#344054}input{padding:.6rem .8rem;border-radius:10px;border:1px solid #d0c7b7;font-size:1rem;font-family:IBM Plex Sans,Helvetica Neue,sans-serif}.textarea{padding:.75rem .9rem;border-radius:12px;border:1px solid #d0c7b7;font-size:1rem;font-family:IBM Plex Sans,Helvetica Neue,sans-serif;resize:vertical}.button{padding:.7rem 1rem;border-radius:999px;border:none;background:#8c5d3b;color:#fff;font-weight:600;cursor:pointer}.button--ghost{background:transparent;color:#8c5d3b;border:1px solid #8c5d3b}.link{background:none;border:none;color:#8c5d3b;cursor:pointer;font-weight:600}.status{margin:0;color:#b42318}.status--ok{color:#157f3d}.user{display:grid;gap:.8rem}.ratio{display:grid;gap:.4rem;margin-top:.5rem;width:100%}.ratio__label{font-weight:600;color:#6f4d33}.ratio__input{width:100%;max-width:100%;box-sizing:border-box}.menu{grid-column:1 / -1;display:flex;gap:.75rem}.menu__button{border:1px solid #d6cbb9;background:#fffaf1;color:#6f4d33;padding:.6rem 1rem;border-radius:999px;cursor:pointer;font-weight:600}.menu__button--active{border-color:#8c5d3b;color:#8c5d3b}.lesson__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.lesson__score{width:92px;height:92px;border-radius:50%;background:#8c5d3b;color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 14px 30px #8c5d3b40}.lesson__score-value{font-size:1.6rem;font-weight:600;line-height:1}.lesson__score-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.lesson__body{margin-top:1.5rem;display:grid;gap:1.5rem}.lesson__prompt{font-size:1.6rem;font-weight:600;padding:1.2rem 1.5rem;background:#fdf7ec;border:1px solid #eadfcd;border-radius:16px}.lesson__actions{display:flex;gap:.75rem;flex-wrap:wrap}.lesson__feedback{display:grid;gap:.75rem;padding:1rem 1.2rem;border-radius:14px;background:#fffaf1;border:1px solid #eadfcd}.lesson__answer{margin:0;font-weight:600;font-size:1.1rem}.lesson__stats{display:flex;gap:1.5rem;font-weight:600;color:#6f4d33}.weave-output{margin-top:1.5rem;padding:1rem 1.2rem;border-radius:14px;background:#fffaf1;border:1px solid #eadfcd;display:grid;gap:.75rem}.weave-output__actions{display:flex;flex-wrap:wrap;gap:.75rem}.weave-output__header h3{margin:0;font-size:1.1rem}.weave-phrases{display:grid;gap:.75rem}.weave-phrase{padding:.75rem .9rem;border-radius:12px;background:#fffdf8;border:1px solid #eadfcd;font-family:IBM Plex Sans,Helvetica Neue,sans-serif}.weave-phrase p{margin:0}.icon{display:inline-flex;margin-right:.4rem}.json-block{margin:0;white-space:pre-wrap;font-size:.85rem;color:#2b2b2b}.modal{position:fixed;inset:0;background:#1018288c;display:grid;place-items:center;padding:1.5rem;z-index:10}.modal__content{background:#fffdf8;border-radius:16px;padding:1.5rem;max-width:420px;width:100%;border:1px solid #e4ded3;box-shadow:0 20px 60px #10182833}.modal__content--dark{background:#1c1a16;color:#f8f3e8;border-color:#ffffff14;text-align:center}.spinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#e2b279;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.role{font-weight:600}.muted{color:#667085;display:block;font-size:.9rem}ul{padding-left:1.2rem;margin:0 0 1rem;color:#344054}.table{width:100%;border-collapse:collapse;font-family:IBM Plex Sans,Helvetica Neue,sans-serif}.table th,.table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid #e6dfd4}.table th:last-child,.table td:last-child{width:1%;white-space:nowrap}.table thead th{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#8c5d3b}@media(max-width:720px){.app{padding:2.5rem 1.2rem 3rem}.app__header h1{font-size:2.25rem}.app__main{grid-template-columns:1fr}.menu{flex-wrap:wrap}.menu__button{flex:1 1 auto}.lesson__header{flex-direction:column;align-items:flex-start}.lesson__score{align-self:flex-start}.table{display:block;overflow-x:auto}.table thead{white-space:nowrap}}