:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8faf8;color:#162017}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:#f8faf8}body,button,input,textarea{font:inherit}button{min-height:46px;border:1px solid #bcc9bc;border-radius:10px;padding:.72rem .9rem;background:#fff;color:#162017;font-weight:700}button:disabled{opacity:.5}input,textarea{width:100%;border:1px solid #bcc9bc;border-radius:10px;padding:.78rem;background:#fff;color:#162017;font-size:16px}textarea{min-height:104px;max-height:150px;resize:vertical}pre{margin:.5rem 0 0;white-space:pre-wrap;font:inherit}details{border-top:1px solid #d7dfd7;padding-top:.6rem}summary{cursor:pointer;font-weight:800}.shell{width:100%;max-width:920px;min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px calc(82px + env(safe-area-inset-bottom))}.home,.menu,.card-list,.summary,.performance-list,.bars,.study-section{display:grid;gap:.75rem}.hero,.home-block,.recommendation,.question-panel,.summary-item,.study-card,.performance-card,.progress-grid{border:1px solid #d7dfd7;border-radius:12px;padding:14px;background:#fff}.hero{display:grid;gap:.35rem;padding-top:16px}.hero p,.summary-item p,.study-card p,.performance-card p,.recommendation p{margin:0}.hero p{color:#49614c;font-size:.95rem}.mini-stats{display:flex;gap:.55rem;padding-top:.4rem;color:#344638;font-size:.86rem}.mini-stats span{min-width:0;flex:1}.home-block{gap:.55rem}.primary-block{padding:0;border:0;background:transparent}.big-action{width:100%;min-height:54px;font-size:1.05rem}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.quick-grid button:nth-child(3){grid-column:1 / -1}.secondary-actions button{min-height:46px;color:#344638;font-weight:650}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.topbar button{min-height:46px;padding:.45rem .65rem;font-size:.9rem}.actions,.manual-actions,.filters,.study-pager{display:flex;align-items:center;gap:.6rem}.actions{justify-content:space-between;margin:.75rem 0}.wrap,.filters{flex-wrap:wrap}.actions button,.manual-actions button{flex:1}.filters{overflow-x:auto;padding-bottom:.3rem}.filters button{min-height:46px;white-space:nowrap;padding:.52rem .7rem;font-size:.9rem}.filters .active,.primary{border-color:#0f5132;background:#0f5132;color:#fff}.eyebrow,.question-meta{margin:0;color:#49614c;font-size:.86rem;font-weight:750}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:0}h1{font-size:1.45rem}h2{font-size:1.16rem}h3{font-size:1rem}h4{font-size:.95rem}.question-panel h2{font-size:1.18rem;line-height:1.32}.answer-label{display:block;margin:.8rem 0 .35rem;font-weight:750}.answer-box{display:grid;gap:.65rem;margin-top:.7rem;border-top:1px solid #d7dfd7;padding-top:.7rem}.hidden{display:none}.study-card{gap:.45rem;cursor:pointer}.study-card .answer-box{cursor:default}.reveal-answer{width:100%;margin-top:.75rem}.study-pager{display:grid;grid-template-columns:1fr auto 1fr;margin:.75rem 0}.study-pager span{font-weight:800;color:#49614c}.text-button{min-height:46px;border:0;background:transparent;color:#0f5132;text-decoration:underline}.bottom-actions{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;gap:.6rem;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #d7dfd7;background:#fff}.bottom-actions button{flex:1}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:9;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d7dfd7;background:#fff}.mobile-nav button{min-height:46px;border:0;background:transparent;font-size:.86rem;color:#49614c}.mobile-nav .active{border-radius:9px;background:#e8f6ee;color:#0f5132}.has-bottom-actions{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.has-review .mobile-nav,.has-review+.mobile-nav{display:none}.progress-line{height:4px;margin-top:.45rem;overflow:hidden;border-radius:999px;background:#dfe7df}.progress-line span{display:block;height:100%;background:#0f5132}.review{display:grid;gap:.65rem;margin-top:.85rem;border-radius:10px;padding:.85rem;line-height:1.42}.review-summary,.missing-preview{margin:0}.review-section{display:grid;gap:.25rem;border-radius:9px;padding:.7rem;background:#ffffff8c}.review.correct,.status-dominada,.status-correct{border-color:#87c79c;background:#e8f6ee}.review.incomplete,.review.pending,.status-estudiada{border-color:#eed37a;background:#fff7df}.review.incorrect,.status-necesita_repaso{border-color:#e5a0a0;background:#fdeaea}.status-no_estudiada{border-color:#cfd6cf;background:#f3f5f3}ul{margin:.25rem 0 0;padding-left:1.2rem}.official{white-space:pre-wrap}.pending{margin:0;font-weight:800}.metric-grid,.progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.metric-grid span,.progress-grid span{border-radius:9px;padding:.6rem;background:#f1f5f1}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-row{display:grid;grid-template-columns:1fr;gap:.45rem;padding-bottom:.7rem;border-bottom:1px solid #eef2ee}.bar-track{height:12px;overflow:hidden;border-radius:999px;background:#e5eae5}.bar{height:100%;background:#9b2c2c}.performance-card .metric-grid{grid-template-columns:1fr}.performance-details:not([open]) .performance-list,.performance-details:not([open]) .stat-filters,.performance-details:not([open])>button{display:none}.manual-correction button{width:100%;margin-top:.6rem;min-height:46px;font-size:.92rem}@media(min-width:769px){.shell{padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.with-mobile-nav{padding-bottom:1rem}.mobile-nav{display:none}.bottom-actions.study-actions{position:static;padding:0;border-top:0;background:transparent;margin-top:1rem}.hero,.home-block,.recommendation,.question-panel,.summary-item,.study-card,.performance-card,.progress-grid{padding:1rem}.home{gap:1rem}.quick-grid,.metric-grid,.progress-grid{grid-template-columns:repeat(3,1fr)}.quick-grid button:nth-child(3){grid-column:auto}.bar-row{grid-template-columns:minmax(120px,1fr) 2fr minmax(150px,auto) auto;align-items:center}textarea{min-height:150px;max-height:260px}h1{font-size:1.6rem}h2{font-size:1.25rem}}