.learn{min-height:100dvh;display:flex;flex-direction:column}.learn-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem;background:var(--color-bg);border-bottom:1px solid var(--color-line)}.learn-back{display:inline-flex;align-items:center;gap:.45rem;min-width:0;font-size:.95rem;font-weight:700;color:var(--color-heading);text-decoration:none;letter-spacing:-.01em}.learn-back svg{width:.85rem;height:.85rem;flex:none;color:var(--color-brand-600)}.learn-back span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-back:hover span{color:var(--color-brand-600)}.learn-progress{display:flex;align-items:center;gap:.7rem;flex:1;justify-content:flex-end;min-width:0}.learn-pct{font-size:.8rem;color:var(--color-muted);white-space:nowrap}.learn-barbox{width:min(14rem,30vw);height:.45rem;border-radius:999px;background:var(--color-surface-2);overflow:hidden}.learn-bar{height:100%;width:0;border-radius:999px;background:var(--color-brand-400);transition:width .5s cubic-bezier(.22,1,.36,1)}.learn-menu{display:none;align-items:center;gap:.4rem;font:inherit;font-size:.85rem;color:var(--color-ink);background:transparent;border:1px solid var(--color-line-strong);border-radius:.6rem;padding:.4rem .75rem;cursor:pointer}.learn-menu svg{width:1rem;height:1rem}.learn-layout{flex:1;display:grid;grid-template-columns:19rem 1fr;min-height:0}.learn-aside{border-inline-end:1px solid var(--color-line);background:var(--color-surface);overflow-y:auto;max-height:calc(100dvh - 3.4rem);position:sticky;top:3.4rem}.learn-lessons{padding:.9rem .7rem 2rem}.ln-section{font-size:.72rem;font-weight:700;color:var(--color-faint);letter-spacing:.02em;margin:1.1rem .5rem .4rem}.ln{display:flex;align-items:center;gap:.6rem;width:100%;text-align:start;font:inherit;font-size:.86rem;color:var(--color-ink);background:transparent;border:none;border-radius:12px;padding:.55rem .6rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.ln:hover{background:var(--color-surface-2)}.ln.is-current{background:var(--color-brand-50);color:var(--color-brand-600);font-weight:700}.ln.is-locked{color:var(--color-faint);cursor:not-allowed}.ln-state{flex:none;display:grid;place-items:center;width:1.15rem;height:1.15rem}.ln-state svg{width:100%;height:100%}.ln:not(.is-locked):not(.is-current) .ln-state{color:var(--color-brand-500)}.ln-title{flex:1;min-width:0;line-height:1.5}.ln-dur{flex:none;font-size:.72rem;color:var(--color-faint)}.learn-main{padding:1.4rem clamp(1rem,4vw,3rem) 4rem;max-width:62rem;width:100%;margin-inline:auto}.learn-media{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16 / 9;background:#0e0c09;box-shadow:0 2px 6px #10173814,0 22px 48px -20px #10173840}.learn-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.learn-nomedia{position:absolute;inset:0;display:grid;place-items:center;color:#fbf7ef99;font-size:.95rem;padding:1rem}.learn-mark{position:absolute;z-index:5;pointer-events:none;user-select:none;font-size:.72rem;color:#ffffff2e;letter-spacing:.03em;transition:inset-inline-start 1.2s ease,top 1.2s ease;text-shadow:0 0 2px #0003}.learn-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem;margin:1.3rem 0 .6rem}.learn-head h1{font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:700;letter-spacing:-.02em;color:var(--color-heading);margin:0}.learn-actions{display:flex;gap:.5rem;align-items:center}.learn-actions .btn:disabled{opacity:.4;pointer-events:none}.learn-actions .btn svg{width:.8rem;height:.8rem}.learn-done.is-done{background:var(--color-brand-600)}.learn-done svg{margin-inline-end:.25rem}.learn-body{margin-top:1rem}.learn-body:empty{display:none}.learn-notes{margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--color-line);max-width:40rem}.learn-notes h2{font-size:1.05rem;font-weight:700;color:var(--color-heading);margin:0 0 .7rem}.learn-notes textarea{width:100%;font:inherit;font-size:.92rem;color:var(--color-ink);line-height:1.8;background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:14px;padding:.8rem 1rem;outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.learn-notes textarea:focus{border-color:var(--color-brand-400);box-shadow:0 0 0 3px var(--color-brand-50)}.learn-notes-foot{display:flex;align-items:center;gap:.8rem;margin-top:.6rem}.learn-note-status{font-size:.82rem;color:var(--color-brand-600)}.learn-nb-btn{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--color-brand-600);background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:.6rem;padding:.4rem .75rem;cursor:pointer;transition:border-color .2s ease}.learn-nb-btn:hover{border-color:var(--color-brand-400)}.learn-nb-btn svg{width:1rem;height:1rem}.notebook{position:fixed;inset:0;z-index:80}.notebook[hidden]{display:none}.nb-backdrop{position:absolute;inset:0;background:#17120d66;backdrop-filter:blur(2px)}.nb-panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(30rem,94vw);background:var(--color-bg);border-inline-end:1px solid var(--color-line);box-shadow:0 0 60px #0004;overflow-y:auto;padding:1.2rem 1.4rem 2.5rem}.nb-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.3rem}.nb-head h2{font-size:1.15rem;font-weight:700;color:var(--color-heading);margin:0}.nb-actions{display:flex;align-items:center;gap:.4rem}.nb-x{display:grid;place-items:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--color-line-strong);border-radius:.55rem;color:var(--color-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}.nb-x:hover{color:var(--color-heading);border-color:var(--color-brand-400)}.nb-x svg{width:.9rem;height:.9rem}.nb-hint{font-size:.82rem;color:var(--color-faint);margin:0 0 1.2rem}.nb-list{display:flex;flex-direction:column;gap:.9rem}.nb-empty{color:var(--color-muted);font-size:.92rem;padding:2rem 0;text-align:center}.nb-item{border:1px solid var(--color-line);border-radius:16px;padding:.9rem 1rem;background:var(--color-surface)}.nb-lesson{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.45rem}.nb-lesson b{font-size:.88rem;font-weight:700;color:var(--color-brand-600)}.nb-open{flex:none;font:inherit;font-size:.76rem;font-weight:600;color:var(--color-muted);background:transparent;border:1px solid var(--color-line-strong);border-radius:999px;padding:.2rem .65rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.nb-open:hover{color:var(--color-brand-600);border-color:var(--color-brand-400)}.nb-body{font-size:.9rem;color:var(--color-ink);line-height:1.8;margin:0;white-space:pre-wrap}.nb-date{display:block;font-size:.72rem;color:var(--color-faint);margin-top:.5rem}.ln.is-topic{padding-inline-start:1.9rem;font-size:.82rem}.ln-quiz-badge{flex:none;font-size:.66rem;font-weight:700;color:var(--color-brand-600);background:var(--color-brand-50);border-radius:999px;padding:.1rem .5rem}.ln-drip{flex:none;font-size:.68rem;color:var(--color-faint)}.learn-materials{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--color-line)}.learn-materials h2{font-size:1.02rem;font-weight:700;color:var(--color-heading);margin:0 0 .6rem}.learn-timer{font-size:.78rem;font-weight:700;color:var(--color-muted);background:var(--color-surface-2);border-radius:999px;padding:.35rem .8rem;white-space:nowrap}.learn-assignment{margin-top:2rem;padding:1.1rem 1.2rem;border:1px dashed var(--color-line-strong);border-radius:16px}.learn-assignment h2{font-size:1.02rem;font-weight:700;color:var(--color-heading);margin:0 0 .5rem}.la-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.la-status{font-size:.82rem;font-weight:600}.la-status.ok{color:var(--color-brand-600)}.la-status.pending{color:#b07a1e}.la-status.rejected{color:#b3402e}.learn-quiz{margin-top:.4rem}.qz-head{margin:.4rem 0 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem}.qz-head h1{font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:700;color:var(--color-heading);margin:0}.qz-meta{display:flex;align-items:center;gap:.7rem;font-size:.8rem;color:var(--color-muted)}.qz-countdown{font-weight:700;color:var(--color-brand-600);background:var(--color-brand-50);border-radius:999px;padding:.3rem .8rem}.qz-countdown.danger{color:#b3402e;background:#b3402e14}.qz-card{border:1px solid var(--color-line);border-radius:18px;background:var(--color-surface);padding:1.2rem 1.3rem;margin-bottom:1rem}.qz-qtitle{font-size:1.02rem;font-weight:700;color:var(--color-heading);margin:0 0 .3rem}.qz-qbody{font-size:.9rem;color:var(--color-muted);margin:0 0 .8rem}.qz-pts{font-size:.74rem;color:var(--color-faint);font-weight:600}.qz-opts{display:flex;flex-direction:column;gap:.5rem;margin-top:.7rem}.qz-opt{display:flex;align-items:center;gap:.7rem;text-align:start;font:inherit;font-size:.92rem;color:var(--color-ink);background:var(--color-bg);border:1.5px solid var(--color-line-strong);border-radius:12px;padding:.7rem .95rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.qz-opt:hover{border-color:var(--color-brand-400)}.qz-opt.on{border-color:var(--color-brand-500);background:var(--color-brand-50);font-weight:600}.qz-opt .dot{flex:none;width:1.05rem;height:1.05rem;border:1.6px solid currentColor;border-radius:999px;opacity:.45}.qz-opt.on .dot{background:var(--color-brand-500);border-color:var(--color-brand-500);opacity:1}.qz-opt.sq .dot{border-radius:5px}.qz-input,.qz-textarea{width:100%;font:inherit;font-size:.92rem;color:var(--color-ink);background:var(--color-bg);border:1.5px solid var(--color-line-strong);border-radius:12px;padding:.7rem .95rem;outline:none}.qz-input:focus,.qz-textarea:focus{border-color:var(--color-brand-400)}.qz-blank-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.qz-blank-row b{font-size:.8rem;color:var(--color-faint);min-width:1.4rem;text-align:center}.qz-sort-row{display:flex;align-items:center;gap:.6rem;background:var(--color-bg);border:1.5px solid var(--color-line-strong);border-radius:12px;padding:.55rem .8rem;margin-bottom:.5rem;font-size:.92rem}.qz-sort-btns{display:flex;flex-direction:column;margin-inline-start:auto}.qz-sort-btns button{font:inherit;font-size:.72rem;background:none;border:none;color:var(--color-faint);cursor:pointer;padding:.05rem .4rem}.qz-sort-btns button:hover{color:var(--color-brand-600)}.qz-sort-btns button:disabled{opacity:.25;cursor:default}.qz-hint-btn{font:inherit;font-size:.78rem;color:var(--color-brand-600);background:none;border:none;cursor:pointer;padding:0;margin-top:.6rem;text-decoration:underline}.qz-hint{font-size:.84rem;color:var(--color-muted);background:var(--color-brand-50);border-radius:10px;padding:.6rem .9rem;margin-top:.5rem}.qz-nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.2rem}.qz-dots{display:flex;flex-wrap:wrap;gap:.35rem}.qz-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--color-line-strong);border:none;padding:0;cursor:pointer}.qz-dot.answered{background:var(--color-brand-400)}.qz-dot.here{outline:2px solid var(--color-brand-600);outline-offset:1.5px}.qz-results{text-align:center;padding:2rem 1rem}.qz-score{font-size:2.6rem;font-weight:800;letter-spacing:-.03em}.qz-score.pass{color:var(--color-brand-600)}.qz-score.fail{color:#b3402e}.qz-verdict{font-size:1.05rem;font-weight:700;margin:.3rem 0 .6rem}.qz-stats{display:flex;justify-content:center;gap:1.4rem;font-size:.86rem;color:var(--color-muted);margin-bottom:1.2rem}.qz-review{text-align:start;max-width:34rem;margin:1.2rem auto 0;display:flex;flex-direction:column;gap:.5rem}.qz-rv{display:flex;gap:.6rem;align-items:baseline;border:1px solid var(--color-line);border-radius:12px;padding:.6rem .9rem;font-size:.86rem}.qz-rv .mark{flex:none;font-weight:800}.qz-rv.ok .mark{color:var(--color-brand-600)}.qz-rv.no .mark{color:#b3402e}.qz-rv.wait .mark{color:#b07a1e}.qz-rv-msg{display:block;color:var(--color-muted);font-size:.8rem;margin-top:.2rem}.completion{position:fixed;inset:0;z-index:95;display:grid;place-items:center}.completion[hidden]{display:none}.cm-backdrop{position:absolute;inset:0;background:#17120d88;backdrop-filter:blur(3px)}.cm-card{position:relative;width:min(26rem,92vw);background:var(--color-bg);border-radius:22px;padding:1.8rem 1.6rem;text-align:center;box-shadow:0 30px 80px -20px #000a}.cm-emoji{font-size:2.6rem}.cm-card h2{font-size:1.3rem;font-weight:800;color:var(--color-heading);margin:.4rem 0}.cm-msg{color:var(--color-muted);font-size:.92rem;margin:0 0 .8rem;white-space:pre-wrap}.cm-msg:empty{display:none}.cm-review{border-top:1px solid var(--color-line);padding-top:1rem;margin-top:.4rem}.cm-review-title{font-size:.88rem;font-weight:600;color:var(--color-ink);margin:0 0 .4rem}.cm-stars{display:flex;justify-content:center;gap:.2rem;font-size:1.7rem;direction:ltr}.cm-stars button{font:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:var(--color-line-strong);transition:color .15s ease,transform .15s ease;padding:0 .1rem}.cm-stars button.on{color:#e8a723}.cm-stars button:hover{transform:scale(1.15)}.cm-review textarea{width:100%;font:inherit;font-size:.88rem;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:12px;padding:.6rem .9rem;margin:.6rem 0;outline:none;resize:vertical}.cm-review-status{display:block;font-size:.8rem;color:var(--color-brand-600);margin-top:.4rem}.cm-close{margin-top:.9rem}.learn-denied{min-height:60dvh;display:grid;place-content:center;text-align:center;gap:.6rem;padding:2rem}.learn-denied h1{font-size:1.4rem;font-weight:700;color:var(--color-heading);margin:0}.learn-denied p{color:var(--color-muted);margin:0}.learn-denied a{color:var(--color-brand-600)}.learn-toast{position:fixed;bottom:1.4rem;inset-inline-start:50%;transform:translate(50%) translateY(200%);background:var(--color-heading);color:var(--color-bg);font-size:.88rem;font-weight:600;padding:.65rem 1.2rem;border-radius:999px;box-shadow:0 10px 30px -8px #0006;z-index:90;transition:transform .35s cubic-bezier(.22,1,.36,1)}.learn-toast.show{transform:translate(50%) translateY(0)}@media(max-width:860px){.learn-layout{grid-template-columns:1fr}.learn-menu{display:inline-flex}.learn-aside{position:fixed;inset-block:3.4rem 0;inset-inline-start:0;z-index:45;width:min(20rem,85vw);transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);border-inline-end:none;border-inline-start:1px solid var(--color-line);box-shadow:0 0 40px #0003}.learn-aside.open{transform:translate(0)}.learn-barbox{width:22vw}}