:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171a17;font-synthesis:none;text-rendering:optimizelegibility;--muted:#666f68;--line:#e5e7e3;--soft:#f4f5f2;--ink:#171a17;--green:#4a3525;background:#fbfbfa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fbfbfa;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline-offset:3px;outline:2px solid #527c68}.shell{width:min(960px,100% - 32px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:22px 0;display:flex}.brand{font-weight:750}nav{gap:18px;margin-left:auto;display:flex}nav a,footer a{color:var(--muted);font-size:.95rem}nav a:hover,footer a:hover{color:var(--ink)}select{border:1px solid var(--line);width:auto;color:var(--ink);background:#fff;border-radius:7px;padding:.45rem .55rem}main{padding:58px 0 72px}.hero-clean{max-width:680px;padding:56px 0 72px}.hero-clean p,.page-head small,.article small,.row small,.mini-list small{color:var(--muted);text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.hero-clean h1{letter-spacing:0;max-width:620px;margin:12px 0 16px;font-size:clamp(3rem,8vw,6rem);line-height:.94}.hero-clean span,.page-head p,.row span,.article .lede{color:var(--muted);font-size:1.08rem;line-height:1.65;display:block}.actions{gap:12px;margin-top:28px;display:flex}.actions a,button,.button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:.7rem .95rem;font-weight:700}.actions .primary,button.primary,.primary{border-color:var(--green);background:var(--green);color:#fff}.mini-list,.rows{border-top:1px solid var(--line)}.mini-list a,.row{border-bottom:1px solid var(--line);grid-template-columns:120px 220px 1fr;align-items:baseline;gap:18px;padding:18px 0;display:grid}.mini-list a:hover,.row:hover{color:var(--green)}.row strong,.mini-list strong{font-size:1rem}.page-head{max-width:640px;margin-bottom:34px}.page-head h1,.article h1{margin:8px 0 12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.narrow{max-width:620px}.tool-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.tool-panel,.output-panel,.compact-tool{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.field-grid{gap:14px;display:grid}.field-grid label{gap:7px;font-weight:650;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:.75rem}textarea{resize:vertical;min-height:120px}.tool-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.output-panel pre{white-space:pre-wrap;color:#2f352f;max-height:620px;margin:0;line-height:1.55;overflow:auto}.file-drop{background:var(--soft);cursor:pointer;border:1px dashed #c9cec8;border-radius:8px;place-items:center;gap:10px;min-height:132px;font-weight:700;display:grid}.file-list,.helper{color:var(--muted);line-height:1.6}.article{max-width:680px}.article p{color:#343a34;font-size:1.05rem;line-height:1.75}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:24px 0 34px;display:flex}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;gap:14px}nav{margin-left:0}main{padding:36px 0 54px}.hero-clean{padding:34px 0 50px}.actions,footer{flex-direction:column}.actions a,button,.button{text-align:center;width:100%}.mini-list a,.row{grid-template-columns:1fr;gap:6px}.tool-workspace{grid-template-columns:1fr}}.article h2{margin:2rem 0 .75rem;line-height:1.25}.article h3{margin:1.5rem 0 .5rem;line-height:1.35}.article li{margin:.5rem 0;line-height:1.65}.article a{text-underline-offset:.2em;text-decoration:underline}.guide-template{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);padding:1.25rem;line-height:1.75}.tool-guide{margin-top:3rem}@media print{.guide-template{break-inside:avoid;border:1px solid var(--line)}.article h2,.article h3{break-after:avoid}}.actions{flex-wrap:wrap}.error{color:#a02121}.flashcard{white-space:pre-wrap;width:100%;min-height:180px;font-size:1.3rem}pre{overflow-wrap:anywhere}.output-panel textarea{min-height:300px}.skip-link{position:absolute;top:-100px}.skip-link:focus{background:#fff;padding:1rem;top:0}@media print{.topbar,footer,.tool-actions,.tool-panel{display:none}.tool-workspace{display:block}.output-panel{border:0}}:root{--green:#315849;--ink:#243b32;--muted:#59675f;--line:#d9dfd6;--soft:#f0f2ea;color:var(--ink);background:#f7f6f0}body{background:#f7f6f0}.shell{width:min(1240px,100% - 48px)}.topbar{padding:24px 0}.brand{letter-spacing:-.05em;font-size:1.3rem}main{padding-top:0}h1,h2,h3,p{overflow-wrap:anywhere}a:hover{text-underline-offset:4px;text-decoration:underline}button{transition:background .15s}button:hover:not(:disabled){background:#e7eee5}button.primary:hover:not(:disabled){background:#234537}.home-hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;padding:76px 0 82px;display:grid}.hero-copy h1{letter-spacing:-.055em;margin:20px 0;font-family:Georgia,serif;font-size:clamp(3.2rem,6.7vw,6.2rem);font-weight:400;line-height:1.02}.eyebrow,.step-number{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:750}.lede{color:var(--muted);font-size:1.12rem;line-height:1.75}.hero-footnote{color:var(--muted);margin-top:22px;font-size:.8rem}.hero-note{background:#fffdf5;border:1px solid #d6d8c9;border-radius:4px;padding:30px 34px;transform:rotate(2deg);box-shadow:10px 14px #e4e8dc}.notebook-top{color:var(--muted);letter-spacing:.12em;justify-content:space-between;font-size:.7rem;display:flex}.hero-note h2{margin:28px 0;font-family:Georgia,serif;font-size:2.2rem;font-weight:400;line-height:1.2}.sample-cue{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:65px 1fr;align-items:center;gap:15px;display:grid}.sample-cue span{color:var(--muted);font-size:.75rem}.sample-cue p{border-left:1px solid var(--line);margin:0;padding:16px}.sample-answer{margin:24px 0;font-family:Georgia,serif;font-style:italic;line-height:1.8}.note-rule{background:var(--line);height:1px;margin:18px 0}.note-rule.short{width:65%}.note-stamp{color:var(--muted);margin-top:28px;font-size:.72rem;display:block}.workspace{background:#fff;border:1px solid #cdd7ca;border-radius:14px;scroll-margin-top:20px;overflow:hidden;box-shadow:0 8px 32px #293e2f08}.workspace-header{background:#eaf0e4;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px;display:flex}.workspace-header h2{margin:8px 0 0;font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.workspace-header .eyebrow{margin:0}.workspace-stats{color:var(--muted);gap:22px;font-size:.75rem;display:flex}.workspace-stats strong{color:var(--ink);font-size:1.6rem;font-weight:500;display:block}.save-status{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding:12px 28px;font-size:.8rem}.export-bar{border-bottom:1px solid var(--line);background:#fafbf7;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:15px 24px;display:flex}.export-bar summary{padding:10px 8px}.export-bar details{flex:1;min-width:180px}.export-bar button{font-size:.8rem}summary{cursor:pointer;font-weight:650}.notes-layout{grid-template-columns:270px minmax(0,1fr);min-height:650px;display:grid}.notes-sidebar{border-right:1px solid var(--line);background:#f8f9f4;flex-direction:column;gap:16px;padding:22px 18px;display:flex}.sidebar-heading{justify-content:space-between;align-items:center;display:flex}.sidebar-heading h3{margin:0;font-size:.95rem}.sidebar-heading span{background:#e5ebde;border-radius:20px;padding:3px 10px;font-size:.8rem}label{gap:7px;font-size:.8rem;font-weight:600;display:grid}.notes-sidebar select{width:100%}.notes-sidebar input{font-size:.83rem}.check-label{align-items:center;gap:8px;display:flex}.check-label input{width:auto}.note-list{gap:8px;max-height:540px;display:grid;overflow-y:auto}.note-list button{text-align:left;background:0 0;border-color:#0000;padding:14px 12px;font-weight:400}.note-list button.selected{background:#e6edde;border-color:#c6d2bd}.note-list strong,.note-list span,.note-list small{display:block}.note-list strong{font-size:.9rem}.note-list span,.note-list small{color:var(--muted);margin-top:7px;font-size:.72rem}.tag-list{flex-wrap:wrap;gap:5px;display:flex}.tag-list button{border-radius:20px;padding:5px 9px;font-size:.7rem;font-weight:500}.tag-list button.active{background:var(--green);color:#fff}.note-editor{min-width:0;padding:28px}.editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.editor-heading .tool-actions{margin:0}.editor-heading button{padding:8px 10px;font-size:.75rem}.editor-heading h3{margin:0;font-size:1rem}.danger{color:#9d3b30}.note-title{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;font-family:Georgia,serif;font-size:1.9rem;font-weight:400}.metadata-grid{grid-template-columns:1fr 1fr 140px;gap:14px;margin:18px 0;display:grid}.note-editor .check-label{margin-bottom:22px}.note-body{background:#fdfdf9;padding:18px;font-size:.95rem;line-height:1.9}.helper{font-size:.8rem}.note-editor>.editor-heading:not(:first-child){border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.cue-row{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.cue-row textarea{min-height:72px}.cue-row button{padding:10px;font-size:.75rem}.summary-field{margin-top:24px}.summary-field textarea{min-height:100px}.import-panel{border-bottom:1px solid var(--line);background:#f3f6ee;padding:24px}.import-panel .metadata-grid{grid-template-columns:1fr 1fr}.empty-state{text-align:center;align-self:center;padding:60px 30px}dialog{border:1px solid var(--line);width:min(760px,100% - 32px);max-height:90vh;color:var(--ink);border-radius:14px;padding:28px}dialog::backdrop{background:#142c22aa}.flashcard{background:#f4f6ec;border:1px solid #c8d4bb;margin-top:20px;padding:30px}.flashcard small{color:var(--muted);margin-top:25px;font-size:.75rem;display:block}.focus-timer{border-top:1px solid var(--line);margin-top:30px;padding-top:15px}.focus-timer [role=timer]{font-variant-numeric:tabular-nums;font-size:2rem}.note-preview{line-height:1.7}.note-preview dt{font-weight:700}.note-preview dd{margin:0 0 16px}.preview-line{white-space:pre-wrap;margin:0}.preview-list{padding-left:20px}.feature-section{margin-top:80px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;display:flex}.section-heading h2,.faq-section h2{margin:0;font-family:Georgia,serif;font-size:2.1rem;font-weight:400}.section-heading .eyebrow{flex-basis:100%;margin:0}.section-heading>a{font-size:.85rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature-card{border:1px solid var(--line);background:#fffef9;border-radius:8px;padding:26px}.feature-card h3{font-size:1.15rem;font-weight:600;line-height:1.5}.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.75}.feature-card small{color:var(--muted);font-size:.7rem}.guide-card{background:#eef1e7}.guide-card>span{font-size:.85rem;font-weight:650}.faq-section{max-width:850px;margin:80px auto 0}.faq-section h2{margin-bottom:25px}.faq-section details{border-top:1px solid var(--line);padding:20px 0}.faq-section p{color:var(--muted);line-height:1.75}.page-head,.article{margin-top:50px}.article{max-width:780px;margin-left:auto;margin-right:auto}.guide-toc{background:var(--soft);gap:10px;margin:30px 0;padding:20px;display:grid}.guide-toc a{font-size:.9rem}.blog-search{max-width:520px}.print-note{display:none}footer{margin-top:30px;font-size:.8rem;line-height:1.7}@media (width<=1000px){.home-hero{gap:35px}.notes-layout{grid-template-columns:230px minmax(0,1fr)}.metadata-grid{grid-template-columns:1fr 1fr}.cue-row{grid-template-columns:1fr}.cue-row button{justify-self:start}.topbar{flex-wrap:wrap;gap:16px}}@media (width<=720px){.shell{width:calc(100% - 28px)}.topbar{flex-direction:row}.topbar nav{flex-wrap:wrap;order:3;gap:14px;width:100%}.topbar nav a{font-size:.8rem}.topbar>select{max-width:120px;margin-left:auto}.home-hero{grid-template-columns:1fr;padding:40px 0}.hero-note{display:none}.home-hero h1{max-width:500px}.actions{flex-direction:row}.actions a{width:auto}.notes-layout{grid-template-columns:1fr}.notes-sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;display:grid}.sidebar-heading,.note-list,.tag-list{grid-column:1/-1}.note-list{max-height:220px}.workspace-header{flex-direction:column;align-items:flex-start;padding:22px}.workspace-stats{justify-content:space-between;width:100%}.note-editor{padding:20px 16px}.editor-heading button,.cue-row button,.tool-actions button{width:auto}.metadata-grid,.feature-grid{grid-template-columns:1fr}.feature-section,.faq-section{margin-top:45px}.export-bar{padding:14px}.note-title{font-size:1.5rem}.import-panel .metadata-grid{grid-template-columns:1fr}.article h1{font-size:2.6rem}.row{grid-template-columns:1fr}.feature-card{padding:22px}}@media print{body{background:#fff}.shell{width:100%}.home-hero,.workspace,.feature-section,.faq-section,.print-note~*,dialog,.guide-toc,.blog-search,.save-status{display:none!important}.print-note{display:block}.note-preview{color:#000}.note-preview h2{font-size:24pt}.note-preview p,.note-preview dd{white-space:pre-wrap}.note-preview dt{break-after:avoid}main{padding:0}.article{margin:0}.helper{display:none}}.tool-workspace>*,.tool-panel,.output-panel,.compact-tool{min-width:0}select{max-width:100%}.compact-tool li{overflow-wrap:anywhere;margin-bottom:.75rem}.flashcard{overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:default}.status{min-height:1.5em}.print-only{display:none}@media print{.teacher-workspace .tool-panel,.teacher-workspace textarea,.teacher-workspace .tool-actions,.teacher-workspace .status{display:none}.teacher-workspace{display:block}.teacher-workspace .output-panel{border:0;padding:0}.teacher-workspace .output-panel label{display:none}.teacher-workspace .print-only{white-space:pre-wrap;max-height:none;display:block;overflow:visible}body:has(.teacher-workspace) .topbar{display:none}body:has(.teacher-workspace) footer{display:none}body:has(.teacher-workspace) .tool-guide{display:none}body:has(.teacher-workspace) .page-head{display:none}}.article-cover{border-radius:16px;width:100%;height:auto;margin:1.5rem 0 2rem;display:block}