:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#263b2e;background:#f7f8f3;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{color:#304333;background:#fff;border:1px solid #d7dfd1;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:14px;line-height:1.5;transition:background .15s;display:inline-flex}button:hover{background:#edf3e8}button.primary{color:#fff;background:#2b4433;border-color:#2b4433}button.primary:hover{background:#3e5d44}input,textarea{color:#263b2e;background:#fff;border:1px solid #d4ddcf;border-radius:5px;width:100%;padding:10px 12px;font-size:16px;line-height:1.7}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#7b8577}small{color:#6c7968;font-size:13px;line-height:1.7}h1,h2,h3,p{margin:0}a{color:#345941;text-underline-offset:4px}.topbar{background:#fafbf7;border-bottom:1px solid #d9dfd3;justify-content:space-between;align-items:center;height:88px;padding:0 38px;display:flex}.wordmark{letter-spacing:2px;align-items:center;gap:13px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:24px;font-weight:700;text-decoration:none;display:flex}.wordmark small{letter-spacing:1.9px;font:500 10px/1.9 sans-serif;display:block}.brand-icon{background:#d6ecd1;border-radius:3px 9px 3px 3px;place-items:center;width:42px;height:48px;display:grid}.top-actions{align-items:center;gap:22px;display:flex}.save-state{color:#657561;font-size:13px}.icon-button{background:0 0;border:0;padding:8px}.app-shell{grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 88px);display:grid}.sidebar{background:#f2f5ed;border-right:1px solid #d9dfd3;flex-direction:column;padding:32px 22px 24px;display:flex}.sidebar-caption{letter-spacing:1px;color:#71816d;margin:0 0 14px;padding:0 14px;font-size:12px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{background:0 0;border-color:#0000;justify-content:flex-start;width:100%;padding:12px 14px;font-size:15px}.nav-item span{margin-left:auto;font-size:12px}.nav-item.active{color:#25402b;background:#d6ecd1;font-weight:600}.sidebar-rule{background:#d9dfd3;height:1px;margin:27px 12px}.stage-nav{background:0 0;border:0;justify-content:flex-start;gap:16px;padding:10px 14px;font-size:14px}.stage-nav span{color:#84907d;font-size:12px}.stage-nav.chosen{color:#2e4a2b;font-weight:700}.sidebar-bottom{margin-top:auto;padding:80px 12px 0}.tiny-seal{color:#536e46;border:1px solid #8b9f7f;place-items:center;width:27px;height:30px;font-family:serif;display:inline-grid}.sidebar-bottom p{margin:16px 0;font:18px/1.9 Songti SC,SimSun,serif}.sidebar-bottom small{margin-bottom:18px;display:block}.sidebar-bottom button{background:0 0;border:0;padding:0;font-size:13px}.main-area{width:100%;min-width:0;max-width:1700px;margin:auto;padding:37px 42px 64px}.page-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.8px;color:#73836d;margin-bottom:9px;font-size:11px;line-height:1.6}h1{letter-spacing:1px;font:600 32px/1.5 Noto Serif SC,Songti SC,SimSun,serif}.text-button{background:0 0;border:0;padding:6px 0;font-size:14px}.stage-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;display:grid}.stage-card{text-align:left;background:#f2f2e9;border:1px solid #0000;border-radius:7px;justify-content:flex-start;gap:13px;padding:21px 19px}.stage-card.selected{background:#e1eed9;border-color:#b2c6a4}.stage-card.stage-2{background:#eeece2}.stage-card.stage-3{background:#e8edeb}.stage-card>svg{flex-shrink:0;margin-left:auto}.stage-number{color:#7d8d70;align-self:flex-start;font:italic 27px/1.25 Georgia,serif}.stage-card strong{font-size:16px;font-weight:600;display:block}.stage-card small{white-space:nowrap;margin-top:5px;font-size:12px;display:block}.workbench{background:#fff;border:1px solid #d7dfd0;border-radius:8px;grid-template-columns:252px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 8px 28px #263b2e04}.exercise-browser{background:#fafbf7;border-right:1px solid #dce3d5;min-width:0;padding:24px 15px}.section-heading{justify-content:space-between;align-items:center;margin:0 8px 18px;display:flex}.section-heading h2{font-size:15px;font-weight:600}.section-heading span{color:#798675;font-size:12px}.search-box{background:#fff;border:1px solid #dde3d7;border-radius:5px;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;min-width:0;padding:8px 0;font-size:13px}.exercise-list{max-height:660px;margin-top:14px;overflow-y:auto}.exercise-item{text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:13px 9px;display:flex}.exercise-item.selected{background:#e7eedf}.exercise-index{color:#829275;font:12px Georgia,serif}.exercise-item>span:nth-child(2){flex:1;min-width:0}.exercise-item strong{font-size:14px;font-weight:500;display:block}.exercise-item small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;line-height:1.8;display:block;overflow:hidden}.exercise-item svg{flex-shrink:0}.free-note{background:0 0;border-style:dashed;width:100%;margin-top:18px;font-size:13px}.writing-desk{min-width:0}.desk-header{background:#fff;padding:30px 34px 24px}.desk-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.desk-title h2{font:600 27px/1.4 Songti SC,SimSun,serif}.desk-title svg{color:#829675}.exercise-instruction{white-space:pre-line;color:#4b5c49;margin-bottom:22px;font-size:15px;line-height:1.95}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor{border-top:1px solid #e3e8dc;margin:0 34px;padding:20px 0 0}.note-title{border:0;border-radius:0;padding:0 0 15px;font-size:18px;font-weight:500}.writing-input{background:repeating-linear-gradient(#0000 0 35px,#eef1e9 36px);border:0;border-radius:0;min-height:280px;padding:12px 0;font-size:17px;line-height:36px}.editor-footer{color:#7e8b76;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.tags-label{color:#6c7c62;align-items:center;gap:12px;font-size:13px;display:flex}.tags-label input{background:#fafbf8;font-size:13px}.desk-actions{flex-wrap:wrap;gap:8px;padding:20px 34px;display:flex}.desk-actions button{padding:8px 11px;font-size:12px}.blank-paper{color:#88967d;background:repeating-linear-gradient(#0000 0 35px,#eef1e9 36px);border-top:1px solid #e0e7d8;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:230px;margin:0 34px;display:flex}.blank-paper p{font:18px Songti SC,serif}.blank-paper small{font-size:12px}.exercise-bottom{padding:12px 34px 24px}details{border-top:1px solid #e1e7da;padding:14px 0;font-size:14px}summary{cursor:pointer;color:#506346;font-size:14px;line-height:1.8}details p{margin:12px 0;line-height:1.9}details small{display:block}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.muted{color:#788470}.empty{text-align:center;border:1px dashed #becdb1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:300px;padding:32px;display:flex}.empty p{color:#74836a;line-height:1.8}.empty h2{font:24px Songti SC,serif}.notes-toolbar{margin-bottom:25px}.notes-toolbar .search-box{flex:1;max-width:400px}.check{cursor:pointer;align-items:center;gap:10px;font-size:14px;line-height:1.6;display:flex}.check button{flex-shrink:0;padding:0}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.note-card{background:#fff;border:1px solid #dae3d2;border-radius:5px;flex-direction:column;min-height:260px;padding:20px;display:flex}.note-card-top{justify-content:space-between;align-items:center;display:flex}.note-card-top>button{border:0;padding:5px}.note-open{text-align:left;background:0 0;border:0;flex:1;width:100%;padding:18px 0;display:block}.note-open:hover{background:0 0}.note-open h2{margin-bottom:15px;font:21px Songti SC,serif}.note-open p{white-space:pre-wrap;-webkit-line-clamp:5;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;line-height:1.9;display:-webkit-box;overflow:hidden}.note-card footer{color:#7b886f;border-top:1px solid #e4e9df;padding-top:13px;font-size:12px}.note-card footer span{margin-top:6px;display:block}.practice-modal{background:#fafbf7;max-height:90dvh;overflow-y:auto;border-radius:10px!important;max-width:min(1000px,100vw - 32px)!important;padding:28px!important}.modal-title{font:26px Songti SC,serif}.practice-modal>p{font-size:14px;line-height:1.8}.stack{flex-direction:column;gap:16px;display:flex}.stack label{font-size:14px;line-height:1.8;display:block}.stack label>input,.stack label>textarea{margin-top:6px;display:block}.share-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.card-previews{background:#e9eddf;flex-direction:column;gap:18px;max-height:65vh;padding:10px;display:flex;overflow:auto}.card-previews img{width:100%;box-shadow:0 3px 13px #263b2e12}.file-button{cursor:pointer;background:#fff;border:1px solid #cad6c1;border-radius:5px;align-items:center;padding:10px 14px;font-size:14px;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.resource{background:#fff;border:1px solid #d4dec9;border-radius:5px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.selection-list{flex-direction:column;gap:13px;max-height:270px;padding:12px 0;display:flex;overflow:auto}.send-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;font:14px/1.8 sans-serif;overflow:auto}.settings-block{border-top:1px solid #d6e0ce;padding:15px 0}.settings-block h3{margin-bottom:12px;font-size:18px}.settings-block p{margin-bottom:16px;font-size:14px;line-height:1.8}.settings-block button{margin:4px}.restore-preview{background:#e4eedc;margin:15px 0;padding:16px}.version{border-top:1px solid #d7e0cf;padding:15px 0}.version p{max-height:260px;margin:12px 0;font-size:16px;line-height:1.9;overflow:auto}.board-picker{max-width:340px;margin-bottom:20px}.board-desk{flex-direction:column;gap:17px;display:flex}.board-name{max-width:280px}.board-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.board-tools>[data-slot=select-trigger]{min-width:180px;max-width:260px}.board-tools>input{max-width:300px}.board-scroll{border:1px solid #d1ddc6;border-radius:6px;max-height:650px;overflow:auto}.board-surface{background:#f5f6ef;position:relative}.board-svg{pointer-events:none;position:absolute;inset:0}.node-hit{opacity:1;touch-action:none;border:2px solid #0000;border-radius:3px;padding:0;position:absolute;background:0 0!important}.node-hit.selected{border-color:#719460;box-shadow:0 0 0 3px #71946025}.edge-list>div{border-bottom:1px solid #dae3d2;justify-content:space-between;align-items:center;gap:12px;padding:8px;font-size:14px;display:flex}.step-prompt{padding:15px 0;font-size:15px;line-height:1.8}.error{color:#9a352b!important}[data-slot=tabs-trigger][data-state=active]{color:#263b2e!important;background:#d6ecd1!important}[data-slot=select-trigger]{background:#fff;min-height:40px;font-size:14px}[data-slot=slider]{margin:15px 0}[data-slot=checkbox][data-state=checked]{color:#fff;background:#375a3c;border-color:#375a3c}@media (min-width:1500px){.main-area{padding:42px 64px}.workbench{grid-template-columns:290px minmax(0,1fr)}.desk-header{padding:35px 48px}.editor,.blank-paper{margin-left:48px;margin-right:48px}.exercise-bottom,.desk-actions{padding-left:48px;padding-right:48px}}@media (max-width:1150px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:28px 12px}.main-area{padding:30px 24px}.workbench{grid-template-columns:210px minmax(0,1fr)}.stage-card{gap:8px;padding:18px 12px}.stage-card small{white-space:normal}.stage-number{font-size:22px}.desk-header{padding:24px}.editor,.blank-paper{margin:0 24px}.exercise-bottom,.desk-actions{padding-left:24px;padding-right:24px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.topbar{height:74px;padding:0 19px}.wordmark{font-size:21px}.wordmark small{font-size:8px}.top-actions{gap:5px}.save-state{max-width:85px;font-size:11px}.app-shell{display:block}.sidebar{z-index:20;background:#f2f5edf5;border-bottom:1px solid #d9dfd3;border-right:0;padding:8px 15px;display:block;position:sticky;top:0}.sidebar nav{flex-direction:row;gap:8px}.nav-item{justify-content:center;padding:9px;font-size:14px}.nav-item span{margin-left:0}.sidebar-caption,.sidebar-rule,.stage-nav,.sidebar-bottom{display:none}.main-area{padding:25px 18px 40px}.page-heading{align-items:center;margin-bottom:20px}h1{font-size:26px}.eyebrow{letter-spacing:1px;font-size:9px}.text-button{font-size:12px}.stage-cards{gap:8px;margin-bottom:20px}.stage-card{padding:13px 10px;display:block;position:relative}.stage-number{margin-bottom:6px;font-size:21px;display:block}.stage-card strong{font-size:13px}.stage-card small{font-size:10px;line-height:1.65}.stage-card>svg{width:14px;position:absolute;top:15px;right:10px}.workbench{flex-direction:column;display:flex}.exercise-browser{border-bottom:1px solid #dce3d5;border-right:0;padding:16px}.section-heading{margin:0 0 10px}.exercise-browser .search-box{display:none}.exercise-list{gap:6px;max-height:none;margin:0;display:flex;overflow-x:auto}.exercise-item{flex-shrink:0;width:auto;max-width:180px;padding:10px}.exercise-item small,.exercise-item>svg{display:none}.exercise-index{font-size:10px}.exercise-item strong{font-size:13px}.free-note{width:auto;margin-top:12px;padding:7px 10px}.desk-title h2{font-size:26px}.desk-header{padding:23px 20px}.exercise-instruction{font-size:15px}.editor,.blank-paper{margin:0 20px}.writing-input{min-height:300px;font-size:17px}.desk-actions,.exercise-bottom{padding-left:20px;padding-right:20px}.blank-paper small{text-align:center}.notes-grid{grid-template-columns:1fr}.notes-toolbar{align-items:stretch}.notes-toolbar .search-box{flex-basis:100%;max-width:none}.share-grid{grid-template-columns:1fr}.card-previews{max-height:none}.practice-modal{padding:24px 18px!important}.toolbar button{font-size:13px}.board-tools>[data-slot=select-trigger]{flex:1;min-width:145px;max-width:none}.board-scroll{max-height:500px}.note-card{min-height:200px}}.exercise-instruction{font-size:16px}.tags-label{white-space:nowrap}.tags-label input{min-width:0}.nav-item{white-space:nowrap}.nav-item svg{flex-shrink:0}[data-sonner-toaster]{z-index:100!important;width:min(356px,100vw - 32px)!important;position:fixed!important;top:18px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}[data-sonner-toast]{font-family:Microsoft YaHei,sans-serif!important;font-size:14px!important}@media (max-width:800px){.sidebar nav{gap:4px}.nav-item{gap:6px;padding:9px 7px;font-size:13px}.nav-item svg{width:18px}.nav-item span{font-size:11px}.stage-card small,.exercise-item small{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@font-face{font-family:Zcool;src:url(/fonts/ZCOOLKuaiLe-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fff9ed;--foreground:#27384a;--card:#fffdf5;--card-foreground:#27384a;--popover:#fffdf5;--popover-foreground:#27384a;--primary:#245baa;--primary-foreground:#fff;--muted:#efeada;--muted-foreground:#696555;--accent:#d6ecd1;--accent-foreground:#27384a;--border:#c2bca8;--input:#c2bca8;--ring:#245baa}body{color:#27384a;background:#fff9ed;font-family:PingFang SC,Microsoft YaHei,sans-serif}.notebook-app{background:#fff9ed;min-height:100vh;padding-top:5px}button{color:#254a76;background:#fffdf5;border-color:#bbb9a6;border-radius:3px 7px 4px 6px;box-shadow:none!important}button:hover{background:#f5ebca}button.primary{color:#fff;background:#245baa;border-color:#245baa;border-radius:4px 9px 3px 6px}button.primary:hover{background:#194d96}input,textarea{color:#27384a;background:#fffdf5;border-color:#d1cbb9}.topbar{background:0 0;border:0;max-width:1390px;height:100px;margin:auto;padding:12px 42px}.wordmark{color:#185a9e;letter-spacing:1px;font-family:Zcool,cursive;font-size:35px;font-weight:400;transform:rotate(-2deg)}.wordmark small{letter-spacing:1px;color:#ce4281;margin-left:8px;font:17px/1.9 Zcool,cursive}.brand-icon{display:none}.save-state{color:#746d5c;font-size:13px}.app-shell{min-height:auto;display:block}.sidebar{background:0 0;border:0;display:contents}.sidebar>.sidebar-caption,.sidebar>.sidebar-rule,.sidebar>.stage-nav,.sidebar>.sidebar-bottom{display:none}.sidebar nav{border:0;flex-direction:row;gap:35px;max-width:1306px;margin:0 auto;padding:5px 0 10px;display:flex}.nav-item{letter-spacing:1px;color:#5b7257;background:0 0;border:0;border-radius:0;width:auto;padding:8px 6px;font:21px/1.4 Zcool,cursive;transform:rotate(.5deg)}.nav-item.active{color:#245baa;text-underline-offset:10px;background:0 0;font-weight:400;-webkit-text-decoration:underline #e05391;text-decoration:underline #e05391;text-decoration-thickness:4px}.nav-item:nth-child(2){color:#c24375;transform:rotate(-1deg)}.nav-item:nth-child(3){color:#56833c}.nav-item svg{stroke-width:1.6px}.nav-item span{font-size:13px}.main-area{max-width:1390px;padding:32px 42px 60px}.page-heading{align-items:center;min-height:120px;margin-bottom:20px;padding-right:260px;position:relative}.page-heading:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:url(/doodle-writer.png) 50%/contain no-repeat;width:245px;height:175px;position:absolute;top:-55px;right:5px;transform:rotate(3deg)}.eyebrow{color:#987b52;letter-spacing:1.4px;font-size:11px}h1{color:#245baa;letter-spacing:1px;font:44px/1.4 Zcool,cursive;transform:rotate(-1deg)}.text-button{color:#c43f7b;white-space:nowrap;font:18px Zcool,cursive;transform:rotate(2deg)}.stage-cards{gap:27px;margin:15px 4px 40px}.stage-card{box-shadow:none;background:0 0;border-radius:9px 5px 14px 4px;gap:18px;padding:22px 23px;transform:rotate(-1.2deg);border:2px solid #689551!important}.stage-card.stage-1{background:#d6ecd1}.stage-card.stage-2{background:#fff0bc;border-radius:4px 14px 7px 11px;transform:rotate(1.1deg);border-color:#de9534!important}.stage-card.stage-3{background:#fae3ed;border-radius:13px 4px 9px 5px;transform:rotate(-.8deg);border-color:#c34c8f!important}.stage-card.selected{outline-offset:5px;outline:2px dashed #245baa}.stage-card strong{color:#245baa;font:400 23px/1.4 Zcool,cursive}.stage-card.stage-2 strong{color:#a86224}.stage-card.stage-3 strong{color:#a4377b}.stage-card small{color:#70684f;font-size:13px}.stage-number{color:#4b8952;font:36px Zcool,cursive}.stage-2 .stage-number{color:#df9329}.stage-3 .stage-number{color:#d2498e}.workbench{box-shadow:none;background:0 0;border:0;grid-template-columns:255px minmax(0,1fr);gap:26px;overflow:visible}.exercise-browser{background:0 0;border:0;padding:10px 0}.section-heading{border-bottom:2px solid #b2bfa0;padding:0 4px 15px}.section-heading h2{color:#43864a;font:24px Zcool,cursive}.section-heading span{color:#43864a;font:16px Zcool,cursive}.search-box{background:0 0;border-style:dashed;border-color:#b9bc9e}.exercise-item{border-radius:6px 13px 4px 8px;margin-bottom:4px;padding:14px 10px}.exercise-item.selected{color:#246a3b;background:#d6ecd1;transform:rotate(-1deg)}.exercise-item strong{font:400 19px Zcool,cursive}.exercise-item small{color:#7c725e;font-size:12px}.exercise-index{color:#a78c51;font:16px Zcool,cursive}.free-note{color:#b34678;border-color:#c2698f;font:19px Zcool,cursive;transform:rotate(1deg)}.writing-desk{background:#fffdf6;border:2px solid #5f81af;border-radius:5px 13px 4px 10px;position:relative}.desk-header{background:0 0;padding:30px 38px 22px}.desk-header .eyebrow{color:#af8545}.desk-title h2{color:#245baa;font:34px Zcool,cursive}.desk-title svg{color:#cb4b8d;stroke-width:2px;transform:rotate(12deg)}.exercise-instruction{color:#414b46;font-size:16px;line-height:2}.desk-header .toolbar button{font-size:14px}.editor{border-color:#d7d1bb}.note-title{color:#3b6743;background:0 0}.writing-input{color:#394b3c;background:0 0;border-bottom:1px dashed #d6d4bc;line-height:2.1}.editor-footer{color:#867b60}.tags-label input{background:#fffaf0}.blank-paper{color:#82946e;background:0 0;border-top:1px dashed #c9c6ac;min-height:230px}.blank-paper p{color:#60834b;font:24px Zcool,cursive}.blank-paper svg{color:#d35e94;transform:rotate(-12deg)}.blank-paper small{font-size:13px}.exercise-bottom details{border-color:#d6d1bb}.exercise-bottom summary{color:#487a45;font:19px/1.6 Zcool,cursive}.exercise-bottom details:nth-child(2) summary{color:#ae4880}.exercise-bottom details:nth-child(3) summary{color:#3c719f}.desk-actions button.primary{color:#28623c;background:#d6ecd1;border-color:#6e9c5c}.desk-actions button{font-size:14px}.practice-modal{background:#fffaf0;box-shadow:none!important;border:2px solid #6681a4!important;border-radius:8px 15px 5px 12px!important}.modal-title{color:#245baa;font:30px Zcool,cursive}.settings-block{border-color:#d9ceb5}.settings-block h3{color:#527c42;font:24px Zcool,cursive}.note-card{box-shadow:none;background:#fffdf5;border:1.5px solid #92a176;border-radius:6px 14px 4px 10px;transform:rotate(-.5deg)}.note-card:nth-child(3n+2){border-color:#be87a5;transform:rotate(.7deg)}.note-card:nth-child(3n+3){border-color:#ddba69;transform:rotate(-.8deg)}.note-open h2{color:#245baa;font:25px Zcool,cursive}.note-card footer{border-color:#ded4bb}.empty{background:#fffdf1;border-color:#70915e}.empty h2{color:#245baa;font:29px Zcool,cursive}.board-scroll{border:2px solid #759065;border-radius:6px 12px 4px 9px}.board-name{font:22px Zcool,cursive}.resource,.version{background:#fffdf6;border-color:#c2c8a7}.card-previews{background:#eee5d1}.card-previews img{box-shadow:none}.check{color:#485d43}.check button{border-radius:3px}.step-prompt{color:#a4497c}.notes-grid{gap:25px}.practice-modal small{color:#776c53}@media (max-width:1450px){.sidebar nav{margin:0 42px}}@media (max-width:1000px){.page-heading{padding-right:190px}.page-heading:after{width:175px;height:140px;top:-30px}.page-heading h1{font-size:35px}.workbench{grid-template-columns:205px minmax(0,1fr);gap:20px}.stage-card{gap:10px;padding:18px 15px}.stage-card strong{font-size:20px}.stage-card small{font-size:12px}.stage-number{font-size:29px}.desk-header{padding:28px 25px}.sidebar nav{gap:24px}}@media (max-width:800px){.topbar{align-items:center;height:91px;padding:10px 20px}.wordmark{font-size:27px}.wordmark small{letter-spacing:0;font-size:14px}.top-actions{gap:5px}.save-state{font-size:11px}.sidebar{padding:0;position:static}.sidebar nav{justify-content:space-between;gap:14px;margin:0 20px;padding:8px 0 12px}.nav-item{gap:5px;padding:6px 0;font-size:18px}.nav-item.active{text-underline-offset:7px;text-decoration-thickness:3px}.nav-item span{font-size:11px}.main-area{padding:25px 18px 40px}.page-heading{flex-direction:column;align-items:flex-start;gap:10px;min-height:105px;margin-bottom:18px;padding-right:0}.page-heading:after{width:100px;height:80px;top:13px;right:-7px}.page-heading h1{max-width:280px;font-size:30px}.page-heading .eyebrow{font-size:9px}.page-heading .text-button{font-size:16px}.stage-cards{gap:12px;margin:15px 3px 28px}.stage-card{padding:12px 10px;display:block}.stage-number{margin-bottom:3px;font-size:25px}.stage-card strong{font-size:18px;line-height:1.3}.stage-card small{margin-top:8px;font-size:12px;line-height:1.55}.stage-card>svg{width:13px;top:13px;right:8px}.stage-card.selected{outline-offset:3px}.workbench{gap:18px;display:flex}.exercise-browser{padding:0}.section-heading{margin-bottom:8px;padding-bottom:10px}.section-heading h2{font-size:22px}.exercise-list{padding:4px 0}.exercise-item strong{font-size:18px}.exercise-index{font-size:13px}.exercise-item{margin-bottom:0;padding:10px 9px}.free-note{margin-top:9px;font-size:18px}.writing-desk{border-width:1.5px}.desk-header{padding:24px 20px}.desk-title h2{font-size:29px}.exercise-instruction{font-size:16px;line-height:1.9}.writing-input{min-height:310px;font-size:17px}.desk-actions{gap:8px}.desk-actions button{font-size:13px}.exercise-bottom summary{font-size:18px}.blank-paper p{font-size:22px}.notes-grid{gap:20px}}.builtin-readings{margin-top:1.5rem}.builtin-readings h3{color:#245baa;font-size:1.25rem}.builtin-readings h3 small{margin-left:.5rem;font:.875rem system-ui}.reading-entry{border-top:1px dashed #b8bcaa;margin-top:.75rem}.reading-entry>summary{cursor:pointer;padding:1rem 0}.reading-entry>summary span{font-size:1.15rem}.reading-entry>summary small{color:#626252;margin-top:.35rem;font:.875rem/1.6 system-ui;display:block}.reading-body{overflow-wrap:anywhere;font:1rem/1.9 system-ui,sans-serif}.reading-body h4{margin:1.25rem 0 .5rem;font:600 1rem/1.8 system-ui}.reading-body p{margin:.75rem 0}.reading-text{background:#fffaf0;border-left:3px solid #d6ecd1;padding:1rem}.reading-rights{color:#626252;font-size:.875rem}.card-theme-picker{border:0;min-width:0;margin:.5rem 0;padding:0}.card-theme-picker legend{margin-bottom:.5rem;font-size:1rem}.card-theme-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.card-theme-picker button{background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;gap:.4rem;min-width:0;padding:.35rem;display:flex}.card-theme-picker button[aria-pressed=true]{background:#d6ecd1;border-color:#245baa}.card-theme-picker img{aspect-ratio:3/4;object-fit:cover;border-radius:3px;width:100%}.card-theme-picker span{align-self:center;font:14px/1.5 system-ui}.type-picker{border:0;min-width:0;margin:0;padding:0}.type-picker legend{margin-bottom:8px}.type-options,.layout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.layout-options{grid-template-columns:repeat(4,minmax(0,1fr))}.type-picker button{background:#fffdf5;border:1px solid #c0c6b9;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 5px;display:flex}.type-picker button[aria-pressed=true]{outline-offset:-2px;background:#d6ecd1;outline:2px solid #245baa}.type-picker small{font-size:11px}.font-sample{min-height:38px;font-size:13px}.layout-sample{white-space:pre;text-align:left;background:#f6f0df;width:100%;height:75px;padding:5px;font-size:10px;line-height:1.6;display:block;overflow:hidden}.layout-quote{text-align:center;padding-top:14px}.layout-vertical{writing-mode:vertical-rl;text-align:left;padding:8px 14px}.type-details summary{cursor:pointer;padding:10px 0}.type-details .stack{padding:8px 0}@font-face{font-family:CardSerifSample;src:url(/fonts/serif.sample.woff2)format("woff2");font-display:block}@font-face{font-family:CardSansSample;src:url(/fonts/sans.sample.woff2)format("woff2");font-display:block}@font-face{font-family:CardHandSample;src:url(/fonts/hand.sample.woff2)format("woff2");font-display:block}
.topbar{z-index:35;background:#d6ecd1;border-bottom:1px solid #aec7ac;max-width:none;height:110px;padding:16px 30px;position:fixed;inset:0 0 auto}.wordmark{font-size:42px;line-height:1.1;transform:rotate(-1deg)}.wordmark b{letter-spacing:6px;font-size:24px;font-weight:400;display:block}.wordmark small{white-space:nowrap;position:absolute;top:28px;left:240px}.app-shell{padding-top:105px;padding-left:272px;display:block}.sidebar{z-index:30;background:#e5f0df;border-right:1px solid #bacbb3;width:272px;padding:24px 18px;display:block;position:fixed;top:110px;bottom:0;left:0;overflow:auto}.sidebar nav{flex-direction:column;gap:8px;padding:0;display:flex}.sidebar .nav-item{text-align:left;width:100%;padding:13px 12px;font-size:20px}.nav-item.active{background:#fffdf5;border:1px solid #9cac94;border-radius:3px 10px 5px 4px;text-decoration:none}.sidebar>.sidebar-caption,.sidebar>.sidebar-rule,.sidebar>.sidebar-bottom{display:block}.sidebar-caption{margin:4px 12px 14px;font-size:14px}.sidebar details{background:0 0;border:0;margin:8px 0;padding:0}.sidebar .stage-nav{cursor:pointer;gap:12px;padding:12px;font-size:18px;display:flex}.sidebar .stage-nav span{font-size:13px}.sidebar-exercises{gap:4px;padding:0 0 12px 24px;display:grid}.sidebar-exercises button{text-align:left;color:#344d3b;background:0 0;border:0;padding:9px;font-size:14px}.sidebar-exercises button.chosen{background:#fffdf5;border-left:3px solid #ce4281}.sidebar-bottom{margin:30px 10px 0}.sidebar-bottom .tiny-seal{display:none}.main-area{min-width:0;max-width:1380px;margin:0 auto;padding:28px 34px 70px}.page-heading{min-height:0;margin:0 0 20px;padding:0}.page-heading:after,.page-heading:before{display:none}.page-heading h1{font-size:28px}.workbench{display:block}.writing-desk{width:100%;max-width:none}.desk-header{padding:24px 30px 12px}.desk-title h2{font-size:27px}.writing-input{min-height:280px}.recent-fragments{margin-top:38px}.recent-fragments>.search-box{max-width:420px;margin-bottom:20px}.recent-fragments h2{font-family:Zcool;font-size:26px}.recent-fragments h3{font-size:18px}.recent-fragments .note-card p{white-space:pre-wrap;max-height:110px;overflow:hidden}.mobile-menu,.nav-shade{display:none}.toolbar.vertical{flex-direction:column;align-items:stretch}.sidebar details summary::-webkit-details-marker{display:none}@media (max-width:760px){.topbar{gap:12px;height:88px;padding:10px 16px}.wordmark{flex:1;font-size:28px}.wordmark b{letter-spacing:4px;font-size:16px}.wordmark small{display:none}.save-state{max-width:86px;font-size:12px}.mobile-menu{padding:8px;display:flex}.app-shell{padding:88px 0 0}.sidebar{width:280px;padding:20px;display:none;top:88px}.sidebar.drawer-open{display:block}.sidebar nav{flex-direction:column;gap:8px;display:flex;position:static;overflow:visible}.sidebar .stage-nav{display:flex}.sidebar>.sidebar-caption,.sidebar>.sidebar-rule,.sidebar>.sidebar-bottom{display:block}.nav-shade{z-index:29;background:#172d3659;border:0;display:block;position:fixed;inset:88px 0 0}.main-area{padding:22px 16px 50px}.page-heading{align-items:center;min-height:0;padding:0;display:flex}.page-heading h1{font-size:25px}.workbench{display:block}.writing-desk{padding:0}.desk-header{padding:18px}.desk-title h2{font-size:23px}.editor{padding:0 18px 18px}.writing-input{min-height:260px;font-size:17px}.desk-actions{padding:16px}.notes-grid{grid-template-columns:1fr}.sidebar-exercises{display:grid}.recent-fragments{margin-top:28px}.top-actions{gap:5px}}
.collection-workspace{min-width:0}.board-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.board-tools>label{max-width:280px}.board-tools input{width:auto;min-width:100px;max-width:100%}.board-tools .board-name{background:0 0;border:none;border-bottom:1px dashed #739d78;min-width:220px;font:26px Zcool}.module-columns{align-items:flex-start;gap:20px;padding:8px 3px 22px;display:flex;overflow-x:auto}.module-column{background:#e9f0e4;border:1px solid #a5b59c;border-radius:5px 9px 4px 6px;flex:0 0 296px;min-width:0;padding:15px}.module-column header{align-items:center;gap:10px;display:flex}.module-column header input{background:0 0;border:0;width:100%;min-width:0;font:24px Zcool}.module-column header span{font-size:13px}.module-card{background:#fffdf5;border:1px solid #bac5b5;border-radius:3px 7px 4px 6px;margin-top:15px;padding:16px}.module-card h3{margin:7px 0;font-size:18px}.module-card>p{white-space:pre-wrap;max-height:180px;font-size:16px;line-height:1.8;overflow:hidden}.module-card small{color:#726554}.module-card .toolbar{gap:5px;margin:10px 0}.module-card button,.module-column .compact button{padding:7px 9px;font-size:13px}.module-empty{color:#6b7964;text-align:center;padding:30px 0;font-size:15px}.field-label{gap:6px;font-size:14px;display:grid}.field-label select{background:#fffdf5;border:1px solid #b7bea8;border-radius:4px;width:100%;padding:9px}.material-shelf{margin:24px 0}.material-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.material-chip{background:#fffdf5;border:1px solid #c4caba;min-width:0;padding:14px}.material-chip p{color:#6d7466;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:14px}.material-chip button{font-size:13px}.send-preview{background:#edf2e8;max-height:300px;padding:16px;overflow:auto}.send-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px}.scene-preview{object-fit:contain;background:#e8eddf;width:100%;max-height:65vh}.image-full{object-fit:contain;max-width:100%;max-height:60vh}.flow-surface{background:#f8faf3;border:1px solid #93ab94;border-radius:4px;height:620px;min-height:420px}.react-flow__node-paper{border:0;padding:0}.canvas-paper{color:#27384a;background:#fffdf5;border:1px solid #79957d;border-radius:4px 8px 4px 6px;flex-direction:column;gap:9px;width:100%;height:100%;padding:17px;display:flex;overflow:hidden}.canvas-paper>strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex-shrink:0;font-size:18px;font-weight:500;line-height:1.55;display:-webkit-box;overflow:hidden}.canvas-paper>p{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-height:0;font-size:16px;line-height:1.6;overflow:hidden}.canvas-paper img{object-fit:contain;pointer-events:none;flex:1;width:100%;height:100%;min-height:0}.canvas-paper.canvas-group{pointer-events:auto;background:#d6ecd122;border:2px dashed #86a382}.canvas-paper.canvas-mind{background:#d6ecd1}.canvas-open{text-align:left;color:#8b3e69;background:0 0;border:0;flex-shrink:0;padding:4px;font-size:12px}.react-flow__node.selected .canvas-paper{border:2px solid #245baa}.react-flow__handle{background:#245baa;border:1px solid #fff;width:10px;height:10px}.react-flow__controls button{color:#243c37;background:#fffdf5;width:30px;height:30px;padding:5px;border-radius:0!important}.canvas-inspector{margin:18px 0}.muted{color:#6d7969;font-size:14px}.classification-row{background:#f0f5ea;gap:8px;padding:14px;display:grid}.classification-row textarea{min-height:80px}.share-workspace{color:#27384a;background:#f8faf4;flex-direction:column;height:100vh;display:flex}.share-header{background:#d6ecd1;border-bottom:1px solid #b8c5b0;flex-shrink:0;align-items:center;gap:20px;padding:16px 28px;display:flex}.share-header h1{margin:0;font:28px Zcool}.share-header>span{color:#66765e;flex:1;font-size:14px}.share-workgrid{flex:1;grid-template-columns:minmax(360px,440px) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.share-settings{background:#fffdf5;border-right:1px solid #c3cbbc;gap:24px;padding:26px 28px;overflow-y:auto}.share-settings input,.share-settings textarea{width:100%}.share-settings h2{margin:0 0 14px;font:23px Zcool}.share-settings label{font-size:14px}.share-settings legend{margin-bottom:12px;font-size:15px}.share-settings small{color:#747969;font-size:13px}.share-type-section{border-top:1px solid #c7cbbb;gap:16px;padding-top:24px;display:grid}.share-type-section .section-heading,.share-type-section .section-heading h2{margin:0}.typography-row{grid-template-columns:1fr 1fr;align-items:center;gap:15px;display:grid}.typography-row>label{grid-column:1/-1;padding-bottom:10px}.typography-row>div:last-child{grid-area:1/2}.solid-options{flex-wrap:wrap;gap:8px;display:flex}.solid-options button{border:1px solid #869583;border-radius:4px;min-height:42px;padding:8px 11px}.solid-options button[aria-pressed=true]{outline-offset:3px;outline:2px solid #245baa}.template-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.template-options>button{flex-direction:column;gap:8px;padding:8px;font-size:13px;display:flex}.template-options>button[aria-pressed=true]{outline:2px solid #245baa}.postcard-sample{aspect-ratio:3/4;text-align:left;color:#263d35;pointer-events:none;background:#d6ecd1;flex-direction:column;gap:12px;width:100%;padding:9px;display:flex}.postcard-sample b{font:600 14px serif}.postcard-sample i{flex:1;font:10px/1.8 serif}.postcard-sample em{text-align:right;font:10px serif}.sample-letter{text-align:center;padding-top:22px}.sample-letter em{text-align:center}.sample-editorial{border-left:4px solid #254a76}.share-preview-pane{background:#e6ebdf;flex-direction:column;align-items:center;gap:20px;padding:24px 40px 40px;display:flex;overflow:auto}.preview-status{align-self:center;max-width:650px}.preview-status:empty{display:none}.preview-status p{white-space:pre-wrap;font-size:14px;line-height:1.8}.preview-status button{margin-left:12px}.preview-pager{justify-content:center;align-items:center;gap:20px;display:flex}.actual-card-preview{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 220px);display:block;box-shadow:0 5px 25px #1e342c22}.page-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:620px;display:flex}.page-dots button{min-width:32px;padding:5px;font-size:13px}.page-dots button[aria-pressed=true]{color:#fff;background:#245baa}.share-mobile-tabs{display:none}.share-settings .type-options{gap:7px}.share-settings .type-options button{padding:10px 7px}.share-settings .font-sample{font-size:15px}.share-settings .card-theme-picker img{max-height:120px}.share-settings .layout-options{gap:7px}.share-settings .layout-sample{height:75px;font-size:11px}@media (max-width:760px){.module-columns{grid-template-columns:1fr;display:grid;overflow:visible}.module-column{flex:auto;width:100%}.board-tools{gap:8px}.board-tools>label{max-width:100%}.flow-surface{height:65vh;min-height:400px}.react-flow__minimap{display:none}.canvas-inspector .board-tools{grid-template-columns:1fr 1fr;display:grid}.canvas-inspector .board-tools input{grid-column:1/-1;width:100%}.share-header{flex-wrap:wrap;gap:10px;padding:12px}.share-header h1{flex:1;font-size:24px}.share-header>span{display:none}.share-header button{font-size:13px}.share-mobile-tabs{background:#eef4e7;gap:0;padding:8px 14px;display:flex}.share-mobile-tabs button{flex:1}.share-mobile-tabs button[aria-pressed=true]{color:#fff;background:#245baa}.share-workgrid{display:block;overflow:auto}.share-settings{border:0;padding:20px 18px;overflow:visible}.share-preview-pane{min-height:calc(100vh - 150px);padding:20px 15px;overflow:visible}.show-settings .share-preview-pane,.show-preview .share-settings{display:none}.actual-card-preview{width:100%;height:auto;max-height:none}.share-header .primary{padding:10px}.module-card>p{max-height:220px}.material-grid{grid-template-columns:1fr 1fr}.material-chip{padding:10px}.material-chip button{font-size:12px}.typography-row{gap:18px}}.share-mobile-errors{display:none}@media (max-width:760px){.share-mobile-errors{color:#91324d;padding:0 16px;font-size:14px;display:block}.share-mobile-errors p{padding:8px 0}.share-mobile-errors button{margin-left:8px}}