.novel-learn-module__hN12Na__page{min-height:100vh;position:relative;overflow-x:clip}.novel-learn-module__hN12Na__wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:16px}@media (min-width:768px){.novel-learn-module__hN12Na__wrap{padding-inline:32px}}.novel-learn-module__hN12Na__section{padding-block:clamp(56px,4vw + 36px,112px)}.novel-learn-module__hN12Na__band{background:var(--nv-grain), var(--nv-desk)}.novel-learn-module__hN12Na__h2{letter-spacing:-.025em;color:var(--nv-ink);text-wrap:balance;margin:0 0 clamp(20px,1.5vw + 12px,32px);font-size:clamp(28px,1.4rem + 1.4vw,40px);font-weight:700;line-height:1.25}.novel-learn-module__hN12Na__flip{flex:none}[dir=rtl] .novel-learn-module__hN12Na__flip{transform:scaleX(-1)}.novel-learn-module__hN12Na__hero{padding-top:calc(var(--gn-stack-2,96px) + clamp(32px, 4vw, 64px));background:radial-gradient(ellipse 60% 70% at 85% 20%, color-mix(in srgb, var(--nv-primary) 9%, transparent), transparent 70%);padding-bottom:clamp(40px,4vw + 16px,72px)}.novel-learn-module__hN12Na__title{letter-spacing:-.025em;color:var(--nv-ink);text-wrap:balance;margin:0;font-size:clamp(40px,5.4vw,64px);font-weight:700;line-height:1.12}.novel-learn-module__hN12Na__lede{max-width:34em;color:var(--nv-ink-2);text-wrap:pretty;margin:16px 0 0;font-size:clamp(18px,.6vw + 15px,21px);line-height:1.6}.novel-learn-module__hN12Na__pickLabel{color:var(--nv-ink);margin:clamp(32px,3vw + 16px,48px) 0 16px;font-size:20px;font-weight:700}.novel-learn-module__hN12Na__picks{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;max-width:760px;display:grid}.novel-learn-module__hN12Na__pick{border:1px solid var(--nv-line);background:var(--nv-sheet);min-height:88px;box-shadow:var(--nv-sheet-shadow);color:var(--nv-ink);font:inherit;text-align:start;cursor:pointer;transition:transform .2s var(--nv-ease-out), box-shadow .2s var(--nv-ease-out), border-color .2s var(--nv-ease-out);border-radius:16px;align-items:center;gap:16px;padding:16px 20px;display:flex}.novel-learn-module__hN12Na__pickIcon{background:color-mix(in srgb, var(--nv-primary) 12%, var(--nv-sheet));width:52px;height:52px;color:var(--nv-primary);border-radius:50%;flex:none;place-items:center;display:grid}.novel-learn-module__hN12Na__pickText{flex:1;gap:2px;min-width:0;display:grid}.novel-learn-module__hN12Na__pickText strong{font-size:20px;font-weight:700;line-height:1.3}.novel-learn-module__hN12Na__pickText span{color:var(--nv-ink-2);font-size:var(--nv-fs-meta)}.novel-learn-module__hN12Na__pick>.novel-learn-module__hN12Na__flip{color:var(--nv-primary)}.novel-learn-module__hN12Na__progress{color:var(--nv-ink-2);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:24px 0 0;display:flex}.novel-learn-module__hN12Na__bar{background:var(--nv-soft);border-radius:4px;width:120px;height:8px;position:relative;overflow:hidden}.novel-learn-module__hN12Na__bar span{border-radius:inherit;background:var(--nv-primary);position:absolute;inset-block:0;inset-inline-start:0}.novel-learn-module__hN12Na__textButton{min-height:48px;color:var(--nv-primary);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.novel-learn-module__hN12Na__player{scroll-margin-top:var(--gn-stack-2,96px);padding-block:clamp(32px,3vw + 16px,64px) clamp(48px,4vw + 24px,88px)}.novel-learn-module__hN12Na__playerGrid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:1024px){.novel-learn-module__hN12Na__playerGrid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px 32px}.novel-learn-module__hN12Na__text{grid-column:1/-1}}.novel-learn-module__hN12Na__frame{aspect-ratio:16/9;background:var(--nv-paper);box-shadow:var(--nv-lift-shadow);border-radius:20px;position:relative;overflow:hidden}.novel-learn-module__hN12Na__frame video{object-fit:cover;width:100%;height:100%;display:block}.novel-learn-module__hN12Na__play{background:var(--nv-primary);width:88px;height:88px;color:var(--nv-on-primary);box-shadow:var(--nv-cta-shadow);cursor:pointer;transition:transform .2s var(--nv-ease-out), box-shadow .2s var(--nv-ease-out);border:0;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.novel-learn-module__hN12Na__play svg{translate:3px}.novel-learn-module__hN12Na__play:hover{box-shadow:var(--nv-cta-shadow-hover);transform:scale(1.06)}.novel-learn-module__hN12Na__play:active{transform:scale(.97)}.novel-learn-module__hN12Na__endCard{background:color-mix(in srgb, var(--nv-paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;animation:novel-learn-module__hN12Na__endIn .32s var(--nv-ease-out) both;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}@keyframes novel-learn-module__hN12Na__endIn{0%{opacity:0}}.novel-learn-module__hN12Na__endDone{color:var(--nv-ink);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:inline-flex}.novel-learn-module__hN12Na__endDone svg{color:var(--nv-primary)}.novel-learn-module__hN12Na__endAll{max-width:28em;color:var(--nv-ink-2);margin:0}.novel-learn-module__hN12Na__primary{background:var(--nv-primary);max-width:100%;min-height:56px;box-shadow:var(--nv-cta-shadow);font:inherit;text-align:center;cursor:pointer;transition:transform .2s var(--nv-ease-out), box-shadow .2s var(--nv-ease-out), filter .16s ease-out;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:18px;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex;color:var(--nv-on-primary)!important}.novel-learn-module__hN12Na__primary:hover{filter:brightness(1.08)}.novel-learn-module__hN12Na__primary:active{transform:scale(.98)}.novel-learn-module__hN12Na__ghost{border:1px solid var(--nv-line-strong);background:var(--nv-sheet);min-height:48px;color:var(--nv-ink);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}@media (max-width:599px){.novel-learn-module__hN12Na__frame{border-radius:14px}.novel-learn-module__hN12Na__play{width:72px;height:72px}.novel-learn-module__hN12Na__endCard{gap:8px}.novel-learn-module__hN12Na__endDone{font-size:17px}.novel-learn-module__hN12Na__endAll{display:none}.novel-learn-module__hN12Na__endCard .novel-learn-module__hN12Na__primary{min-height:48px;padding:6px 16px;font-size:16px}.novel-learn-module__hN12Na__ghost{min-height:44px}}.novel-learn-module__hN12Na__stageBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:16px;display:flex}.novel-learn-module__hN12Na__meta{color:var(--nv-ink-2);font-size:var(--nv-fs-meta);gap:2px;margin:0;font-weight:600;display:grid}.novel-learn-module__hN12Na__metaNote{color:var(--nv-ink-3);font-weight:400}.novel-learn-module__hN12Na__steps{gap:8px;display:flex}.novel-learn-module__hN12Na__step{border:1px solid var(--nv-line-strong);background:var(--nv-sheet);min-width:56px;min-height:56px;color:var(--nv-ink);font:inherit;cursor:pointer;transition:border-color .2s var(--nv-ease-out), background-color .2s var(--nv-ease-out);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.novel-learn-module__hN12Na__step:disabled{opacity:.4;cursor:default}@media (max-width:420px){.novel-learn-module__hN12Na__stepText{display:none}}.novel-learn-module__hN12Na__panel{background:var(--nv-sheet);box-shadow:var(--nv-sheet-shadow);border-radius:20px;align-content:start;gap:20px;padding:clamp(20px,2vw + 8px,28px);display:grid}.novel-learn-module__hN12Na__kicker{color:var(--nv-ink-2);font-size:var(--nv-fs-meta);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-weight:600;display:flex}.novel-learn-module__hN12Na__lessonTitle{letter-spacing:-.02em;color:var(--nv-ink);text-wrap:balance;scroll-margin-top:calc(var(--gn-stack-2,96px) + 16px);outline:none;margin:-12px 0 0;font-size:clamp(26px,1rem + 1vw,32px);font-weight:700;line-height:1.25}.novel-learn-module__hN12Na__helper{color:var(--nv-ink-2);font-size:var(--nv-fs-meta);align-items:center;gap:12px;margin:0;display:flex}.novel-learn-module__hN12Na__helper>span:last-child{display:grid}.novel-learn-module__hN12Na__helper strong{color:var(--nv-ink);font-size:18px}.novel-learn-module__hN12Na__face{width:48px;height:48px;box-shadow:0 0 0 2px var(--nv-sheet), 0 0 0 4px var(--hc,var(--nv-line-strong));border-radius:50%;flex:none;display:inline-block;overflow:hidden}.novel-learn-module__hN12Na__face img{object-fit:cover;width:100%;height:100%;display:block}.novel-learn-module__hN12Na__faceSm{width:28px;height:28px;box-shadow:0 0 0 1.5px var(--nv-sheet), 0 0 0 3px var(--hc,var(--nv-line-strong))}.novel-learn-module__hN12Na__panelLabel{color:var(--nv-ink-3);font-size:var(--nv-fs-meta);align-items:center;gap:6px;margin:0 0 6px;font-weight:600;display:flex}.novel-learn-module__hN12Na__principle{border-inline-start:4px solid var(--hc,var(--nv-primary));padding-inline-start:16px}.novel-learn-module__hN12Na__principleText{color:var(--nv-ink);text-wrap:pretty;margin:0;font-size:clamp(20px,.5vw + 17px,22px);font-weight:600;line-height:1.5}.novel-learn-module__hN12Na__try{background:var(--nv-soft);border-radius:14px;gap:4px;padding:16px;display:grid}.novel-learn-module__hN12Na__tryText{color:var(--nv-ink);margin:0 0 12px;font-size:18px;line-height:1.55}.novel-learn-module__hN12Na__try .novel-learn-module__hN12Na__primary{width:100%}.novel-learn-module__hN12Na__text summary{min-height:48px;color:var(--nv-ink);cursor:pointer;align-items:center;gap:8px;padding-inline:4px;font-weight:600;list-style:none;display:inline-flex}.novel-learn-module__hN12Na__text summary::-webkit-details-marker{display:none}.novel-learn-module__hN12Na__chev{transition:rotate .2s var(--nv-ease-out)}.novel-learn-module__hN12Na__text[open] .novel-learn-module__hN12Na__chev{rotate:180deg}.novel-learn-module__hN12Na__textBody{background:var(--nv-sheet);box-shadow:var(--nv-sheet-shadow);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px 32px;margin-top:8px;padding:clamp(20px,2vw + 8px,32px);display:grid}.novel-learn-module__hN12Na__textBlock h3{color:var(--nv-ink-3);font-size:var(--nv-fs-meta);margin:0 0 8px;font-weight:600}.novel-learn-module__hN12Na__textLine{color:var(--nv-ink);margin:0 0 10px;line-height:1.7}.novel-learn-module__hN12Na__textTag{color:var(--nv-ink-3);font-size:14px;font-weight:600;display:block}.novel-learn-module__hN12Na__struck .novel-learn-module__hN12Na__textLine{color:var(--nv-ink-2);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--nv-ink-3) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--nv-ink-3) 70%, transparent)}.novel-learn-module__hN12Na__textNote{color:var(--nv-ink-2);font-size:var(--nv-fs-meta);align-items:flex-start;gap:10px;margin:4px 0 0;line-height:1.6;display:flex}.novel-learn-module__hN12Na__textNote strong{color:var(--nv-ink)}.novel-learn-module__hN12Na__track+.novel-learn-module__hN12Na__track{margin-top:clamp(40px,3vw + 24px,64px)}.novel-learn-module__hN12Na__trackTitle{color:var(--nv-ink);margin:0;font-size:22px;font-weight:700}.novel-learn-module__hN12Na__trackLead{max-width:40em;color:var(--nv-ink-2);margin:6px 0 20px}.novel-learn-module__hN12Na__cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.novel-learn-module__hN12Na__cards li{display:flex}.novel-learn-module__hN12Na__card{border:1px solid var(--nv-line);background:var(--nv-sheet);box-shadow:var(--nv-sheet-shadow);color:var(--nv-ink);font:inherit;text-align:start;cursor:pointer;transition:transform .2s var(--nv-ease-out), box-shadow .2s var(--nv-ease-out), border-color .2s var(--nv-ease-out);border-radius:16px;flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.novel-learn-module__hN12Na__card[aria-current=true]{border-color:var(--nv-primary);box-shadow:0 0 0 1px var(--nv-primary), var(--nv-sheet-shadow)}.novel-learn-module__hN12Na__thumb{aspect-ratio:16/9;background:var(--nv-paper);display:block;position:relative}.novel-learn-module__hN12Na__thumb img{object-fit:cover;width:100%;height:100%;display:block}.novel-learn-module__hN12Na__thumbPlay{background:color-mix(in srgb, var(--nv-primary) 92%, transparent);width:48px;height:48px;color:var(--nv-on-primary);box-shadow:var(--nv-cta-shadow);transition:transform .2s var(--nv-ease-out);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.novel-learn-module__hN12Na__thumbPlay svg{translate:2px}.novel-learn-module__hN12Na__dur{inset-inline-end:8px;color:#fff;font-variant-numeric:tabular-nums;background:#14120eb8;border-radius:6px;padding:2px 8px;font-size:14px;font-weight:600;position:absolute;bottom:8px}.novel-learn-module__hN12Na__cardBody{flex:1;align-content:start;gap:6px;padding:16px 18px 18px;display:grid}.novel-learn-module__hN12Na__cardNo{color:var(--nv-ink-3);font-size:var(--nv-fs-meta);flex-wrap:wrap;align-items:center;gap:4px 10px;font-weight:600;display:flex}.novel-learn-module__hN12Na__now{background:var(--nv-primary);color:var(--nv-on-primary);border-radius:999px;padding:1px 8px;font-size:14px}.novel-learn-module__hN12Na__seen{color:var(--nv-primary);align-items:center;gap:3px;font-size:14px;font-weight:700;display:inline-flex}.novel-learn-module__hN12Na__cardTitle{text-wrap:balance;font-size:20px;font-weight:700;line-height:1.3}.novel-learn-module__hN12Na__cardGist{color:var(--nv-ink-2);line-height:1.5}.novel-learn-module__hN12Na__cardHelper{color:var(--nv-ink-2);font-size:var(--nv-fs-meta);align-items:center;gap:8px;margin-top:6px;display:flex}@media (max-width:599px){.novel-learn-module__hN12Na__cards{gap:12px}.novel-learn-module__hN12Na__card{grid-template-columns:136px minmax(0,1fr);align-items:start;display:grid}.novel-learn-module__hN12Na__thumb{border-radius:10px;margin:12px 0 12px 12px;overflow:hidden}[dir=rtl] .novel-learn-module__hN12Na__thumb{margin:12px 12px 12px 0}.novel-learn-module__hN12Na__thumbPlay{width:36px;height:36px}.novel-learn-module__hN12Na__thumbPlay svg{width:16px;height:16px}.novel-learn-module__hN12Na__dur{inset-inline-end:4px;padding:0 6px;bottom:4px}.novel-learn-module__hN12Na__cardBody{gap:4px;padding:12px 14px 14px}.novel-learn-module__hN12Na__cardTitle{font-size:18px}.novel-learn-module__hN12Na__cardGist{font-size:16px}.novel-learn-module__hN12Na__cardHelper{margin-top:2px}}.novel-learn-module__hN12Na__more{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.novel-learn-module__hN12Na__moreLink{background:var(--nv-sheet);min-height:72px;box-shadow:var(--nv-sheet-shadow);transition:transform .2s var(--nv-ease-out), box-shadow .2s var(--nv-ease-out);border-radius:14px;align-items:center;gap:12px;padding:12px 20px;font-size:18px;font-weight:600;text-decoration:none;display:flex;color:var(--nv-ink)!important}.novel-learn-module__hN12Na__moreLink>svg:first-child{color:var(--nv-primary);flex:none}.novel-learn-module__hN12Na__moreLink>.novel-learn-module__hN12Na__flip{color:var(--nv-ink-3);margin-inline-start:auto}@media (hover:hover) and (prefers-reduced-motion:no-preference){.novel-learn-module__hN12Na__pick:hover,.novel-learn-module__hN12Na__card:hover,.novel-learn-module__hN12Na__moreLink:hover{box-shadow:var(--nv-lift-shadow);transform:translateY(-2px)}.novel-learn-module__hN12Na__pick:hover{border-color:color-mix(in srgb, var(--nv-primary) 40%, var(--nv-line))}.novel-learn-module__hN12Na__card:hover .novel-learn-module__hN12Na__thumbPlay{transform:scale(1.08)}.novel-learn-module__hN12Na__primary:hover{box-shadow:var(--nv-cta-shadow-hover);transform:translateY(-1px)}.novel-learn-module__hN12Na__step:not(:disabled):hover{border-color:var(--nv-ink-3)}.novel-learn-module__hN12Na__pick:hover>.novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__primary:hover .novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__textButton:hover .novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__moreLink:hover>.novel-learn-module__hN12Na__flip{translate:3px}[dir=rtl] :is(.novel-learn-module__hN12Na__pick:hover>.novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__primary:hover .novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__textButton:hover .novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__moreLink:hover>.novel-learn-module__hN12Na__flip){translate:-3px}}.novel-learn-module__hN12Na__pick>.novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__primary .novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__textButton .novel-learn-module__hN12Na__flip,.novel-learn-module__hN12Na__moreLink>.novel-learn-module__hN12Na__flip{transition:translate .2s var(--nv-ease-out)}@media (prefers-reduced-motion:reduce){.novel-learn-module__hN12Na__pick,.novel-learn-module__hN12Na__card,.novel-learn-module__hN12Na__moreLink,.novel-learn-module__hN12Na__primary,.novel-learn-module__hN12Na__play,.novel-learn-module__hN12Na__thumbPlay,.novel-learn-module__hN12Na__chev,.novel-learn-module__hN12Na__flip{transition:none}.novel-learn-module__hN12Na__endCard{animation:none}}