.sprint-page{display:flex;flex-direction:column;gap:1.25rem}.sprint-page .study-viewer-bar{margin:-3rem -2rem 0;border-bottom:1px solid var(--line)}.sprint-controls{display:flex;flex-direction:column;gap:.75rem}.sprint-engines{display:flex;flex-wrap:wrap;gap:.5rem}.sprint-engine-btn{background:var(--panel);border:1px solid var(--line);padding:.5rem .9rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--ink);cursor:pointer}.sprint-engine-btn.active{background:var(--red);border-color:var(--red);color:#fff}.sprint-ai-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;cursor:pointer}.sprint-ai-toggle.disabled{color:var(--muted);cursor:default}.sprint-ai-note{font-size:.85rem;color:var(--muted)}.sprint-stats{display:flex;flex-wrap:wrap;gap:.5rem}.sprint-chip{font-size:.8rem;font-weight:600;padding:.25rem .7rem;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.sprint-chip.ai{background:var(--purple-bg);color:var(--purple);border-color:var(--purple)}.sprint-chip.rej{background:var(--neg-bg);color:var(--neg);border-color:var(--neg)}.sprint-notice{font-size:.85rem;color:var(--amber);font-weight:600}.sprint-loading{padding:2.5rem;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:8px}.quiz{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.quiz-type{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:flex;align-items:center;gap:.6rem}.quiz-badge{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple);padding:.1rem .55rem;border-radius:999px;font-size:.75rem;letter-spacing:0;text-transform:none}.quiz-context{background:var(--bg);border-left:4px solid var(--blue);padding:.75rem 1rem;border-radius:4px;font-size:.95rem}.quiz-code{background:#1c1c1c;color:#e8e6e1;padding:1rem;border-radius:6px;font-size:.9rem;overflow-x:auto;line-height:1.5}.quiz-text{font-size:1.1rem;font-weight:600}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.quiz-option{background:var(--bg);border:1px solid var(--line);padding:.75rem;border-radius:6px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer}.quiz-option:hover{border-color:var(--red)}.quiz-option.correct{background:var(--pos-bg);border-color:var(--pos);color:var(--pos)}.quiz-option.wrong{background:var(--neg-bg);border-color:var(--neg);color:var(--neg)}.quiz-option.disabled{opacity:.55;cursor:default}.quiz-explain{padding:.85rem 1rem;border-radius:6px;font-size:.95rem;line-height:1.5}.quiz-explain.ok{background:var(--pos-bg);border-left:4px solid var(--pos)}.quiz-explain.ko{background:var(--neg-bg);border-left:4px solid var(--neg)}.quiz-next{align-self:flex-start;padding:.6rem 1.2rem}.quiz-visual{overflow-x:auto;padding:.5rem 0}.quiz-visual .compare-row{display:flex;align-items:center;gap:.35rem;padding:.4rem 0;font-family:SF Mono,Consolas,monospace;white-space:nowrap}.quiz-visual .rlabel{font-weight:700;color:var(--muted);margin-right:.5rem;font-family:inherit}.quiz-visual .blk{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:.3rem .55rem;font-size:1rem}.quiz-visual .blk.sep{background:none;border:none;padding:0 .1rem;color:var(--muted)}.quiz-visual .blk.hl{border-color:var(--amber)}.quiz-visual .blk-idx{position:absolute;top:-.7rem;right:-.3rem;font-size:.65rem;color:var(--muted)}.clase-page{display:flex;flex-direction:column;gap:1.25rem}.clase-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:8px}.clase-speed{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)}.clase-speed input[type=range]{width:120px;accent-color:var(--red)}.clase-voice-select{padding:.4rem .6rem;border:1px solid var(--line);border-radius:4px;font-size:.85rem;background:var(--bg);color:var(--ink);max-width:240px}.clase-board{display:flex;flex-direction:column;gap:1.25rem}.clase-exercise{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.5rem}.clase-steps{display:flex;flex-direction:column;gap:.75rem}.clase-step{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.2rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);transition:all .2s}.clase-step-num{flex-shrink:0;width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:var(--bg);color:var(--muted)}.clase-step-title{font-weight:700;margin-bottom:.25rem}.clase-step-narration{color:var(--muted);font-size:.95rem;line-height:1.5}.clase-step.active{border-color:var(--red);background:var(--pos-bg);box-shadow:0 0 0 2px #d8232a1f}.clase-step.active .clase-step-num{background:var(--red);color:#fff}.clase-step.active .clase-step-narration{color:var(--ink)}.clase-step.past{opacity:.55}.clase-step.future{opacity:.4}.clase-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 768px){.clase-controls{flex-direction:column;align-items:stretch}.clase-voice-select{max-width:none}.clase-actions{flex-direction:column-reverse}}.tutor-container{display:flex;height:100%;gap:1rem}.tutor-sidebar{width:200px;background:var(--panel);border-right:1px solid var(--line);padding:1.5rem;overflow-y:auto;flex-shrink:0}.tutor-sidebar h3{font-size:.9rem;font-weight:700;color:var(--muted);margin-bottom:1rem;text-transform:uppercase}.category-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.category-btn{background:var(--bg);border:1px solid var(--line);padding:.6rem .8rem;border-radius:4px;font-size:.85rem;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;transition:all .2s}.category-btn:hover{border-color:var(--red);background:var(--panel)}.category-btn.active{background:var(--red);color:#fff;border-color:var(--red)}.tutor-info{padding-top:1rem;border-top:1px solid var(--line);font-size:.8rem}.session-user{color:var(--muted);margin-bottom:.5rem;word-break:break-all}.session-status{color:var(--pos);font-weight:600}.tutor-main{flex:1;display:flex;flex-direction:column;min-width:0}.tutor-header{padding:1.5rem;border-bottom:1px solid var(--line);background:var(--panel)}.tutor-header h2{font-size:1.3rem;margin-bottom:.25rem}.tutor-subtitle{font-size:.9rem;color:var(--muted)}.tutor-note{padding:.8rem 1.5rem;background:var(--purple-bg);border-left:4px solid var(--purple);color:var(--ink);font-size:.9rem}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);text-align:center}.chat-empty p{margin:.5rem 0}.chat-message{display:flex;gap:.75rem;align-items:flex-start}.chat-message.user{justify-content:flex-end}.message-badge{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.chat-message.user .message-badge{order:2}.message-content{background:var(--bg);padding:.8rem 1rem;border-radius:8px;line-height:1.5;max-width:70%;word-wrap:break-word;white-space:pre-wrap}.chat-message.user .message-content{background:var(--red);color:#fff}.chat-message.assistant .message-content{background:var(--panel);border:1px solid var(--line)}.typing-indicator{display:flex;gap:.4rem;align-items:center;height:1.5rem}.typing-indicator span{width:.6rem;height:.6rem;border-radius:50%;background:var(--muted);animation:pulse 1.4s infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.chat-error{padding:1rem;background:var(--neg-bg);border-left:4px solid var(--neg);color:var(--neg);border-radius:4px;font-size:.9rem}.chat-form{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--line);background:var(--panel)}.chat-input{flex:1;padding:.75rem 1rem;border:1px solid var(--line);border-radius:4px;font-size:.95rem;font-family:inherit}.chat-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 2px #d8232a1a}.chat-input:disabled{background:var(--bg);cursor:wait}.chat-send{background:var(--red);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;font-size:.95rem;cursor:pointer;white-space:nowrap}.chat-send:hover:not(:disabled){background:#c0202e}.chat-send:disabled{opacity:.6;cursor:wait}@media (max-width: 768px){.tutor-container{flex-direction:column}.tutor-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--line);max-height:120px;padding:1rem}.category-list{flex-direction:row;flex-wrap:wrap;gap:.5rem}.category-btn{flex:1;min-width:100px}.message-content{max-width:90%}.chat-form{flex-wrap:wrap}.chat-input{flex-basis:100%}}:root{--bg: #F7F6F3;--panel: #FFFFFF;--ink: #1C1C1C;--muted: #6B6864;--line: #D8D5CC;--red: #D8232A;--pos: #1F7A4C;--pos-bg: #E6F1EA;--neg: #A63A22;--neg-bg: #F6E9E3;--amber: #B8860B;--purple: #7A2A63;--purple-bg: #F0E3EE;--blue: #2E6DA4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(90deg,#000,#1a1a1a);background-image:repeating-linear-gradient(90deg,var(--red) 0px,var(--red) 4px,transparent 4px,transparent 8px),linear-gradient(90deg,#000,#1a1a1a);color:#fff;padding:2rem;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header p{font-size:1rem;opacity:.9}.tabs{position:sticky;top:0;z-index:10;display:flex;gap:0;background:var(--panel);border-bottom:2px solid var(--line);padding:0 1rem;overflow-x:auto}.tab-btn{background:none;border:none;border-bottom:3px solid transparent;padding:.9rem 1.2rem;font-size:.95rem;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.tab-btn.active{color:var(--red);border-bottom-color:var(--red)}.main{flex:1;padding:3rem 2rem;max-width:1200px;margin:0 auto;width:100%}.main .tutor-container{max-width:100%;margin:-3rem -2rem 0 -3rem;padding:0;height:calc(100vh - 60px)}.hero{text-align:center;margin-bottom:3rem}.hero h2{font-size:2rem;margin-bottom:1rem;color:var(--ink)}.hero p{font-size:1.1rem;color:var(--muted);margin-bottom:2rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.feature{background:var(--panel);padding:1.5rem;border-radius:8px;border:1px solid var(--line);text-align:center}.feature h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--red)}.feature p{color:var(--muted);font-size:.95rem}.feature{font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color .2s,transform .2s}button.feature:hover{border-color:var(--red);transform:translateY(-2px)}.placeholder{background:var(--purple-bg);padding:2.5rem;border-radius:8px;border-left:4px solid var(--purple);text-align:center}.placeholder h2{margin-bottom:.75rem}.placeholder p{color:var(--muted)}.account-panel{max-width:420px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:2rem}.account-panel h2{margin-bottom:.75rem}.account-note{font-size:.9rem;color:var(--muted);margin-bottom:1.25rem}.account-email{margin-bottom:.5rem}.account-sync{font-size:.9rem;font-weight:600;color:var(--pos);margin-bottom:1rem}.account-form{display:flex;flex-direction:column;gap:1rem}.account-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--muted)}.account-form input{padding:.6rem .8rem;border:1px solid var(--line);border-radius:4px;font-size:1rem;font-family:inherit}.account-form input:focus{outline:2px solid var(--red);border-color:transparent}.primary-btn{background:var(--red);color:#fff;border:none;padding:.75rem;border-radius:4px;font-weight:700;font-size:1rem;cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:wait}.secondary-btn{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:.6rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.danger-btn{background:var(--neg-bg);color:var(--neg);border:1px solid var(--neg);padding:.6rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.link-btn{background:none;border:none;color:var(--blue);text-decoration:underline;cursor:pointer;margin-top:1rem;font-size:.9rem}.account-message{margin-top:1rem;font-size:.9rem;font-weight:600}.account-actions{display:flex;gap:.75rem}.study-heading{font-size:1.4rem;margin-bottom:1.5rem;text-align:center}.study-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.category-card{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.5rem;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .2s,transform .2s}.category-card:hover{border-color:var(--red);transform:translateY(-2px)}.category-emoji{font-size:2rem}.category-title{font-size:1.15rem;font-weight:700;color:var(--ink)}.category-subtitle{font-size:.9rem;color:var(--muted);line-height:1.4}.category-progress{margin-top:.5rem;font-size:.8rem;font-weight:600;color:var(--pos);background:var(--pos-bg);padding:.25rem .6rem;border-radius:999px}.category-progress.empty{color:var(--muted);background:var(--bg)}.category-card.sprint-card{border-color:var(--purple);background:var(--purple-bg)}.category-card.sprint-card .category-progress{color:var(--purple);background:var(--panel)}.study-viewer{display:flex;flex-direction:column;height:calc(100vh - 60px);margin:-3rem -2rem}.study-viewer-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--line)}.back-btn{background:var(--red);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.back-btn:hover{background:#c0202e}.study-viewer-title{font-weight:700}.study-frame{flex:1;width:100%;border:none;background:var(--bg)}@media (max-width: 768px){.header h1{font-size:1.8rem}.hero h2{font-size:1.5rem}.main{padding:1.5rem 1rem}}