: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}