body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f7fafc;--panel:#fff;--accent:#7dd3fc;--accent-strong:#8df6c5;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--radius:16px;--shadow:0 20px 40px #0f172a14}*{box-sizing:border-box}body{background:linear-gradient(180deg,#f7fbff,#eef5fb 60%,#f7fafc);color:#0f172a;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh}.app-shell{margin:0 auto;max-width:1200px;padding:32px 24px 48px}.app-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}h1{font-size:clamp(26px,4vw,36px);margin:4px 0 0}h2{font-size:20px;margin:0}h3{font-size:22px;margin:4px 0 0}p{margin:0}.eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.eyebrow,.helper-text{color:#475569;color:var(--muted)}.helper-text{font-size:14px;max-width:360px;text-align:right}.helper-text--left{max-width:none;text-align:left}.layout-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 20px 40px #0f172a14;box-shadow:var(--shadow);padding:20px}.panel--wide{grid-column:1/-1}.books-page{display:flex;flex-direction:column;gap:20px}.books-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.books-panel{display:flex;flex-direction:column;gap:16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{color:#475569;color:var(--muted);display:flex;flex-direction:column;font-size:14px;gap:8px}.form-field--full{grid-column:1/-1}.input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;font-family:inherit;font-size:14px;padding:10px 12px}.textarea{min-height:120px;resize:vertical}.topic-preview{display:flex;flex-direction:column;gap:10px}.topic-preview__title{color:#0f172a;color:var(--text);font-weight:600}.topic-preview__selection{color:#475569;color:var(--muted);font-size:14px;margin:0}.resource-select{display:flex;flex-direction:column;gap:10px}.resource-select__title{color:#0f172a;color:var(--text);font-weight:600;margin:0}.resource-select__list{grid-gap:8px;display:grid;gap:8px}.resource-select__item{align-items:flex-start;color:#475569;color:var(--muted);display:flex;font-size:13px;gap:10px}.resource-select__item input{margin-top:2px}.topic-preview__list{display:flex;flex-wrap:wrap;gap:8px}.topic-pill{background:#f0f5ff;border:1px solid #0000;border-radius:999px;color:#475569;color:var(--muted);font-size:12px;padding:6px 12px}.topic-pill--active{background:#8df6c5;border-color:#0000;color:#0f172a}.subtopic-preview{display:flex;flex-direction:column;gap:8px}.subtopic-preview__title{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;margin:0}.subtopic-preview__list{display:flex;flex-wrap:wrap;gap:8px}.subtopic-pill{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#92400e;font-size:12px;padding:6px 12px}.subtopic-pill--active{background:#fef3c7;border-color:#fbbf24;color:#92400e}.lesson-preview h3{font-size:16px;margin:0}.lesson-list{grid-gap:10px;display:grid;gap:10px}.lesson-list__item{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;padding:12px}.lesson-list__title{color:#0f172a;color:var(--text);font-weight:600}.lesson-list__meta{color:#475569;color:var(--muted);font-size:13px}.action-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.status-pill{background:#e0f2fe;border-radius:999px;color:#0f172a;font-size:12px;font-weight:600;padding:6px 12px}.lesson-detail-header{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 16px}.lesson-detail-time,.lesson-detail-title{display:flex;flex-direction:column;gap:6px;min-width:200px}.lesson-detail-time{align-items:flex-end;text-align:right}.lesson-detail-label{color:#475569;color:var(--muted);font-size:12px;letter-spacing:.08em;margin:0;text-transform:uppercase}.lesson-detail-value{color:#0f172a;color:var(--text);font-size:18px;font-weight:600;margin:0}.lesson-detail-reference{color:#475569;color:var(--muted);font-size:13px;margin:0}.resource-list{grid-gap:12px;display:grid;gap:12px}.resource-card{grid-gap:8px;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:grid;gap:8px;padding:12px}.resource-card__row{display:flex;flex-wrap:wrap;gap:8px}.resource-chip{background:#eef8f4;border:1px solid #cdded0;border-radius:999px;color:#0f172a;font-size:12px;font-weight:600;padding:4px 10px}.resource-card__path{word-break:break-all}.resource-card__path,.resource-card__text{color:#475569;color:var(--muted);font-size:13px;margin:0}.resource-card__primary{color:#0f172a;font-size:12px;font-weight:600;margin:0}.panel-heading{margin-bottom:12px}.button-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.button-grid.months{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.button-grid.days{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}button{background:#0000;border:none;cursor:pointer;font-size:15px}.pill-button{background:#f0fbff;border:1px solid #cbd5f5;border-radius:999px;color:#0f172a;color:var(--text);padding:14px 18px}.pill-button.active{background:#8df6c5;border-color:#0000;color:#0f172a}.content-button,.day-button,.month-button{align-items:center;background:#eef8f4;border:1px solid #cdded0;border-radius:12px;color:#0f172a;color:var(--text);display:flex;gap:6px;justify-content:space-between;padding:12px 14px;width:100%}.content-button.active,.day-button.active,.month-button.active{background:#8df6c5;border-color:#0000;color:#0f172a}.day-button:disabled,.month-button.locked{cursor:not-allowed;opacity:.45}.content-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.content-button{justify-content:center;min-height:64px;text-align:center}.day-button .lock,.month-button .lock{font-size:16px}.lesson-panel{grid-column:1/-1}.lesson-card{background:#f6f9ff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.lesson-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.doc-button{background:linear-gradient(90deg,#7dd3fc,#8df6c5);background:linear-gradient(90deg,var(--accent),var(--accent-strong));border:1px solid #0000;border-radius:10px;color:#0f172a;font-weight:600;padding:10px 14px;text-decoration:none}.lesson-body{color:#475569;color:var(--muted);font-size:15px;line-height:1.6}.video-frame{background:#dceaff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;width:100%}.video-frame--idle{color:#475569;color:var(--muted);display:grid;font-weight:600;min-height:180px;padding:24px;place-items:center;text-align:center}.video-frame--idle:before{display:none}.video-placeholder{align-items:center;background:#ffffffe6;color:#475569;display:flex;flex-direction:column;font-weight:600;gap:12px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center;z-index:1}.video-placeholder--hidden{display:none}.video-placeholder__actions{display:flex;flex-direction:column;gap:10px}.video-placeholder .text-button,.video-placeholder a{color:#0f172a;font-weight:600;text-decoration:none}.text-button{align-items:center;background:none;border:none;color:#0f172a;color:var(--text);cursor:pointer;display:inline-flex;font-size:15px;padding:0;transition:color .2s ease}.text-button:disabled{cursor:not-allowed;opacity:.4}.video-frame:before{content:"";display:block;padding-top:48%}.video-frame iframe,.video-frame video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-frame video{object-fit:cover}.empty-state{background:#f0f5ff;border:1px dashed #e2e8f0;border:1px dashed var(--border);border-radius:12px;color:#475569;color:var(--muted);display:grid;padding:20px;place-items:center}.doc-button--disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.lesson-page{margin:0;max-width:none;width:100%}.lesson-page__inner{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 20px 40px #0f172a14;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;padding:16px}.lesson-page__header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.lesson-page__subtitle{color:#475569;color:var(--muted);font-size:14px;margin-top:4px}.lesson-page__disclaimer{color:#475569;color:var(--muted);font-size:14px;margin-top:8px;max-width:620px}.lesson-page__close{align-items:center;display:inline-flex;font-weight:700;gap:6px}.lesson-page__close-button{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;box-shadow:0 20px 40px #0f172a14;box-shadow:var(--shadow);color:#b91c1c;font-weight:600;padding:10px 16px}.lesson-page__nav{align-items:center;display:flex;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:0}.lesson-page__nav-button{background:#eef8f4;border:1px solid #cdded0;border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;padding:10px 16px;transition:background .2s ease}.lesson-page__nav-button:disabled{cursor:not-allowed;opacity:.45}.lesson-page__slider{background:#f6f9ff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;height:auto;margin-top:0;overflow-x:hidden;overflow-y:visible;transition:height .25s ease}.lesson-page__track{align-items:flex-start;display:flex;transition:transform .4s ease}.lesson-slide{display:flex;flex-direction:column;gap:18px;min-width:100%;padding:24px}.lesson-slide__content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.lesson-slide__content--media-only{align-items:center;justify-content:center}.lesson-slide__content--media-only .lesson-slide__media{align-items:center}.lesson-slide__text{flex:1 1;min-width:260px}.lesson-slide__media{align-items:flex-end;display:flex;flex:0 0 360px;flex-direction:column;gap:12px;margin-top:-10px;width:min(360px,100%)}.lesson-slide__youtube{aspect-ratio:16/9;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;overflow:hidden;width:min(640px,100%)}.lesson-slide__youtube iframe{border:0;height:100%;width:100%}.lesson-slide__media--has-both{align-items:flex-start}.lesson-slide__popup-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.lesson-slide__references{grid-gap:14px;display:grid;gap:14px;margin-top:18px}.lesson-slide__reference-card{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;padding:14px}.lesson-slide__reference-card h4{color:#0f172a;color:var(--text);font-size:16px;margin:0 0 10px}.lesson-slide__popup-button{background:#eef8f4;border:1px solid #0000;border-radius:12px;color:#0f172a;color:var(--text);font-weight:600;padding:8px 14px;transition:background .2s ease,color .2s ease}.lesson-slide__popup-button:focus-visible,.lesson-slide__popup-button:hover{background:#8df6c5;color:#0f172a}.lesson-slide__image--inline{margin-bottom:0;width:200px}.lesson-slide__image--small img{max-height:50px;object-fit:cover}.lesson-slide__image-stack{align-items:center;display:flex;flex-direction:column;width:100%}.lesson-slide__image-button{background:#0000;border:none;padding:0;text-align:inherit;width:100%}.lesson-slide__image-button--clickable{cursor:zoom-in}.lesson-slide__image{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;overflow:hidden;width:100%}.lesson-slide__image-button:focus-visible .lesson-slide__image{outline:3px solid #10b98159;outline-offset:2px}.lesson-slide__image-placeholder{align-items:center;color:#475569;color:var(--muted);display:flex;font-weight:600;justify-content:center;min-height:200px;padding:16px;text-align:center}.lesson-slide__image-tabs{display:flex;gap:8px;justify-content:center;margin-top:12px}.lesson-slide__image-tab{background:#eef8f4;border:none;border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s ease,color .2s ease}.lesson-slide__image-tab--active{background:#7dd3fc;background:var(--accent);color:#0f172a}.lesson-slide__image img{display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.lesson-slide__popup-overlay{background:#0f172a8c;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:50}.lesson-slide__popup-card{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 40px #0f172a14;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;padding:26px;width:min(860px,100%)}.lesson-slide__popup-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.lesson-slide__popup-header h4{font-size:20px;margin:0}.lesson-slide__popup-close{background:#f0f5ff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#475569;color:var(--muted);font-weight:600;padding:6px 10px}.lesson-slide__popup-body{color:#475569;color:var(--muted);max-height:65vh;overflow:auto}.lesson-slide__popup-media{display:grid;margin-bottom:12px;place-items:center;width:100%}.lesson-slide__popup-media iframe,.lesson-slide__popup-media img,.lesson-slide__popup-media video{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;max-height:60vh;width:min(820px,100%)}.lesson-slide__popup-media img{object-fit:contain}.lesson-slide__popup-empty{font-weight:600;margin:0;text-align:center}.trace-letter{align-items:stretch;display:flex;flex-direction:column;gap:12px}.trace-letter__label{font-size:16px;font-weight:600;margin:0}.trace-letter__canvas-shell{margin:0 auto;max-width:300px;position:relative;width:100%}.trace-letter__canvas{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:18px;box-shadow:inset 0 6px 10px #0f172a14;display:block;width:100%}.trace-letter__status{background:#ffffffd9;display:grid;font-weight:600;inset:0;margin:0;place-items:center;position:absolute;text-align:center}.trace-letter__status--error{color:#b91c1c}.trace-letter__actions{display:flex;justify-content:center}.trace-letter__replay-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;color:#0f172a;color:var(--text);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:10px 18px;transition:background .2s ease,border-color .2s ease,color .2s ease}.trace-letter__replay-button:focus-visible,.trace-letter__replay-button:hover{background:#eef8f4;border-color:#8df6c5;color:#0f172a}.trace-letter__replay-button:disabled{cursor:not-allowed;opacity:.6}.trace-letter__legend{color:#475569;color:var(--muted);display:flex;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:center}.trace-letter__legend-item{align-items:center;display:flex;gap:6px}.trace-letter__legend-dot{border:1px solid #94a3b8;border-radius:50%;display:inline-block;height:12px;width:12px}.pop-video{display:flex;flex-direction:column;gap:10px;margin:0 auto;width:min(820px,100%)}.pop-video__meta{color:#475569;color:var(--muted);font-size:14px;margin:0}.pop-video__frame{background:#000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.pop-video__frame iframe,.pop-video__player{height:100%;inset:0;position:absolute;width:100%}.pop-video__duration{color:#475569;font-size:13px;margin:0}.pop-video__error{color:#b91c1c;font-size:14px;margin:0}.formatted-content{color:#475569;color:var(--muted);display:flex;flex-direction:column;font-size:15px;gap:12px;line-height:1.6;text-align:left}.formatted-content__paragraph{margin:0}.formatted-content__bullet{align-items:flex-start;display:flex;gap:10px}.formatted-content__bullet-symbol{color:#7dd3fc;color:var(--accent);font-size:16px;line-height:1.2;margin-top:2px}.formatted-content__bullet-text{flex:1 1}.formatted-content__bullet--level-2{margin-left:12px}.formatted-content__bullet--level-3{margin-left:24px}.formatted-content__inline-bold{font-weight:600}.lesson-slide__header{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:flex-start}.lesson-slide__header-main{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;width:100%}.lesson-slide__header-main>div{flex:1 1;min-width:0}.lesson-slide__header h3{font-size:18px;line-height:1.25}.lesson-slide__time-row{align-self:flex-start;width:auto}.lesson-slide__meta-row{align-items:center;align-self:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.lesson-slide__page-reference-inline{background:#fffaf0;border:1px solid #f3dfbf;border-radius:10px;color:#0f172a;color:var(--text);font-size:13px;font-weight:600;padding:8px 12px;text-align:left}.lesson-slide__page-reference-inline p{margin:0}.lesson-slide__idle{align-items:center;color:#475569;color:var(--muted);display:flex;justify-content:center;min-height:160px;padding:12px;text-align:center;width:100%}.lesson-slide__idle p{font-weight:600;margin:0}.time{background:#eef8f4;border:1px solid #cdded0;border-radius:10px;color:#0f172a;color:var(--text);font-size:14px;font-weight:600;min-width:92px;padding:6px 14px;text-align:center}.time p{margin:0}@media (max-width:640px){.app-header{align-items:flex-start;flex-direction:column}.helper-text{text-align:left}}@media (max-width:900px){h3{font-size:14px;margin:4px 0 0}.formatted-content{color:#475569;color:var(--muted);display:flex;font-size:11px;gap:12px;line-height:1.6;text-align:left}.formatted-content,.lesson-slide__content{flex-direction:column}.lesson-slide__media{flex:1 1;margin-top:0;order:0;width:100%}.lesson-slide__text{order:1}}@media (max-width:520px){.app-shell{padding:20px 16px 32px}.app-header{gap:10px}.app-header h1{font-size:28px;line-height:1.2}h2{font-size:15px}.panel{padding:16px}.helper-text{font-size:13px;max-width:100%}.layout-grid{gap:12px;grid-template-columns:1fr}.button-grid{gap:10px}.button-grid,.button-grid.days,.button-grid.months{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}button{font-size:16px;padding:14px 16px}.pill-button{padding:16px 18px}.day-button,.month-button{font-size:16px;gap:6px;justify-content:space-between;min-width:120px;padding:14px 12px;width:auto}.lesson-page__header{align-items:flex-start;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.lesson-page__header>div{flex:1 1;min-width:0}.lesson-slide__header{flex-direction:column;gap:6px}.lesson-page__nav{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.lesson-page__close-button,.lesson-page__nav-button{padding:7px 12px;text-align:center;width:auto}.lesson-page__slider{border-radius:12px}.lesson-slide{padding:18px}.lesson-slide__content{gap:16px}.lesson-slide__media{align-items:stretch;flex:1 1;margin-top:0;width:100%}.lesson-slide__text{min-width:0}.formatted-content{font-size:14px;line-height:1.6}.lesson-slide__media{align-items:center}.lesson-slide__image{max-height:320px}.lesson-slide__image,.lesson-slide__image-stack{width:min(100%,280px)}.lesson-slide__image img{height:auto;max-height:100%;object-fit:contain}}
/*# sourceMappingURL=main.0aeee7d0.css.map*/