.learn-board{--lb-serif: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;--lb-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--lb-paper: oklch(var(--b1));--lb-ink: oklch(var(--bc));--lb-rule: oklch(62% .09 240 / .14);--lb-margin: oklch(60% .21 25 / .5);--lb-accent: oklch(var(--p));--lb-good: oklch(var(--su));--lb-warn: oklch(var(--wa));display:block}.learn-board .lb-hero{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;padding:1.4rem 1.5rem 1.3rem;margin-bottom:1.1rem;border:1px solid oklch(var(--b3));border-radius:14px;background:radial-gradient(oklch(var(--bc) / .05) 1px,transparent 1px) 0 0 / 16px 16px,oklch(var(--b2) / .45);overflow:hidden;animation:lb-rise .5s cubic-bezier(.2,.7,.3,1) both}.learn-board .lb-hero:after{content:"Aa";position:absolute;right:1.2rem;bottom:-1.6rem;font-family:var(--lb-serif);font-style:italic;font-size:6.5rem;line-height:1;color:oklch(var(--bc) / .05);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.learn-board .lb-eyebrow{display:flex;align-items:center;gap:.5rem;margin:0 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:oklch(var(--bc) / .55)}.learn-board .lb-aa{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:5px;background:var(--lb-margin);color:#fff6f5;font-family:var(--lb-serif);font-style:italic;font-size:.85rem;letter-spacing:0}.learn-board .lb-title{margin:0;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:800;line-height:1.15;color:var(--lb-ink)}.learn-board .lb-title-en{display:inline-block;margin-left:.4rem;font-family:var(--lb-serif);font-style:italic;font-weight:400;font-size:.62em;color:oklch(var(--bc) / .45);transform:translateY(-.15em)}.learn-board .lb-sub{margin:.3rem 0 0;font-size:.85rem;color:oklch(var(--bc) / .6)}.learn-board .lb-stats{display:flex;gap:.6rem;position:relative;z-index:1}.learn-board .lb-stat{min-width:4.6rem;padding:.5rem .8rem;border:1px solid oklch(var(--b3));border-radius:10px;background:var(--lb-paper);text-align:center;box-shadow:0 1px 3px #0000000d}.learn-board .lb-stat b{display:block;font-family:var(--lb-serif);font-size:1.45rem;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--lb-ink)}.learn-board .lb-stat span{font-size:.68rem;color:oklch(var(--bc) / .55)}.learn-board .lb-stat-good b{color:var(--lb-good)}.learn-board .lb-stat-warn b{color:var(--lb-warn)}.learn-board .lb-tabs{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:oklch(var(--b2));margin-bottom:.75rem}.learn-board .lb-tab{border:0;background:transparent;padding:.42rem 1rem;border-radius:9px;font-size:.9rem;color:oklch(var(--bc) / .65);cursor:pointer;transition:background .25s,color .25s,transform .15s}.learn-board .lb-tab:hover{color:var(--lb-ink)}.learn-board .lb-tab.is-active{background:var(--lb-paper);color:var(--lb-accent);font-weight:600;box-shadow:0 1px 5px #0000001a}.learn-board .lb-daily-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1rem}.learn-board .lb-daily-date{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0;font-family:var(--lb-mono);font-size:.95rem;color:var(--lb-ink)}.learn-board .lb-daily-cycle{font-family:inherit;font-size:.72rem;color:oklch(var(--bc) / .5)}.learn-board .lb-daily-tagline{margin:.3rem 0 0;font-size:.85rem;color:oklch(var(--bc) / .6)}.learn-board .lb-daily-list{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-direction:column;gap:.75rem;counter-reset:daily}.learn-board .lb-daily-item{display:grid;grid-template-columns:2.6rem 1fr;gap:0 .9rem;padding:1rem 1.2rem 1rem .9rem;border:1px solid oklch(var(--b3));border-left:3px solid var(--lb-margin);border-radius:12px;background:var(--lb-paper);transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s}.learn-board .lb-daily-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px -12px #00000047}.learn-board .lb-daily-index{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:oklch(var(--b2));font-family:var(--lb-serif);font-size:1.05rem;font-weight:700;color:oklch(var(--bc) / .65)}.learn-board .lb-daily-body{min-width:0}.learn-board .lb-daily-term{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .3rem}.learn-board .lb-daily-term strong{font-family:var(--lb-serif);font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--lb-ink)}.learn-board .lb-daily-phonetic{font-family:var(--lb-mono);font-size:.82rem;color:oklch(var(--bc) / .55)}.learn-board .lb-scene{padding:.1rem .5rem;border-radius:999px;font-size:.68rem;font-weight:600;border:1px solid transparent}.learn-board .lb-scene-workplace{background:oklch(var(--p) / .12);border-color:oklch(var(--p) / .3);color:oklch(var(--p))}.learn-board .lb-scene-life{background:oklch(var(--su) / .14);border-color:oklch(var(--su) / .32);color:oklch(var(--su))}.learn-board .lb-scene-general{background:oklch(var(--bc) / .07);border-color:oklch(var(--bc) / .18);color:oklch(var(--bc) / .65)}.learn-board .lb-daily-def{margin:0 0 .5rem;font-size:.95rem;color:var(--lb-ink)}.learn-board .lb-daily-pos{margin-right:.4rem;font-family:var(--lb-mono);font-size:.75rem;color:oklch(var(--bc) / .5)}.learn-board .lb-daily-example{margin:0 0 .5rem;padding:.5rem 0 .5rem .8rem;border-left:2px solid oklch(var(--b3))}.learn-board .lb-daily-example p{margin:0}.learn-board .lb-daily-en{font-family:var(--lb-serif);font-size:.95rem;font-style:italic;color:var(--lb-ink)}.learn-board .lb-daily-zh{margin-top:.15rem!important;font-size:.82rem;color:oklch(var(--bc) / .6)}.learn-board .lb-daily-tip{margin:0;padding:.5rem .7rem;border-radius:8px;background:oklch(var(--wa) / .09);font-size:.82rem;line-height:1.6;color:oklch(var(--bc) / .78)}.learn-board .lb-daily-advice{padding:1rem 1.2rem;border:1px dashed oklch(var(--b3));border-radius:12px;background:oklch(var(--b2) / .4)}.learn-board .lb-daily-advice ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:oklch(var(--bc) / .72)}.learn-board .lb-daily-advice b{color:var(--lb-ink)}.learn-board .lb-daily-footnote{margin:.7rem 0 0;font-size:.78rem;color:oklch(var(--bc) / .45)}@media (max-width: 640px){.learn-board .lb-daily-item{grid-template-columns:1fr;gap:.5rem;padding:.9rem 1rem}.learn-board .lb-daily-index{width:1.8rem;height:1.8rem;font-size:.9rem}}.learn-board [hidden]{display:none!important}.learn-board .lb-status{margin:0 0 .9rem;font-size:.85rem;color:oklch(var(--bc) / .6);transition:color .3s}.learn-board .lb-status.is-error{color:oklch(var(--er))}.learn-board .lb-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;margin-bottom:1rem;border:1px solid oklch(var(--er) / .4);border-radius:10px;background:oklch(var(--er) / .08)}.learn-board .lb-error p{margin:0;font-size:.9rem;color:oklch(var(--er))}.learn-board .lb-panel{animation:lb-rise .4s cubic-bezier(.2,.7,.3,1) both}.learn-board .lb-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.9rem}.learn-board .lb-field{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:oklch(var(--bc) / .7)}.learn-board .lb-switch{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.learn-board .lb-progress{margin-bottom:1rem}.learn-board .lb-progress-meta{display:flex;justify-content:space-between;font-size:.78rem;color:oklch(var(--bc) / .6);margin-bottom:.3rem;font-variant-numeric:tabular-nums}.learn-board .lb-progress-meta b{color:var(--lb-good)}.learn-board .lb-progress-track{height:6px;border-radius:999px;background:oklch(var(--b3));overflow:hidden}.learn-board .lb-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--lb-accent),var(--lb-good));transition:width .45s cubic-bezier(.2,.7,.3,1)}.learn-board .lb-flashcard{position:relative;display:block;margin:0 auto 1.1rem;max-width:560px;perspective:1200px;cursor:pointer;outline:none}.learn-board .lb-flashcard:focus-visible .lb-flash-inner{box-shadow:0 0 0 3px oklch(var(--p) / .5)}.learn-board .lb-card-stack{position:absolute;inset:0;border-radius:12px;border:1px solid oklch(var(--b3));background:oklch(var(--b2) / .8);transition:transform .35s cubic-bezier(.2,.7,.3,1)}.learn-board .lb-card-stack-a{transform:rotate(2.2deg) translate(7px,7px)}.learn-board .lb-card-stack-b{transform:rotate(-1.6deg) translate(-6px,9px)}.learn-board .lb-flashcard:hover .lb-card-stack-a{transform:rotate(3.2deg) translate(10px,9px)}.learn-board .lb-flashcard:hover .lb-card-stack-b{transform:rotate(-2.4deg) translate(-9px,12px)}.learn-board .lb-flash-inner{position:relative;z-index:1;min-height:280px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.learn-board .lb-flashcard.is-flipped .lb-flash-inner{transform:rotateY(180deg)}.learn-board .lb-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:1.2rem 1.4rem 1rem 3.1rem;border:1px solid oklch(var(--b3));border-radius:12px;background:linear-gradient(90deg,transparent 0 2.35rem,var(--lb-margin) 2.35rem calc(2.35rem + 2px),transparent calc(2.35rem + 2px)),repeating-linear-gradient(180deg,transparent 0 1.9rem,var(--lb-rule) 1.9rem calc(1.9rem + 1px)),var(--lb-paper);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 8px 24px -10px #0000002e}.learn-board .lb-front{position:relative;min-height:280px}.learn-board .lb-back{transform:rotateY(180deg)}.learn-board .lb-face:after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .3s}.learn-board .lb-flashcard.flash-good .lb-face:after{box-shadow:inset 0 0 0 3px var(--lb-good);opacity:1}.learn-board .lb-flashcard.flash-warn .lb-face:after{box-shadow:inset 0 0 0 3px var(--lb-warn);opacity:1}.learn-board .lb-face-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.learn-board .lb-face-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;color:oklch(var(--bc) / .45)}.learn-board .lb-face-label-zh{color:var(--lb-warn)}.learn-board .lb-audio-btn{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid oklch(var(--b3));border-radius:50%;background:oklch(var(--b2) / .6);cursor:pointer;font-size:.95rem;transition:transform .15s,background .2s}.learn-board .lb-audio-btn:hover{transform:scale(1.08);background:oklch(var(--b2))}.learn-board .lb-audio-btn:active{transform:scale(.94)}.learn-board .lb-word{margin:auto 0;font-family:var(--lb-serif);font-weight:700;font-size:clamp(2.1rem,7vw,3.2rem);line-height:1.15;word-break:break-word;color:var(--lb-ink)}.learn-board .lb-word-zh{font-family:inherit;font-size:clamp(1.6rem,5vw,2.2rem)}.learn-board .lb-hint{margin:.5rem 0 0;font-size:.85rem;color:oklch(var(--bc) / .6);min-height:1.2em}.learn-board .lb-hint:before{content:""}.learn-board .lb-face-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem}.learn-board .lb-meta{font-size:.72rem;color:oklch(var(--bc) / .5);font-variant-numeric:tabular-nums}.learn-board .lb-flip-hint{font-size:.7rem;color:oklch(var(--bc) / .4)}.learn-board .lb-flashcard.is-loading .lb-word,.learn-board .lb-flashcard.is-loading .lb-hint,.learn-board .lb-flashcard.is-loading .lb-meta{color:transparent;border-radius:6px;background:linear-gradient(100deg,oklch(var(--b3) / .5) 40%,oklch(var(--b2)),oklch(var(--b3) / .5) 60%);background-size:200% 100%;animation:lb-shimmer 1.2s linear infinite}.learn-board .lb-flashcard.is-loading{pointer-events:none}.learn-board .lb-actions,.learn-board .lb-rate{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.7rem}.learn-board .lb-rate .btn kbd{margin-left:.35rem;padding:.05rem .35rem;border-radius:4px;background:#0000001f;font-family:var(--lb-mono);font-size:.7rem}.learn-board .lb-kbd-hints{text-align:center;font-size:.72rem;color:oklch(var(--bc) / .45)}.learn-board .lb-kbd-hints kbd{padding:.05rem .35rem;border:1px solid oklch(var(--b3));border-bottom-width:2px;border-radius:4px;background:oklch(var(--b2) / .6);font-family:var(--lb-mono);font-size:.7rem;margin:0 .1rem}.learn-board .lb-ipa-groups{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.learn-board .lb-ipa-group{border:1px solid oklch(var(--b3));background:transparent;color:oklch(var(--bc) / .7);border-radius:999px;padding:.3rem .9rem;font-size:.82rem;cursor:pointer;transition:all .2s}.learn-board .lb-ipa-group:hover{border-color:oklch(var(--bc) / .3);color:var(--lb-ink)}.learn-board .lb-ipa-group.is-active{background:var(--lb-accent);border-color:var(--lb-accent);color:oklch(var(--pc, 98% 0 0));font-weight:600}.learn-board .lb-ipa-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 1024px){.learn-board .lb-ipa-grid{grid-template-columns:1fr 280px}}.learn-board .lb-ipa-desc{margin:0 0 .8rem;font-size:.85rem;color:oklch(var(--bc) / .6)}.learn-board .lb-ipa-chips{display:flex;flex-wrap:wrap;gap:.5rem}.learn-board .lb-ipa-chip{display:inline-flex;align-items:center;gap:.4rem;min-width:3.4rem;justify-content:center;padding:.55rem .7rem;border:1px solid oklch(var(--b3));border-radius:10px;background:var(--lb-paper);font-family:var(--lb-mono);font-size:1rem;color:var(--lb-ink);cursor:pointer;transition:transform .18s,border-color .2s,background .2s,box-shadow .2s}.learn-board .lb-ipa-chip:hover{transform:translateY(-2px);border-color:oklch(var(--bc) / .3);box-shadow:0 4px 10px -4px #0003}.learn-board .lb-ipa-chip.is-active{border-color:var(--lb-accent);background:oklch(var(--p) / .1);box-shadow:0 0 0 2px oklch(var(--p) / .25)}.learn-board .lb-voiced-dot{width:.45rem;height:.45rem;border-radius:50%;background:oklch(var(--bc) / .25)}.learn-board .lb-voiced-dot.is-voiced{background:var(--lb-good)}.learn-board .lb-aside{padding:1rem 1.1rem;border:1px solid oklch(var(--b3));border-radius:12px;background:oklch(var(--b2) / .5);align-self:start}@media (min-width: 1024px){.learn-board .lb-aside{position:sticky;top:1rem}}.learn-board .lb-aside-title{margin:0 0 .6rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;color:oklch(var(--bc) / .6)}.learn-board .lb-ipa-symbol-big{display:flex;align-items:center;gap:.6rem;font-family:var(--lb-serif);font-size:2.2rem;color:var(--lb-ink);margin:0 0 .4rem}.learn-board .lb-ipa-name{margin:.2rem 0;font-weight:600;color:var(--lb-ink)}.learn-board .lb-ipa-tip{margin:.4rem 0;font-size:.85rem;color:oklch(var(--bc) / .7)}.learn-board .lb-ipa-examples{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.learn-board .lb-muted{color:oklch(var(--bc) / .5);font-size:.85rem}.learn-board .lb-xs{font-size:.75rem}.learn-board .lb-reading-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 1024px){.learn-board .lb-reading-grid{grid-template-columns:1fr 240px}}.learn-board .lb-passage{padding:1.3rem 1.5rem;border:1px solid oklch(var(--b3));border-radius:12px;background:var(--lb-paper);font-family:var(--lb-serif);font-size:1.08rem;line-height:2.1;color:var(--lb-ink)}.learn-board .lb-passage .lb-muted{font-family:inherit}.learn-board button.lb-token{display:inline;padding:0 .06em;margin:0;border:none;background:transparent;border-radius:.2em;cursor:pointer;font:inherit;line-height:inherit;color:inherit;transition:background .15s}.learn-board button.lb-token:hover{background:oklch(var(--p) / .15)}.learn-board button.lb-token.is-active{background:oklch(var(--p) / .2)}.learn-board button.lb-token.is-annotated{background:oklch(var(--su) / .22);text-decoration:underline;text-underline-offset:3px}.learn-board button.lb-token.is-known-gloss{border-bottom:1px dotted oklch(var(--bc) / .35)}.learn-board .lb-word-detail{min-height:3rem}.learn-board .lb-word-lemma{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 .2rem;font-family:var(--lb-serif);font-size:1.35rem;font-weight:700;color:var(--lb-ink)}.learn-board .lb-word-phonetic{font-family:var(--lb-mono);font-size:.8rem;font-weight:400;color:oklch(var(--bc) / .55)}.learn-board .lb-word-def{margin:.2rem 0;font-size:.9rem;color:var(--lb-ink)}.learn-board .lb-word-example{margin:.4rem 0;font-size:.82rem;font-style:italic;color:oklch(var(--bc) / .6);font-family:var(--lb-serif)}.learn-board .lb-divider{margin:.8rem 0 .5rem;font-size:.72rem;color:oklch(var(--bc) / .45);display:flex;align-items:center;gap:.5rem}.learn-board .lb-divider:after{content:"";flex:1;height:1px;background:oklch(var(--b3))}.learn-board .lb-annotated{list-style:none;margin:0;padding:0;max-height:12rem;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.learn-board .lb-annotated li{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.3rem .5rem;border-radius:8px;background:oklch(var(--b1) / .7);font-size:.82rem}.learn-board .lb-anno-word{border:none;background:transparent;cursor:pointer;font:inherit;color:var(--lb-ink);text-align:left;padding:0}.learn-board .lb-anno-word:hover{color:var(--lb-accent)}.learn-board .lb-anno-word b{font-family:var(--lb-serif)}.learn-board .lb-anno-zh{color:oklch(var(--bc) / .6)}.learn-board .lb-anno-remove{border:none;background:transparent;cursor:pointer;color:oklch(var(--bc) / .4);font-size:.9rem;line-height:1;padding:.1rem .3rem;border-radius:4px;transition:color .2s,background .2s}.learn-board .lb-anno-remove:hover{color:oklch(var(--er));background:oklch(var(--er) / .12)}@keyframes lb-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.learn-board .lb-flash-inner,.learn-board .lb-card-stack,.learn-board .lb-tab,.learn-board .lb-ipa-chip,.learn-board .lb-audio-btn,.learn-board .lb-progress-fill{transition:none!important}.learn-board .lb-hero,.learn-board .lb-panel,.learn-board .lb-flashcard.is-loading .lb-word,.learn-board .lb-flashcard.is-loading .lb-hint,.learn-board .lb-flashcard.is-loading .lb-meta{animation:none!important}}@media (hover: none){.learn-board .lb-kbd-hints{display:none}}