.app-navigation{background-color:var(--color-surface);border-top:1px solid var(--color-border);position:fixed;bottom:0;left:0;right:0;height:var(--nav-mobile-height);display:flex;justify-content:space-around;align-items:center;z-index:100;box-shadow:0 -2px 5px #00000008}.nav-brand{display:none}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--color-text-muted);font-size:.75rem;font-weight:600;text-decoration:none;padding:.35rem .5rem;border-radius:var(--radius-md);min-width:56px;min-height:48px;transition:color .15s ease,background-color .15s ease}.nav-icon{font-size:1.25rem;line-height:1}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-primary);font-weight:700}@media (min-width: 768px){.app-navigation{top:0;bottom:0;left:0;right:auto;width:var(--nav-width);height:100vh;border-top:none;border-right:1px solid var(--color-border);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:1.5rem 1rem;box-shadow:none}.nav-brand{display:flex;flex-direction:column;margin-bottom:2rem;padding:0 .5rem}.nav-brand-title{font-size:1.15rem;font-weight:800;color:var(--color-primary);letter-spacing:-.01em}.nav-brand-subtitle{font-size:.75rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.nav-menu{display:flex;flex-direction:column;gap:.5rem;width:100%}.nav-link{flex-direction:row;justify-content:flex-start;gap:.75rem;font-size:.95rem;padding:.75rem 1rem;border-radius:var(--radius-md);width:100%}.nav-link.active{background-color:var(--color-primary-subtle);color:var(--color-primary)}}.today-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.today-date-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.today-date{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-transform:capitalize}.day-selector-select{padding:.4rem .8rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:.85rem}.today-objective{font-size:1rem;color:var(--color-text);background-color:var(--color-surface-subtle);padding:.75rem 1rem;border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.today-objective-label{font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--color-text-muted);display:block;margin-bottom:.2rem}.blocks-grid{display:flex;flex-direction:column;gap:1rem}.block-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;transition:transform .1s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm)}.block-card.status-en-curso{border-color:var(--color-amber-btn);background-color:#fffdfa}.block-card.status-completado{border-color:var(--color-green-border);background-color:#fafffc}.block-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.block-pos-title{display:flex;align-items:center;gap:.75rem}.block-pos-badge{font-size:1.1rem;font-weight:800;color:var(--color-primary);background-color:var(--color-primary-subtle);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.block-title{font-size:1.1rem;font-weight:700;color:var(--color-text)}.block-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;align-items:center}.block-card-body{margin:.5rem 0 1rem;color:var(--color-text-muted);font-size:.9rem}.block-instructions{font-style:italic;font-size:.85rem;color:var(--color-text-muted)}.block-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:auto}.block-status-tag{font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.tag-pendiente{color:var(--color-text-muted)}.tag-en-curso{color:var(--color-amber-btn)}.tag-completado{color:var(--color-green-text)}.calendar-day-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.calendar-day-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.calendar-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.calendar-day-date{font-size:1.15rem;font-weight:700;color:var(--color-primary)}.calendar-day-objective{font-size:.95rem;color:var(--color-text);margin:.5rem 0}.calendar-day-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:.5rem;margin-top:.5rem}.review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.review-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.review-reference{font-weight:800;font-size:.95rem;color:var(--color-primary)}.review-subject{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.review-prompt{font-size:1rem;color:var(--color-text);line-height:1.5;margin:.75rem 0}.review-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);padding-top:.75rem;font-size:.85rem;color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem}.backlog-actions{display:flex;gap:.5rem}.syllabus-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.25rem}.filter-chip{padding:.4rem .8rem;border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.concept-item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:.75rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.concept-item-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.concept-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.history-item{border-left:3px solid var(--color-border-strong);padding-left:.75rem;margin-bottom:.75rem}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.settings-section-title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.settings-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0}.stat-box{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem;text-align:center}.stat-box-num{font-size:1.4rem;font-weight:800;color:var(--color-primary)}.stat-box-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.session-container{max-width:720px;margin:0 auto;padding:.5rem 0}.session-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem}.session-info{display:flex;flex-direction:column}.session-block-title{font-size:1.15rem;font-weight:700;color:var(--color-text)}.session-block-type{font-size:.8rem;color:var(--color-text-muted)}.session-timer-display{display:flex;align-items:center;gap:.75rem}.timer-clock{font-family:monospace,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas;font-size:2.25rem;font-weight:800;color:var(--color-text);letter-spacing:.05em;line-height:1}.timer-clock.pulse{color:var(--color-primary)}.session-controls{display:flex;gap:.5rem;flex-wrap:wrap}.concept-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:1.5rem}.concept-meta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.concept-reference-box{display:flex;flex-direction:column;gap:.2rem}.concept-reference{font-size:.95rem;font-weight:800;color:var(--color-primary);background:var(--color-primary-subtle);padding:.25rem .6rem;border-radius:var(--radius-sm);display:inline-block}.concept-subref-indicator{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.concept-progress{font-size:.9rem;font-weight:700;color:var(--color-text-muted)}.concept-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem}.concept-prompt-box{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem}.concept-prompt-text{font-size:1.05rem;line-height:1.6;color:var(--color-text)}.concept-last-review{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem;padding:.4rem .8rem;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm)}.answer-section{margin:1rem 0;padding:1rem;background-color:#f0fdf4;border:1px solid var(--color-green-border);border-radius:var(--radius-md)}.answer-text{font-size:.95rem;color:var(--color-green-text);line-height:1.5}.btn-show-answer{background-color:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border-strong);padding:.4rem .8rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);margin-bottom:1rem}.note-input-container{margin-top:1rem;margin-bottom:1.5rem}.note-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.35rem}.note-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);resize:vertical;min-height:64px;background:var(--color-surface);color:var(--color-text)}.note-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.traffic-buttons-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 480px){.traffic-buttons-grid{grid-template-columns:1fr 1fr 1fr}}.btn-traffic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.1rem .5rem;font-size:1.05rem;font-weight:800;color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .1s ease,filter .15s ease,box-shadow .15s ease;min-height:68px;position:relative}.btn-traffic:active{transform:scale(.98)}.btn-traffic.selected{box-shadow:0 0 0 3px #0f172a,0 4px 10px #00000040;transform:scale(1.02);filter:brightness(1.08)}.selected-indicator{font-size:.7rem;background:#00000040;padding:.1rem .4rem;border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase}.btn-traffic-icon{font-size:1.35rem;line-height:1}.btn-traffic-green{background-color:var(--color-green-btn)}.btn-traffic-green:hover:not(:disabled){background-color:var(--color-green-btn-hover)}.btn-traffic-amber{background-color:var(--color-amber-btn)}.btn-traffic-amber:hover:not(:disabled){background-color:var(--color-amber-btn-hover)}.btn-traffic-red{background-color:var(--color-red-btn)}.btn-traffic-red:hover:not(:disabled){background-color:var(--color-red-btn-hover)}.concept-navigation-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.summary-stat-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--color-border);font-size:.95rem}.summary-stat-value{font-weight:700}.backlog-checkbox-container{display:flex;align-items:flex-start;gap:.75rem;background-color:var(--color-surface-subtle);padding:1rem;border-radius:var(--radius-md);margin:1.25rem 0;border:1px solid var(--color-border)}.backlog-checkbox-container input[type=checkbox]{margin-top:.2rem;width:1.2rem;height:1.2rem;cursor:pointer}.microtest-container{margin-bottom:1.5rem}.microtest-badge{display:inline-block;background:#e0e7ff;color:#3730a3;font-weight:700;font-size:.75rem;padding:.25rem .6rem;border-radius:var(--radius-sm);margin-bottom:.75rem;letter-spacing:.03em}.microtest-stem{font-size:1.05rem;font-weight:600;color:var(--color-text);line-height:1.5;margin-bottom:1.25rem}.microtest-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.microtest-option-btn{display:flex;align-items:flex-start;text-align:left;gap:.75rem;padding:.85rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s ease-in-out;font-size:.95rem;line-height:1.4;width:100%}.microtest-option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-subtle)}.microtest-option-btn.selected{border-color:#6366f1;background:#f5f7ff;box-shadow:0 0 0 2px #6366f133}.microtest-option-btn.correct{border-color:#10b981;background:#ecfdf5}.microtest-option-btn.incorrect{border-color:#ef4444;background:#fef2f2}.option-letter{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;border-radius:50%;background:var(--color-surface-subtle);border:1px solid var(--color-border);font-weight:800;font-size:.8rem;color:var(--color-text-muted);flex-shrink:0}.selected .option-letter{background:#6366f1;color:#fff;border-color:#6366f1}.correct .option-letter{background:#10b981;color:#fff;border-color:#10b981}.incorrect .option-letter{background:#ef4444;color:#fff;border-color:#ef4444}.option-tag{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;margin-left:auto;white-space:nowrap}.option-tag-correct{background:#dcfce7;color:#15803d}.option-tag-incorrect{background:#fee2e2;color:#b91c1c}.microtest-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem}.feedback-banner{padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.feedback-banner.correct{background:#dcfce7;border:1px solid #86efac;color:#15803d}.feedback-banner.incorrect{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.feedback-banner.neutral{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.microtest-explanation{background:#f8fafc;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:.85rem}.microtest-explanation-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.35rem}.microtest-explanation-text{font-size:.9rem;line-height:1.5;color:var(--color-text);margin:0}.microtest-trap-box{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:.85rem}.microtest-trap-title{font-size:.8rem;font-weight:800;color:#92400e;margin-bottom:.35rem}.microtest-trap-text{font-size:.9rem;line-height:1.5;color:#92400e;margin:0}.new-content-map-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md);margin-bottom:1.5rem}.map-badge{display:inline-block;background:#e0f2fe;color:#0369a1;font-weight:800;font-size:.75rem;padding:.25rem .6rem;border-radius:var(--radius-sm);margin-bottom:.75rem;letter-spacing:.04em;text-transform:uppercase}.map-title{font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:.5rem}.map-block-meta{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--color-text-muted);margin-bottom:1.25rem;flex-wrap:wrap}.map-block-position{font-weight:800;color:var(--color-primary)}.map-block-name{font-weight:700;color:var(--color-text)}.map-block-duration{font-size:.9rem;color:var(--color-text-muted)}.map-instructions-callout{background:var(--color-surface-subtle);border-left:4px solid var(--color-primary);padding:.75rem 1rem;border-radius:var(--radius-sm);font-style:italic;font-size:.95rem;color:var(--color-text);margin-bottom:1.25rem}.map-guidance-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1.5rem}.map-guidance-title{font-weight:700;font-size:.9rem;color:#166534;margin-bottom:.5rem}.map-guidance-list{margin-left:1.25rem;font-size:.9rem;line-height:1.6;color:#15803d}.map-concepts-section{margin-bottom:1.75rem}.map-concepts-header{font-weight:700;font-size:.95rem;color:var(--color-text);margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:1px solid var(--color-border)}.map-concepts-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0}.map-concept-item{display:flex;align-items:baseline;gap:.6rem;padding:.6rem .85rem;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.92rem}.map-concept-ref{font-weight:700;color:var(--color-primary);flex-shrink:0}.map-concept-sep{color:var(--color-text-muted)}.map-concept-title{color:var(--color-text);font-weight:500}.map-footer-actions{display:flex;justify-content:center;margin-top:1rem}.btn-start-study{padding:.85rem 2.25rem;font-size:1.1rem;font-weight:800;letter-spacing:.03em}.guided-step-container{margin-bottom:1.5rem}.guided-step-badge{display:inline-block;font-weight:800;font-size:.8rem;padding:.3rem .75rem;border-radius:var(--radius-sm);margin-bottom:1rem;letter-spacing:.04em;text-transform:uppercase}.guided-step-badge.step-1{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.guided-step-badge.step-2{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.guided-step-badge.step-3{background:#dcfce7;color:#15803d;border:1px solid #86efac}.guided-answer-box{background:#f0fdf4;border:1.5px solid var(--color-green-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem}.guided-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.guided-box-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-green-text);letter-spacing:.04em}.guided-source-page{font-size:.75rem;font-weight:700;background:#dcfce7;color:#166534;padding:.15rem .5rem;border-radius:4px}.guided-answer-text{font-size:1.05rem;line-height:1.6;color:var(--color-green-text);margin:0;white-space:pre-wrap}.guided-prompt-box{background:var(--color-surface-subtle);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem}.guided-prompt-box.compact{padding:.85rem 1rem;margin-bottom:.85rem;background:#f8fafc}.guided-prompt-box .guided-box-label{color:var(--color-text-muted)}.guided-prompt-text{font-size:1.05rem;line-height:1.6;color:var(--color-text);font-weight:600;margin:.25rem 0 .5rem}.guided-prompt-hint{font-size:.85rem;color:var(--color-text-muted);font-style:italic;margin:0}.guided-actions{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.btn-step-action{padding:.75rem 1.5rem;font-size:1rem;font-weight:700}.guided-step3-re-read{margin-top:.75rem;margin-bottom:1rem}.btn-re-read{background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.btn-re-read:hover{color:var(--color-primary)}.caza-trampa-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:var(--radius-md);padding:1rem 1.25rem;margin-top:1rem;margin-bottom:1rem}.caza-trampa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.caza-trampa-title{font-weight:800;font-size:.85rem;color:#92400e;letter-spacing:.04em;text-transform:uppercase}.badge-trampa{background:#fef3c7;color:#92400e;border:1px solid #fde68a;font-weight:700;font-size:.75rem;padding:.15rem .5rem;border-radius:var(--radius-sm)}.caza-trampa-instructions{font-size:.9rem;line-height:1.5;color:#78350f;margin:0}.traffic-meaning{font-size:.72rem;font-weight:500;line-height:1.2;opacity:.92;text-align:center;padding:0 .25rem;margin-top:.2rem}:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-surface-subtle: #f8fafc;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-primary: #006644;--color-primary-hover: #004d33;--color-primary-subtle: #e6f4ed;--color-primary-contrast: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-green-bg: #f0fdf4;--color-green-border: #86efac;--color-green-text: #166534;--color-green-btn: #15803d;--color-green-btn-hover: #166534;--color-amber-bg: #fffbeb;--color-amber-border: #fde68a;--color-amber-text: #92400e;--color-amber-btn: #d97706;--color-amber-btn-hover: #b45309;--color-red-bg: #fef2f2;--color-red-border: #fecaca;--color-red-text: #991b1b;--color-red-btn: #dc2626;--color-red-btn-hover: #b91c1c;--color-unreviewed-bg: #f1f5f9;--color-unreviewed-border: #cbd5e1;--color-unreviewed-text: #475569;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--nav-width: 240px;--nav-mobile-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}.app-container{display:flex;min-height:100vh;flex-direction:column}@media (min-width: 768px){.app-container{flex-direction:row}}.main-content{flex:1;padding:1rem;padding-bottom:calc(var(--nav-mobile-height) + 1.5rem);max-width:1080px;margin:0 auto;width:100%}@media (min-width: 768px){.main-content{margin-left:var(--nav-width);padding:2rem;max-width:calc(100% - var(--nav-width))}}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.page-subtitle{font-size:.95rem;color:var(--color-text-muted);margin-top:.25rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:background-color .15s ease,border-color .15s ease;min-height:44px}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-danger{background-color:var(--color-red-btn);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-red-btn-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.badge-review{background-color:#e0e7ff;color:#3730a3}.badge-new-content{background-color:#ecfdf5;color:#065f46}.badge-test{background-color:#fef3c7;color:#92400e}.badge-optional{background-color:var(--color-surface-hover);color:var(--color-text-muted)}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);border:1px solid transparent}.status-pill-green{background-color:var(--color-green-bg);color:var(--color-green-text);border-color:var(--color-green-border)}.status-pill-amber{background-color:var(--color-amber-bg);color:var(--color-amber-text);border-color:var(--color-amber-border)}.status-pill-red{background-color:var(--color-red-bg);color:var(--color-red-text);border-color:var(--color-red-border)}.status-pill-unreviewed{background-color:var(--color-unreviewed-bg);color:var(--color-unreviewed-text);border-color:var(--color-unreviewed-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);max-width:540px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title{font-size:1.25rem;font-weight:700}.modal-close-btn{font-size:1.5rem;line-height:1;color:var(--color-text-muted)}.tabs-container{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;overflow-x:auto}.tab-btn{padding:.5rem 1rem;font-weight:600;font-size:.9rem;color:var(--color-text-muted);border-radius:var(--radius-md);white-space:nowrap}.tab-btn.active{color:var(--color-primary);background-color:var(--color-primary-subtle)}