@layer theme,base;@layer components{.l-brand{color:var(--color-primary)}.l-display{font-family:var(--l-font-title);color:var(--color-heading);--tw-leading:1.25;letter-spacing:-.01em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;font-weight:800;line-height:1.25}.l-hero{font-family:var(--l-font-hand);color:var(--color-heading);font-synthesis:none;--tw-leading:1.25;letter-spacing:.02em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;font-weight:400;line-height:1.25}.l-title{font-family:var(--l-font-title);color:var(--color-heading);text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;font-weight:700}.l-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.l-chip{background-color:var(--l-chip-bg);color:var(--l-chip-fg);border-radius:999px;align-items:center;padding:2px 10px;font-size:.8125rem;font-weight:500;display:inline-flex}.l-mono{font-family:var(--l-font-mono);overflow-wrap:anywhere}.l-progress{background-color:var(--l-track);border-radius:999px;height:6px;overflow:hidden}.l-progress>span{background-color:var(--color-primary);border-radius:999px;height:100%;transition:width .3s;display:block}.l-check{background-color:var(--color-primary);width:1.25rem;height:1.25rem;color:var(--color-primary-foreground);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.l-check-empty{border:1.5px solid var(--color-border);border-radius:999px;flex:none;width:1.25rem;height:1.25rem;display:inline-block}.l-focus:focus-visible{outline:2px solid var(--l-focus);outline-offset:2px}.l-focus-within:has(:focus-visible){outline:2px solid var(--l-focus);outline-offset:2px}.l-prose{color:var(--color-foreground);overflow-wrap:anywhere;font-size:1rem;line-height:1.85}@media (min-width:640px){.l-prose{font-size:1.0625rem}}.l-prose>*+*{margin-top:1em}.l-prose h2,.l-prose h3,.l-prose h4,.l-prose h5{font-family:var(--l-font-title);color:var(--color-heading);text-wrap:balance;word-break:keep-all;scroll-margin-top:5.5rem;font-weight:700;line-height:1.4}.l-prose h2{margin-top:2.2em;font-size:1.5rem}.l-prose h3{margin-top:1.8em;font-size:1.25rem}.l-prose h4,.l-prose h5{margin-top:1.5em;font-size:1.0625rem}.l-prose>:first-child{margin-top:0}.l-prose-intro h3{margin-top:1.6em;font-size:1.125rem}.l-prose-intro h4,.l-prose-intro h5{font-size:1rem}.l-prose a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.l-prose a:hover{color:var(--color-primary-hover)}.l-prose strong{color:var(--color-heading);font-weight:700}.l-prose ul,.l-prose ol{padding-left:1.4em}.l-prose ul{list-style:outside}.l-prose ol{list-style:decimal}.l-prose li+li,.l-prose li>ul,.l-prose li>ol{margin-top:.35em}.l-prose li.task-list-item{list-style:none}.l-prose li.task-list-item input{accent-color:var(--color-primary);margin-right:.5em}.l-prose blockquote{border:1px solid var(--color-border);color:var(--color-muted);border-radius:10px;padding:.75em 1em}.l-prose hr{border:0;border-top:1px solid var(--color-border);margin:2em 0}.l-prose mark{background-color:var(--l-mark);color:inherit;border-radius:2px;padding:0 2px}.l-prose code{font-family:var(--l-font-mono);background-color:var(--l-code-bg);color:var(--l-code-fg);border-radius:5px;padding:1px 6px;font-size:.88em}.l-prose pre{background-color:var(--l-pre-bg);color:var(--l-pre-fg);font-family:var(--l-font-mono);margin:0;padding:.9em 1em;font-size:.8125rem;line-height:1.7;overflow-x:auto}.l-prose pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.l-code{border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.l-code-head{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);font-family:var(--l-font-mono);color:var(--color-muted);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem 1rem;font-size:.75rem;display:flex}.l-prose .l-table{border:1px solid var(--color-border);border-radius:10px;overflow-x:auto}.l-prose table{border-collapse:collapse;width:100%;font-size:.9375rem}.l-prose th,.l-prose td{text-align:left;border-bottom:1px solid var(--color-border);padding:.55em .9em}.l-prose th{color:var(--color-heading);background-color:var(--color-surface-hover);font-weight:700}.l-prose tr:last-child td{border-bottom:0}.l-prose .katex-display{padding:.25em 0;overflow:auto hidden}.l-prose .footnotes{color:var(--color-muted);font-size:.875rem}.l-prose .hljs-keyword,.l-prose .hljs-selector-tag,.l-prose .hljs-built_in,.l-prose .hljs-literal{color:var(--l-syn-keyword)}.l-prose .hljs-string,.l-prose .hljs-regexp,.l-prose .hljs-template-string{color:var(--l-syn-string)}.l-prose .hljs-number,.l-prose .hljs-symbol{color:var(--l-syn-number)}.l-prose .hljs-comment,.l-prose .hljs-quote{color:var(--l-syn-comment);font-style:italic}.l-prose .hljs-title,.l-prose .hljs-title.function_,.l-prose .hljs-section{color:var(--l-syn-function)}.l-prose .hljs-type,.l-prose .hljs-title.class_,.l-prose .hljs-params{color:var(--l-syn-type)}.l-prose .hljs-meta,.l-prose .hljs-attr,.l-prose .hljs-attribute,.l-prose .hljs-variable{color:var(--l-syn-meta)}.l-callout{border:1px solid var(--l-note-border);background-color:var(--l-note-bg);border-radius:10px;padding:.85em 1.1em}.l-callout>.l-callout-title{font-family:var(--l-font-title);color:var(--l-note-title);align-items:center;gap:.45em;margin:0 0 .35em;font-size:.95rem;font-weight:700;display:flex}.l-callout>*+*{margin-top:.6em}.l-callout[data-kind=takeaway]{border-color:var(--l-takeaway-border);background-color:var(--l-takeaway-bg)}.l-callout[data-kind=takeaway]>.l-callout-title{color:var(--l-takeaway-title)}.l-callout[data-kind=tip]{border-color:var(--l-tip-border);background-color:var(--l-tip-bg)}.l-callout[data-kind=tip]>.l-callout-title{color:var(--l-tip-title)}.l-callout[data-kind=warning]{border-color:var(--l-warning-border);background-color:var(--l-warning-bg)}.l-callout[data-kind=warning]>.l-callout-title{color:var(--l-warning-title)}.l-callout[data-kind=further]{border-color:var(--l-further-border);background-color:var(--l-further-bg)}.l-callout[data-kind=further]>.l-callout-title{color:var(--l-further-title)}.l-quiz{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:12px;padding:1rem 1.1rem 1.1rem;font-size:1rem;line-height:1.7}@media (min-width:640px){.l-quiz{padding:1.25rem 1.5rem 1.4rem}}.l-quiz-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;display:flex}.l-quiz-tag{background-color:var(--l-chip-bg);color:var(--l-chip-fg);border-radius:999px;align-items:center;padding:2px 10px;font-size:.875rem;font-weight:600;display:inline-flex}.l-quiz-type{color:var(--color-muted);font-size:.875rem}.l-quiz-stem{color:var(--color-heading);font-weight:500}.l-quiz-md.l-prose,.l-quiz-inline.l-prose{font-size:inherit;line-height:inherit}.l-quiz-md>:first-child{margin-top:0}.l-quiz-fieldset{border:0;min-width:0;margin:.9rem 0 0;padding:0}.l-quiz-choices{gap:.5rem;display:grid}.l-quiz-choice{border:1.5px solid var(--color-border);background-color:var(--color-surface);min-width:0;color:var(--color-foreground);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.65rem .85rem;transition:background-color .15s,border-color .15s;display:flex}label.l-quiz-choice:hover:not([data-disabled=true]){background-color:var(--color-surface-hover)}.l-quiz-choice[data-checked=true]{border-color:var(--color-primary);background-color:var(--l-current)}.l-quiz-choice[data-disabled=true],div.l-quiz-choice{cursor:default}.l-quiz-choice[data-mark=right],.l-quiz-choice[data-mark=answer]{border-color:var(--l-right-border);background-color:var(--l-right-bg)}.l-quiz-choice[data-mark=wrong]{border-color:var(--l-wrong-border);background-color:var(--l-wrong-bg)}.l-quiz-choice[data-mark=missed]{border-style:dashed;border-color:var(--l-right-border);background-color:var(--l-right-bg)}.l-quiz-choice:has(:focus-visible){outline:2px solid var(--l-focus);outline-offset:2px}.l-quiz-input{width:1.125rem;height:1.125rem;accent-color:var(--color-primary);flex:none;margin-top:.3rem}.l-quiz-bullet{border:1.5px solid var(--color-muted);border-radius:999px;flex:none;width:1.125rem;height:1.125rem;margin-top:.3rem}.l-quiz-bullet[data-shape=square]{border-radius:4px}.l-quiz-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.l-quiz-mark{align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;line-height:1.5;display:inline-flex}.l-quiz-mark[data-mark=right],.l-quiz-mark[data-mark=missed],.l-quiz-mark[data-mark=answer]{color:var(--l-right-fg)}.l-quiz-mark[data-mark=wrong]{color:var(--l-wrong-fg)}.l-quiz-result{border:1px solid var(--l-right-border);background-color:var(--l-right-bg);border-radius:10px;outline:none;margin-top:1rem;padding:.85rem 1rem}.l-quiz-result[data-correct=false]{border-color:var(--l-wrong-border);background-color:var(--l-wrong-bg)}.l-quiz-result:focus-visible{outline:2px solid var(--l-focus);outline-offset:2px}.l-quiz-verdict{font-family:var(--l-font-title);color:var(--l-right-fg);align-items:center;gap:.45rem;margin:0;font-weight:700;display:flex}.l-quiz-result[data-correct=false] .l-quiz-verdict{color:var(--l-wrong-fg)}.l-quiz-note{color:var(--color-foreground);margin:.25rem 0 0;font-size:.9375rem}.l-quiz-explain{color:var(--color-foreground);margin-top:.6rem}.l-quiz-explain-title{color:var(--color-heading);margin:0 0 .2rem;font-size:.9375rem;font-weight:700}.l-quiz-missing{border:1px dashed var(--color-border);color:var(--color-muted);border-radius:10px;margin:0;padding:.75rem 1rem;font-size:.9375rem}.l-quiz-dots{flex-wrap:wrap;gap:.4rem;display:flex}.l-quiz-dot{border:1.5px solid var(--color-muted);background-color:var(--color-surface);width:1.5rem;height:1.5rem;color:var(--color-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.l-quiz-dot[data-state=right]{border-color:var(--l-right-border);background-color:var(--l-right-bg);color:var(--l-right-fg)}.l-quiz-dot[data-state=wrong]{border-color:var(--l-wrong-border);background-color:var(--l-wrong-bg);color:var(--l-wrong-fg)}.l-quiz-dot[aria-current=step]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary)}.l-quiz-frame{overflow-clip-margin:8px;overflow:clip}@media (prefers-reduced-motion:no-preference){.l-quiz-frame{transition:height .2s}}.l-quiz-summary-list{gap:.5rem;margin-top:.75rem;display:grid}.l-quiz-summary-item{border:1.5px solid var(--color-border);background-color:var(--color-surface);color:var(--color-foreground);text-align:left;cursor:pointer;border-radius:10px;flex-wrap:wrap;gap:.25rem .75rem;padding:.65rem .85rem;display:flex}.l-quiz-summary-item:hover{background-color:var(--color-surface-hover)}.l-quiz-summary-item[data-state=right]{border-color:var(--l-right-border);background-color:var(--l-right-bg)}.l-quiz-summary-item[data-state=wrong]{border-color:var(--l-wrong-border);background-color:var(--l-wrong-bg)}.l-quiz-summary .l-quiz-verdict{color:var(--color-heading)}.l-quiz-done{color:var(--l-right-fg);align-items:center;gap:.4rem;margin:.9rem 0 0;font-size:.9375rem;font-weight:600;display:flex}.l-exam-grid{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.5rem;display:grid}.l-exam-dot{border:1.5px solid var(--color-border);background-color:var(--color-surface);height:2.75rem;color:var(--color-heading);font-family:var(--l-font-mono);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.9375rem;display:inline-flex;position:relative}.l-exam-dot:hover{background-color:var(--color-surface-hover)}.l-exam-dot[data-answered=false]{color:var(--color-muted);border-style:dashed}.l-exam-dot[data-answered=true]{border-color:var(--color-primary);background-color:var(--l-current)}.l-exam-dot[aria-current=step]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.l-exam-dot-check{background-color:var(--color-primary);width:1.05rem;height:1.05rem;color:var(--color-primary-foreground);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-.35rem;right:-.35rem}.l-exam-timer{font-family:var(--l-font-mono);font-variant-numeric:tabular-nums;color:var(--color-heading);align-items:center;gap:.4rem;font-size:1.125rem;display:inline-flex}.l-exam-timer[data-low=true]{color:var(--color-danger)}.l-exam-score{font-family:var(--l-font-title);color:var(--color-heading);font-size:3.5rem;font-weight:800;line-height:1}.learn:has(.l-board){background-image:var(--l-chalk-dust,none)}.l-hero-line{width:fit-content;display:block;position:relative}.l-hero-line:after{content:"";background-color:var(--color-background);background-image:var(--l-chalk-dust,none);transform-origin:100%;animation:l-hero-wipe .85s cubic-bezier(.55, .05, .3, 1) var(--l-delay,0s) forwards;position:absolute;inset:-.15em -.25em}.l-art{width:100%;height:auto;display:block;overflow:visible}.l-art-ink,.l-art-accent,.l-art-spark{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.l-art-ink{stroke:var(--l-art-ink)}.l-art-accent{stroke:var(--l-art-accent);stroke-width:3.5px}.l-art-spark{stroke:var(--l-art-spark)}.l-art-thin{stroke-width:2.2px}.l-art-doodle{opacity:.8}.l-art-trail{fill:none;stroke:var(--l-art-path);stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 10}.l-art-step{fill:var(--l-art-path)}.l-art-flag{fill:var(--l-art-flag);stroke:var(--l-art-flag);stroke-width:2px;stroke-linejoin:round}.l-art-star{fill:var(--l-art-spark)}.dark .l-art-chalk{filter:url(#l-art-chalk)}.l-art-draw{stroke-dasharray:100;stroke-dashoffset:100px;animation:l-art-draw var(--l-dur,1s) ease-out var(--l-delay,0s) forwards}.l-art-reveal{stroke-dasharray:100;stroke-dashoffset:100px;animation:2s ease-in-out .9s forwards l-art-draw}.l-art-step{opacity:0;transform-box:fill-box;transform-origin:50%;animation:l-art-pop .35s ease-out var(--l-delay,0s) forwards}.l-art-flag{transform-box:fill-box;transform-origin:0;animation:.4s ease-out 3.1s forwards l-art-unfurl,1s ease-in-out 3.5s l-art-sway;transform:scaleX(0)}.l-art-star{opacity:0;transform-box:fill-box;transform-origin:50%;animation:l-art-pop .4s ease-out var(--l-delay,0s) forwards, l-art-twinkle 1s ease-in-out calc(var(--l-delay,0s) + .4s) 1}.l-card-rise{animation:l-card-rise .6s cubic-bezier(.2, .7, .2, 1) var(--l-delay,0s) backwards;transition:transform .2s,border-color .2s,background-color .2s}.l-card-slot:hover>.l-card-rise{border-color:var(--color-primary);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.l-hero-line:after{display:none}.l-card-rise,.l-art-draw,.l-art-reveal,.l-art-step,.l-art-flag,.l-art-star{animation:none}.l-card-rise{transition:none}.l-card-slot:hover>.l-card-rise{transform:none}.l-art-draw,.l-art-reveal{stroke-dashoffset:0}.l-art-step,.l-art-star{opacity:1}.l-art-flag{transform:none}}}@layer utilities;.learn{--color-background:#f5f7f6;--color-foreground:#23302b;--color-heading:#121e19;--color-muted:#56665f;--color-surface:#fff;--color-surface-hover:#eef3f0;--color-border:#dbe3df;--color-primary:#0d7a58;--color-primary-hover:#0a6448;--color-primary-foreground:#fff;--color-danger:#b8322a;--color-danger-hover:#962820;--color-warning:#8a5a00;--color-success:#0d7a58;--l-track:#e2e9e5;--l-current:#e8f3ee;--l-chip-bg:#e2f1ea;--l-chip-fg:#0a5840;--l-star:#a8690b;--l-mark:#d6f2c2;--l-focus:#0d7a58;--l-hint:#4a9479;--l-scrim:#00000080;--l-code-bg:#e9f0ec;--l-code-fg:#0f4d3a;--l-pre-bg:#f4f7f5;--l-pre-fg:#22302a;--l-syn-keyword:#b8322a;--l-syn-string:#1f5cc4;--l-syn-number:#8a5a00;--l-syn-comment:#607069;--l-syn-function:#0d7a58;--l-syn-type:#6b3fb0;--l-syn-meta:#8a5a00;--l-takeaway-bg:#e9f5ef;--l-takeaway-border:#9fd3bd;--l-takeaway-title:#0a5840;--l-tip-bg:#ebf2fc;--l-tip-border:#a9c4ee;--l-tip-title:#1d4f9c;--l-warning-bg:#fcefee;--l-warning-border:#eeb4ae;--l-warning-title:#9b2a23;--l-note-bg:#f2f4f3;--l-note-border:#d3dbd7;--l-note-title:#3d4b45;--l-further-bg:#fff;--l-further-border:#dbe3df;--l-further-title:#56665f;--l-right-bg:#e9f5ef;--l-right-border:#2f8f6c;--l-right-fg:#0a5840;--l-wrong-bg:#fcefee;--l-wrong-border:#c4483f;--l-wrong-fg:#9b2a23;--l-art-ink:#3d4b45;--l-art-path:#0d7a58;--l-art-flag:#b8322a;--l-art-accent:#1f5cc4;--l-art-spark:#b8322a;--font-noto-tc:"Noto Sans TC Variable";--font-sans:var(--font-inter), var(--font-noto-tc), "Inter", sans-serif;--l-font-hand:"Hao Learn Hand", var(--font-noto-tc), sans-serif;--l-font-title:var(--font-sans);--font-heading:var(--l-font-title);--l-font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace}.dark .learn{--color-background:#16231e;--color-foreground:#dfe8e3;--color-heading:#f3f7f4;--color-muted:#a2b6ad;--color-surface:#1c2c26;--color-surface-hover:#22362e;--color-border:#2d4239;--color-primary:#86d7b6;--color-primary-hover:#a3e3ca;--color-primary-foreground:#0f241b;--color-danger:#f4a6a0;--color-danger-hover:#f8c0bb;--color-warning:#f1d98a;--color-success:#86d7b6;--l-track:#2a3d35;--l-current:#22362e;--l-chip-bg:#24392f;--l-chip-fg:#a9e6cc;--l-star:#f1d98a;--l-mark:#4a5f2a;--l-focus:#86d7b6;--l-hint:#4f8a70;--l-scrim:#000000b3;--l-code-bg:#24372f;--l-code-fg:#cdeee0;--l-pre-bg:#111d18;--l-pre-fg:#dfe8e3;--l-syn-keyword:#f4aaa3;--l-syn-string:#a8d4f5;--l-syn-number:#f1d98a;--l-syn-comment:#8ea398;--l-syn-function:#86d7b6;--l-syn-type:#c9b6f2;--l-syn-meta:#f1d98a;--l-takeaway-bg:#22362d;--l-takeaway-border:#4c7a66;--l-takeaway-title:#f1d98a;--l-tip-bg:#1d2f3a;--l-tip-border:#3f6787;--l-tip-title:#a8d4f5;--l-warning-bg:#352424;--l-warning-border:#8a4b46;--l-warning-title:#f4aaa3;--l-note-bg:#1f2f29;--l-note-border:#3a5047;--l-note-title:#c9d6cf;--l-further-bg:#1c2c26;--l-further-border:#2d4239;--l-further-title:#a2b6ad;--l-right-bg:#22362d;--l-right-border:#5fae8f;--l-right-fg:#a9e6cc;--l-wrong-bg:#352424;--l-wrong-border:#c0706a;--l-wrong-fg:#f4aaa3;--l-chalk-dust:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.063 -0.0245'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--l-art-ink:#dfe8e3;--l-art-path:#86d7b6;--l-art-flag:#f1d98a;--l-art-accent:#f4aaa3;--l-art-spark:#f1d98a}@keyframes l-hero-wipe{to{transform:scaleX(0)}}@keyframes l-art-draw{to{stroke-dashoffset:0}}@keyframes l-art-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes l-art-unfurl{to{transform:scaleX(1)}}@keyframes l-art-sway{0%,to{transform:skewY(0)scaleX(1)}50%{transform:skewY(-6deg)scaleX(.92)}}@keyframes l-art-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes l-card-rise{0%{transform:translateY(16px)}}