:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}.app-shell{color:#e2e8f0;background:linear-gradient(#0f172a 0%,#1f2937 100%);min-height:100vh}.app-header{padding:2rem 1.25rem 1rem}.app-header h1{text-align:center;color:#f8fafc;margin:0;font-size:clamp(1.9rem,3vw,2.8rem)}.app-main{max-width:1080px;margin:0 auto;padding:0 1.25rem 2rem}.subject-navigation{justify-content:center;margin-bottom:1rem;display:flex}.subject-trigger{color:#f8fafc;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b899;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;min-width:180px;padding:.8rem 1.1rem;display:inline-flex}.subject-trigger__label{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:.75rem}.subject-trigger__value{font-weight:700}.subject-trigger__icon{color:#cbd5e1}.subject-modal-backdrop{z-index:30;background:#0f172ab3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.subject-modal{color:#0f172a;background:#fff;border-radius:18px;width:min(100%,420px);padding:1rem;box-shadow:0 25px 70px #0f172a40}.subject-modal__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.subject-modal__header h2{margin:0;font-size:1.1rem}.close-button{cursor:pointer;color:#475569;background:0 0;border:none;font-size:1.75rem;line-height:1}.subject-modal__list{gap:.5rem;display:grid}.subject-modal__item{color:#0f172a;text-align:left;cursor:pointer;font:inherit;background:#f8fafc;border:1px solid #dfe7f0;border-radius:12px;padding:.8rem .9rem}.subject-modal__item.is-active{color:#fff;background:#2563eb;border-color:#2563eb}.topic-navigation,.subtopic-navigation{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.topic-tab,.subtopic-tab,.control-button{color:#e2e8f0;font:inherit;cursor:pointer;background:#0f172a59;border:1px solid #94a3b880;border-radius:12px 12px 0 0;padding:.7rem 1rem;transition:all .2s}.topic-tab.is-active,.subtopic-tab.is-active{color:#0f172a;background:#f8fafc;border-bottom-color:#f8fafc}.subtopic-navigation{margin-top:-.35rem;margin-bottom:1.5rem}.subtopic-tab{background:#ffffff12;border-radius:999px}.control-button{color:#0f172a;background:#fffffff5;border-radius:999px}.control-button--accent{color:#0f172a;background:#60a5fa;border-color:#60a5fa}.card-stage{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0 0;display:flex}.card-meta{color:#cbd5e1;justify-content:space-between;width:min(100%,560px);font-size:.9rem;display:flex}.card-controls{flex-wrap:wrap;justify-content:center;gap:.75rem;width:min(100%,560px);display:flex}.control-button{min-width:140px}.empty-state{color:#475569;text-align:center;background:#fffffff5;border:1px solid #dbe5ef;border-radius:18px;place-items:center;width:min(100%,540px);min-height:260px;padding:2rem;display:grid}.admin-shell{color:#0f172a;background:#f8fafc;min-height:100vh;padding:2rem 1rem 3rem}.admin-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto 1rem;padding:1rem 1.25rem;display:flex}.admin-kicker{text-transform:uppercase;letter-spacing:.08em;color:#475569;margin:0;font-size:.7rem}.admin-header h1{margin:.2rem 0 0;font-size:2rem}.admin-header__actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-nav{flex-wrap:wrap;gap:.5rem;max-width:1200px;margin:0 auto 1rem;display:flex}.admin-nav__item,.admin-button,.admin-panel{color:#0f172a;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:.7rem 1rem}.admin-nav__item.is-active,.admin-button--primary,.admin-panel{color:#fff;background:#2563eb;border-color:#2563eb}.admin-button--danger{color:#fff;background:#dc2626;border-color:#dc2626}.admin-main{max-width:1200px;margin:0 auto}.admin-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0f172a0a}.admin-section h2,.template-panel h3,.template-panel h4{margin-top:0}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.admin-panel{justify-content:center;align-items:center;min-height:110px;font-size:1.05rem;font-weight:600;display:flex}.admin-form-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.admin-form-row--stack{align-items:stretch}.admin-form-row input,.admin-form-row select,.admin-form-row textarea,.card-editor__field textarea,.card-editor__field input,.card-editor__field select{font:inherit;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:42px;padding:.7rem .8rem}.admin-form-row input,.admin-form-row select{flex:180px}.admin-list{gap:.75rem;display:grid}.admin-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.admin-item--stacked{align-items:flex-start}.admin-item p{color:#475569;margin:.3rem 0 0}.admin-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-actions--right{justify-content:flex-end}.admin-status,.admin-empty{color:#475569}.admin-toast{z-index:200;color:#0f172a;background:#fff;border:1px solid #0000;border-radius:12px;max-width:min(420px,100vw - 2rem);padding:.8rem 1rem;font-weight:600;position:fixed;top:1rem;right:1rem;box-shadow:0 16px 40px #0f172a2e}.admin-toast--success{color:#166534;background:#dcfce7;border-color:#22c55e}.admin-toast--error{color:#991b1b;background:#fee2e2;border-color:#ef4444}.admin-toast--info{color:#1d4ed8;background:#dbeafe;border-color:#3b82f6}.template-editor{gap:1rem;display:grid}.template-editor__sections{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.template-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.template-field{background:#fff;border:1px solid #dbeafe;border-radius:12px;margin-top:.8rem;padding:.75rem}.template-field__controls{justify-content:flex-end;gap:.4rem;margin-bottom:.5rem;display:flex}.template-field__controls button{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:32px;height:32px}.template-field__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:.7rem;display:grid}.checkbox-row{align-items:center;gap:.5rem;min-height:42px;display:inline-flex}.card-editor{border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;padding:1rem}.card-editor__field{gap:.45rem;margin-top:1rem;display:grid}.card-editor__field label{font-weight:600}.list-editor,.link-editor{gap:.6rem;display:grid}.list-editor__row{gap:.5rem;display:flex}.asset-preview{background:#fff;border:1px solid #dbeafe;border-radius:12px;justify-content:center;align-items:center;width:120px;min-height:90px;display:flex;overflow:hidden}.asset-preview img{object-fit:cover;width:100%;height:100%}@media (width<=700px){.admin-header,.admin-item{flex-direction:column;align-items:flex-start}}.flashcard-shell{perspective:1000px;width:min(100%,340px);min-width:280px;height:440px;min-height:360px;position:relative}.flashcard-button{appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0}.flashcard{cursor:pointer;transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:all .4s cubic-bezier(.165,.84,.44,1);display:inline-block;position:relative;transform:translateZ(0)rotateY(0)}.flashcard:after{content:"";z-index:-1;opacity:0;border-radius:18px;transition:all .6s cubic-bezier(.165,.84,.44,1.4);position:absolute;inset:0;box-shadow:0 14px 50px -4px #0f172a2e}.flashcard:hover{transform:translateZ(0)}.flashcard:hover:after{opacity:1}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard.is-flipped:after{display:none}.flashcard-face{backface-visibility:hidden;transform-origin:50%;background:#fff;border:1px solid #e2e8f0;border-radius:5px;display:flex;position:absolute;inset:0;overflow:hidden}.flashcard-front{z-index:2}.flashcard-back{transform:rotateY(180deg)translateZ(.1px)}.card-surface{flex-direction:column;width:100%;min-height:0;display:flex}.card-header{text-transform:uppercase;letter-spacing:.08em;color:#475569;background:#f8fafc;border-bottom:1px solid #edf2f7;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.78rem;display:flex}.card-badge{font-weight:700}.card-label{opacity:.85}.card-content{flex-direction:column;flex:1;gap:16px;padding:22px 20px 20px;display:flex;overflow-y:auto}.content-block{width:100%}.content-block--text,.content-block--section p,.content-block--link p{color:#1f2937;margin:0;line-height:1.6}.content-block--text{text-align:center;font-size:1.15rem;font-weight:600}.content-block--image{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.content-image{object-fit:contain;background:#f8fafc;border-radius:12px;width:100%;max-height:180px}.content-block--image figcaption{color:#475569;font-size:.8rem}.content-block--section{border-left:3px solid #7c3aed;padding-left:12px}.content-block--section h3{color:#4c1d95;margin:0 0 6px;font-size:.95rem}.content-block--list ul,.content-block--list ol{color:#1f2937;margin:0;padding-left:1.2rem;line-height:1.6}.content-block--link{flex-direction:column;gap:6px;display:flex}.content-block--link a{color:#2563eb;font-weight:600;text-decoration:none}@media (width<=640px){.flashcard-shell{width:min(100%,300px);min-width:240px;height:380px;min-height:300px}.card-header{padding:12px 14px}.card-content{padding:18px 14px 14px}}