:root{color:#242238;background:#f8f5ee;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.topic{border:0;cursor:pointer;padding:8px 10px;border-radius:999px;background:#f0edf8;color:#4c4270}.topic.selected{background:#51487d;color:#fff}.error-message{color:#a12f2f;line-height:1.5}.app-shell{width:min(100%,680px);margin:0 auto;padding:28px 20px 48px}.preview-badge,.eyebrow{color:#6b627d;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.lesson-header{margin:18px 0}.lesson-header p{margin:0;color:#6b627d}.lesson-card,.setting-card,.conversation-card{margin-top:18px;padding:22px;border-radius:18px;background:#fffdf9;box-shadow:0 7px 24px #26203c12}.lesson-card p{line-height:1.8}.pause{padding:14px 0;font-weight:650}.reveal{margin-top:24px;border-top:1px solid #e6dfd4}.fork-heading{margin-top:22px}.primary-button,.secondary-button,.text-button,.icon-button{border:0;cursor:pointer}.primary-button{width:100%;padding:14px 16px;border-radius:12px;background:#35305e;color:#fff;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{width:100%;margin-top:18px;padding:12px 14px;border-radius:12px;color:#35305e;background:#efebff;font-weight:700}.text-button{display:block;margin:14px auto 0;color:#51487d;background:transparent;text-decoration:underline}.fork-list,.conversation-context{display:grid;gap:10px;padding-left:22px}.fork-list li,.conversation-context li{padding-left:4px;line-height:1.6}.intro{line-height:1.7;color:#5d596d}.conversation-card{border:1px solid #dcd4ef}.conversation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.conversation-heading h2{margin:4px 0 12px;font-size:1.25rem}.icon-button{width:32px;height:32px;border-radius:50%;color:#51487d;background:#efebff;font-size:1.4rem;line-height:1}.conversation-input{display:grid;gap:8px;margin:20px 0 12px;font-weight:650}.conversation-input textarea{min-height:100px;resize:vertical;padding:12px;border:1px solid #d7d0c6;border-radius:10px;background:#fff;font:inherit}.conversation-note{color:#5d596d;line-height:1.6}.switch-row,.time-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.switch-row small{display:block;margin-top:5px;color:#6c6875;line-height:1.45}.time-row{margin-top:18px}.time-row input{padding:8px;border:1px solid #d7d0c6;border-radius:8px}.topic-list{display:flex;flex-wrap:wrap;gap:8px}.topic-list span{padding:8px 10px;border-radius:999px;background:#efebff;color:#4c4270}