*{box-sizing:border-box} :root{--green:#2d5948;--border:#e2e2d8;--muted:#86887d}body{margin:0;background:#f7f7f1;color:#30382e;font:14px/1.6 'Segoe UI','Microsoft JhengHei',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #658d78;outline-offset:3px}header{height:86px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{color:#293e30;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:2px}.logo{display:grid;place-items:center;background:var(--green);color:#fff;width:37px;height:37px;border-radius:10px;font-family:serif;font-size:23px}.brand small{font-size:10px;letter-spacing:2px;margin-left:9px;font-weight:400;color:#7d8376}.header-right{display:flex;gap:25px;align-items:center}.header-right>span{font-size:12px;color:#7f887a}.primary{background:var(--green);color:white;padding:11px 21px;border:0;border-radius:7px}main{max-width:1500px;margin:auto;padding:42px 5% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:10px;color:#8c937f;letter-spacing:2.4px}h1{font-size:30px;font-weight:550;letter-spacing:1px;margin:12px 0 7px}h1>span{color:#73947a}.intro p{color:#828779;margin:0;font-size:13px}.intro-note{font:18px 'Klee One',cursive;transform:rotate(-6deg);margin-right:22px;color:#71816b}.intro-note span{display:block;text-align:right;font-size:13px;margin-top:7px}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;min-height:730px}.controls{border:1px solid var(--border);border-radius:10px;background:#fffefa;overflow:hidden;align-self:start}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;background:none;border:0;color:#94978b;padding:21px 6px;font-size:13px}.tab.active{color:var(--green);box-shadow:inset 0 -2px var(--green);font-weight:600}.panel{padding:24px}.field-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 9px}.field-head:first-child{margin-top:0}.field-head>span,output{font-size:11px;color:#909485}label{font-size:12px;font-weight:600;color:#58604f}input:not([type=range],[type=checkbox]),select,textarea{width:100%;border:1px solid #e1e4d9;background:#fffefa;border-radius:6px;color:#424a3b;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#8d9f87}textarea{height:355px;resize:vertical;line-height:1.9;font-size:13px}.text-button{padding:0;background:transparent;border:0;color:#668469;font-size:11px}.editor-footer{display:flex;justify-content:space-between;color:#929786;font-size:11px;margin-top:9px}.import{cursor:pointer;font-size:11px;color:#697f61;font-weight:400}.hint{display:flex;gap:13px;margin-top:24px;padding:16px;background:#f2f4eb;border-radius:6px;color:#838c76;font-size:11px}.hint>span{font-size:23px}.hint p{margin:0}.quiet{background:none;border:0;color:#9b9e92;font-size:11px;padding:20px 0 0}.preview{min-width:0;background:#e9ece4;border:1px solid #dce1d4;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.preview-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #d9ded2;font-size:12px;color:#65715b}.preview-toolbar>div{display:flex;align-items:center;gap:12px}.badge{font-size:10px;padding:1px 7px;border:1px solid #cbd3c2;border-radius:4px}.live-dot{width:6px;height:6px;background:#69936f;border-radius:50%}.preview-toolbar button{background:none;border:0;color:#6d7b63;font-size:16px}.paper-scroll{overflow:auto;max-height:850px;min-height:620px;padding:32px 24px}#pages{margin:auto;position:relative;width:556px}.paper{width:794px;height:1123px;background-color:#fffef8;box-shadow:0 8px 24px #37442c13;position:relative;overflow:hidden;color:var(--ink);font-family:var(--font);padding:var(--margin);margin-bottom:28px}.paper.lined .body{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--line) - 1px),#d9e2db calc(var(--line) - 1px),#d9e2db var(--line))}.paper.grid .body{background-image:linear-gradient(#dce4da80 1px,transparent 1px),linear-gradient(90deg,#dce4da80 1px,transparent 1px);background-size:var(--line) var(--line)}.paper-top{display:flex;justify-content:space-between;font:10px 'Segoe UI',sans-serif;color:#97a18e;letter-spacing:2px;margin-bottom:24px}.paper h2{font-size:30px;font-weight:600;line-height:1.5;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #bdcbb5;overflow-wrap:anywhere}.body{height:880px;overflow:hidden;font-size:var(--size);line-height:var(--line);overflow-wrap:anywhere;white-space:pre-wrap}.body.double{display:grid;grid-template-columns:1fr 1fr;gap:32px}.body.cornell{padding-left:145px;border-left:1px solid #b2c1aa;position:relative}.body.cornell:before{content:'關鍵字 / 提問';position:absolute;left:12px;top:0;font-size:14px;color:#8e9c83}.body.cornell:after{content:'';position:absolute;top:0;bottom:0;left:128px;border-right:1px solid #bdcbb5}.note-block{margin:0;min-height:var(--line)}.note-block.heading{font-weight:600;font-size:1.12em}.note-block mark{color:inherit;background:linear-gradient(transparent 48%,#e6d88d88 48%,#e6d88d88 90%,transparent 90%);padding:0 2px}.natural .note-block:nth-child(3n){transform:rotate(-.25deg)}.natural .note-block:nth-child(4n){transform:translateX(1px)}.paper-bottom{position:absolute;bottom:25px;left:52px;right:52px;display:flex;justify-content:space-between;color:#9aa38f;font:10px 'Segoe UI',sans-serif;letter-spacing:1px}.preview-footer{display:flex;justify-content:space-between;padding:14px 22px;font-size:10px;color:#909a85;border-top:1px solid #d9ded2;margin-top:auto}footer{display:flex;gap:20px;align-items:center;padding:25px 0;color:#8c9480;font-size:11px}footer>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1px}.choices{display:flex;gap:8px}.choices button{flex:1;padding:12px;background:#fafbf5;border:1px solid var(--border);border-radius:6px;font-size:23px;color:#86927c}.choices span{display:block;font-size:11px}.choices .selected{border-color:#5e7b56;background:#eff3e8;color:#46623d}input[type=range]{width:100%;accent-color:#597750}select{margin-top:7px}.inks{display:flex;gap:14px}.inks button{background:var(--swatch);border:4px solid #fffefa;width:29px;height:29px;border-radius:50%;outline:1px solid transparent}.inks .selected{outline-color:var(--swatch)}.check{display:flex;gap:8px;align-items:center;margin-top:25px}.check input{accent-color:var(--green)}.font-hint{font-size:10px;color:#939b87;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#2d5948;color:white;padding:10px 20px;border-radius:8px;display:none;z-index:10}@media(max-width:1050px){.workspace{grid-template-columns:300px minmax(0,1fr)}.panel{padding:18px}.intro-note{display:none}.paper-scroll{padding:24px 12px}}@media(max-width:760px){header{padding:0 20px;height:70px}.brand small,.header-right>span{display:none}main{padding:28px 16px 0}h1{font-size:24px}.workspace{grid-template-columns:1fr}.paper-scroll{min-height:450px;max-height:650px}.controls{width:100%}textarea{height:230px}footer>span:last-child{display:none}.intro{margin-bottom:25px}}@media print{@page{size:A4;margin:0}html,body{margin:0;background:white}header,.intro,.controls,.preview-toolbar,.preview-footer,footer,#toast{display:none!important}main{padding:0;margin:0;max-width:none}.workspace,.preview{display:block;border:0;background:white;overflow:visible}.paper-scroll{padding:0;overflow:visible;max-height:none;min-height:0}#pages{width:auto!important;height:auto!important;zoom:1!important;transform:none!important}.paper{width:210mm;height:297mm;margin:0;box-shadow:none;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact}.paper:last-child{break-after:auto}}
/* Each occurrence gets its own stable pen pressure, slant, width and baseline. */
.ink-glyph{display:inline-block;transform-origin:50% 80%;line-height:1;white-space:pre;font-weight:400;font-kerning:normal}.paper h2 .ink-glyph{font-weight:400}.natural .note-block:nth-child(n){transform:none}.note-block.heading{font-weight:400}.note-block.heading .ink-glyph{-webkit-text-stroke:.16px currentColor!important}.note-block mark{background:linear-gradient(178deg,transparent 40%,#e6d88d77 43%,#e6d88d99 86%,transparent 90%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.paper{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238c7952' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-color:#fffdf5}.rewrite{margin-top:16px;width:100%;border:1px solid #b8c6ad;background:#f1f5ea;border-radius:6px;padding:9px;color:#46623d}.paper h2{border-bottom:0;position:relative}.paper h2:after{content:'';display:block;height:1px;background:#b4c5a7;position:absolute;bottom:0;left:0;width:98%;transform:rotate(-.2deg)}
@font-face{font-family:ChenYuluoyan;src:url('fonts/ChenYuluoyan.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:block}
#pages{width:794px}.ink-glyph{vertical-align:baseline;transform-origin:50% 90%;font-synthesis:none}.paper{font-synthesis:none}.body{padding-top:2px}.note-block.heading .ink-glyph{-webkit-text-stroke:.12px currentColor!important}
.paste-guide{padding:14px;background:#f1f5eb;border:1px solid #e0e7d8;border-radius:7px;margin-bottom:20px}.paste-guide strong{font-size:13px;color:#426145}.paste-guide p,.option-hint{font-size:11px;color:#7d8873}.paste-guide .check{margin-top:12px;font-size:11px;align-items:flex-start}.preset-row{display:flex;gap:8px;margin-bottom:18px}.preset-row button{flex:1;padding:10px 5px;border:1px solid #c6d2ba;border-radius:6px;background:#f2f6ec;color:#47633e}.page-options{border:1px solid #e0e5d7;border-radius:7px;padding:13px;margin-bottom:22px}.page-options summary{cursor:pointer;font-size:12px;color:#4b6345}.toggle-grid{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}.toggle-grid .check{margin:0;font-size:11px}.paper.no-texture{background:#fff}.paper.no-title-rule>.document-title:after{display:none}.paper.no-title-rule>.document-title{padding-bottom:0}.paper.no-guides .body.cornell:before,.paper.no-guides .body.cornell:after{display:none}.paper.no-guides .body.cornell{border-left:0}.paper-bottom .page-number{margin-left:auto}.paper .body{white-space:normal;overflow:visible;padding-top:2px}.note-column{display:flow-root;align-self:start;overflow-wrap:anywhere}.note-block{margin:0 0 8px;min-height:0;line-height:var(--line)}.note-block.plain{white-space:pre-wrap;min-height:var(--line);margin:0}.paper .body .note-heading{border:0;padding:0;margin:12px 0 6px;font-weight:400;line-height:var(--line);font-size:1.08em}.paper .body .note-heading:after{display:none}.paper .body .level-1{font-size:1.3em}.paper .body .level-2{font-size:1.17em}.note-column>.note-block:first-child{margin-top:0}.note-block strong .ink-glyph{-webkit-text-stroke:.32px currentColor!important}.with-highlight .note-block strong{background:linear-gradient(178deg,transparent 48%,#e6d88d77 50%,#e6d88d88 89%,transparent 91%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.note-block em{font-style:italic}.note-block em .ink-glyph{font-style:italic}.note-list{padding-left:1.4em;margin-bottom:2px}.note-list .note-block{margin:0}.note-list .note-list{padding-left:1.3em}.note-list.continued>li::marker{color:transparent}.task-item{list-style:none;position:relative}.task-box{position:absolute;right:100%;padding-right:.35em}.note-quote{border-left:2px solid #b7c7ab;padding-left:15px;margin-left:0;color:#6b7a60}.note-quote .note-block{margin-bottom:0}.note-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.9em;line-height:calc(var(--line) * .85);margin-bottom:12px}.note-table th,.note-table td{border:1px solid #bdcbb5;padding:4px 8px;vertical-align:top;font-weight:400}.note-table th{background:#edf1e555}.no-table-borders .note-table th,.no-table-borders .note-table td{border-color:transparent}.note-code{white-space:pre-wrap;tab-size:4;background:#edf1e544;border-left:2px solid #bbc9af;padding:8px 12px;font-family:var(--font);font-size:.9em}.note-block code{background:#edf1e577;padding:0 3px}.note-link{text-decoration:underline;text-decoration-color:#a0b394}.note-rule{border:0;border-top:1px solid #bac8b0;margin:14px 0;min-height:1px}.no-rules .note-rule{display:none}.body.double{align-items:start}.no-texture .note-table th{background:transparent}@media print{.paper .body{overflow:visible}}
.note-block{margin-bottom:5px}.paper .body .note-heading{margin-top:8px;margin-bottom:4px}.note-quote{padding-left:12px}.note-rule{margin:10px 0}.note-math-inline{display:inline-block;white-space:nowrap;vertical-align:baseline;font-size:.84em;line-height:normal}.note-math-block{margin:7px 0 10px;line-height:normal;font-size:.88em;break-inside:avoid}.note-math-block .katex-display{margin:0;text-align:left}.katex .cjk_fallback{font-family:ChenYuluoyan,'LXGW WenKai TC',sans-serif}.note-math-inline .katex,.note-math-block .katex{color:var(--ink);text-rendering:optimizeLegibility}.note-table .note-math-inline{font-size:.9em}.math-error{white-space:pre-wrap;overflow-wrap:anywhere;color:#995e39;font-family:monospace;font-size:.75em}.note-math-block.math-error{border-left:2px solid #bc9274;padding-left:8px}@media print{.note-math-block,.note-math-inline{break-inside:avoid}}
.ink-glyph.ink-symbol{font-family:KaTeX_Main,KaTeX_AMS,'Segoe UI Symbol',serif;font-size:.86em}
.ink-glyph,.variant-glyph{transform-origin:50% 100%}.variant-details{margin-top:16px;border:1px solid #e0e5d7;border-radius:7px;padding:12px}.variant-details summary{cursor:pointer;font-size:11px;color:#59714e;margin-bottom:9px}.variant-details label{font-size:10px}.variant-details input{margin:6px 0 12px;width:64px!important}.variant-details p{font-size:10px;color:#8a957d}.variant-preview{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px 2px}.variant-preview>div{text-align:center}.variant-glyph{display:inline-block;font-family:var(--preview-font);font-size:29px;line-height:1.2}.variant-preview small{display:block;font:8px 'Segoe UI',sans-serif;color:#98a08f;margin-top:4px}@media print{#inkShapeFilters{position:absolute;width:0;height:0}}
@media(min-width:761px){.preview{position:sticky;top:16px;align-self:start;height:calc(100vh - 32px)}.preview .paper-scroll{min-height:0;flex:1}.preview-toolbar,.preview-footer{flex-shrink:0}}@media print{.preview{position:static;height:auto}.preview .paper-scroll{min-height:0;overflow:visible}}
.has-outline{position:relative}.ink-source{opacity:0}.ink-outline{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;fill:currentColor;stroke:currentColor;stroke-linejoin:round;pointer-events:none}.math-ink-run{font-family:ChenYuluoyan,Caveat,KaTeX_Main,serif;font-style:normal}.math-ink-run .ink-glyph{font-family:ChenYuluoyan,Caveat,KaTeX_Main,serif;font-size:1.12em}.math-ink-run .ink-symbol{font-size:1em}.math-handwritten .katex-html{font-style:normal}.variant-preview{--ink:currentColor}
.ink-source{opacity:1;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0 transparent}
.preview.paper-only .preview-toolbar,.preview.paper-only .preview-footer{display:none}.ink-status{font-size:10px;color:#6f8562;background:#eff4e9;padding:8px 10px;border-radius:5px}