@charset "UTF-8";
:root{--acid:#c8ff00;--ink:#111310;--muted:#6c7269;--line:#e1e4dc;--paper:#fff;--bg:#f2f3ed;--mono:Consolas,"SFMono-Regular",monospace;--sans:Arial,Helvetica,sans-serif;--display:Impact,"Arial Black",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);font-size:13px;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,input,select,textarea{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #688600}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}svg.icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);height:100dvh}.library{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:28px 18px 0;background:#fafbf6;min-height:0;z-index:30}.wordmark{display:block;color:var(--ink);text-decoration:none;font-family:var(--display);font-size:45px;line-height:.89;letter-spacing:-1.8px;padding:0 7px 24px}.wordmark>span{display:block;font-size:26px;letter-spacing:-.8px;margin-top:4px}.brand-cross{display:inline-block;font-family:Arial;font-weight:900;color:#708e00;margin-left:9px;transform:rotate(-18deg);font-size:27px}.notebook-label{display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.6px;border-top:1px solid var(--line);padding:16px 5px}.signal-dot{width:6px;height:6px;background:#6d891d;border-radius:50%;display:inline-block;flex-shrink:0}.unit-chip{margin-left:auto;background:var(--acid);padding:3px 5px;font-weight:bold;color:#111}.search-wrap{height:36px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:5px;padding:0 9px;margin:0 3px 16px}.search-wrap svg{width:15px;height:15px;color:#81867b}.search-wrap input{width:100%;min-width:0;border:0;background:transparent;font-size:11px;outline:none}.search-wrap kbd{border:1px solid var(--line);border-radius:3px;color:#95998f;padding:0 4px;font:10px var(--mono)}.library-tabs{display:flex;gap:13px;margin:0 4px 10px;border-bottom:1px solid var(--line)}.library-tabs button{position:relative;padding:0 0 11px;font-size:10.5px;white-space:nowrap;color:#747a70}.library-tabs button.active{color:var(--ink);font-weight:bold}.library-tabs button.active:after{content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--acid)}#page-list{overflow:auto;flex:1;scrollbar-width:thin;padding:2px 0 18px}.group-heading{display:flex;align-items:center;gap:8px;color:#81867b;font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px;padding:20px 7px 8px}.group-heading:first-child{padding-top:9px}.group-heading span{margin-left:auto;font-size:8px}.page-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 9px;margin:2px 0;border-radius:5px;transition:background .15s}.page-item:hover{background:#ecefe6}.page-item.active{background:#eaf0d9;box-shadow:inset 3px 0 var(--acid)}.page-item .page-number{font:10px var(--mono);color:#8a9083;min-width:18px}.page-item.active .page-number{color:#4a6200}.page-item .page-meta{min-width:0;flex:1}.page-item .page-name{display:block;font-size:11.5px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item .page-caption{display:block;font-size:9px;color:#8a9083;margin-top:1px}.state-dot{height:6px;width:6px;flex-shrink:0;border:1px solid #cad0c1;border-radius:50%}.state-dot.done{background:#607d1c;border-color:#607d1c}.state-dot.help{background:#e8a334;border-color:#e8a334}.state-dot.working{background:#a0b774;border-color:#a0b774}.no-pages{padding:25px 9px;color:var(--muted);line-height:1.7;font-size:12px}.library-bottom{border-top:1px solid var(--line);padding:15px 5px 16px}.add-page{display:flex;align-items:center;gap:8px;width:100%;font-size:11px;padding:7px 2px}.add-page>span:last-child{margin-left:auto;font-size:16px}.storage-note{display:flex;align-items:center;gap:6px;color:#83897d;font-size:9px;margin-top:16px}.storage-note .signal-dot{height:5px;width:5px}.storage-note button{margin-left:auto;color:#78816f;padding:0}.main-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:61px;min-height:61px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbf7;position:relative;z-index:25}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.icon-button:hover,.subtle-button:hover{background:#e9eddf}.breadcrumbs{display:flex;align-items:center;gap:12px;font:10px var(--mono)}.breadcrumbs>span:first-child{color:#838a7d}.crumb-slash{color:#bbc2b3}.save-status{display:flex;align-items:center;gap:6px;color:#78816f;font-size:10px}.save-status .signal-dot{height:5px;width:5px}.save-status.error{color:#a23a21}.save-status.error .signal-dot{background:#a23a21}.subtle-button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:7px 10px;border-radius:4px;font-size:10px}.subtle-button svg{width:14px;height:14px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 30px 23px;gap:20px;min-height:124px}.eyebrow{font:9px var(--mono);letter-spacing:1px;color:#6f7864;text-transform:uppercase}h1{font-family:var(--sans);font-size:34px;letter-spacing:-1.5px;margin:8px 0 6px;line-height:1;font-weight:800}.title-dot{color:#789600}.page-heading p{font-size:11px;color:#7f8579;margin:9px 0 0}.page-status{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.page-status label{font-size:9px;color:#818979}.page-status select{background:#fafcf5;border:1px solid #d6ddcb;border-radius:4px;padding:7px 8px;min-width:118px;font-size:10px;color:#566346}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;min-height:0;flex:1;border-top:1px solid var(--line)}.editor-zone{display:flex;flex-direction:column;min-width:0;min-height:0}.drawing-toolbar{min-height:56px;background:#fafbf7;border-bottom:1px solid var(--line);padding:8px 15px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;z-index:15}.tool-group{display:flex;align-items:center;gap:3px}.tool-group button{height:32px;width:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#68725c}.tool-group button:hover{background:#e9eddf}.tool-group button.active{background:var(--acid);color:#192000}.tool-group button svg{width:17px;height:17px}.tool-divider{height:20px;width:1px;background:#dce1d3;margin:0 3px}.color-group{display:flex;gap:5px;align-items:center}.color-swatch{width:17px;height:17px;border-radius:50%;border:3px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1px transparent}.color-swatch.active{box-shadow:0 0 0 1px #6b765b}.custom-color{display:block;width:18px;height:18px;border-radius:50%;overflow:hidden;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;margin-left:2px}.custom-color input{opacity:0;position:absolute;width:34px;height:34px;left:-8px;top:-8px;cursor:pointer}.width-control{display:flex;align-items:center;gap:4px;margin-left:4px}#width-dot{display:block;height:4px;width:4px;background:#526241;border-radius:50%}.width-control select{border:0;background:none;font:9px var(--mono);width:61px;color:#66715b;padding:3px 0}.toolbar-spacer{flex:1}.canvas-topline{height:31px;min-height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font:8px var(--mono);letter-spacing:.6px;color:#909887}.canvas-topline>div{display:flex;align-items:center;gap:13px}.canvas-topline button{font:8px var(--mono);color:#8c9581;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}.pen-only{display:flex;align-items:center;gap:4px;letter-spacing:0;font-size:8px}.pen-only input{accent-color:#7d9e1b;width:10px;height:10px}.viewport{flex:1;overflow:auto;position:relative;background-color:#e9ece2;background-image:radial-gradient(#cbd2c0 .65px,transparent .65px);background-size:17px 17px;scrollbar-width:thin;overscroll-behavior:contain}.paper-wrap{position:relative;margin:22px auto 45px;flex-shrink:0}.paper{position:relative;background:#fff;box-shadow:0 4px 21px #19220a10;transform-origin:top left;isolation:isolate}.paper>img{width:100%;height:100%;display:block;pointer-events:none;user-select:none}.paper.grid{background-image:linear-gradient(#d9e3d7 1px,transparent 1px),linear-gradient(90deg,#d9e3d7 1px,transparent 1px);background-size:24px 24px}.paper.ruled{background-image:repeating-linear-gradient(transparent 0,transparent 31px,#d9e3d7 31px,#d9e3d7 32px)}#drawing{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none;z-index:2}#drawing .selected-element{filter:drop-shadow(0 0 2px #8da500)}#text-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.text-item{position:absolute;min-width:130px;min-height:36px;pointer-events:auto;background:transparent;border:1px solid transparent;border-radius:3px;display:flex;flex-direction:column}.text-item:focus-within,.text-item.selected{border:1px dashed #81954a;background:#fffffff0}.text-item .text-handle{height:16px;flex-shrink:0;cursor:move;opacity:0;user-select:none;display:flex;justify-content:space-between;align-items:center;padding:0 3px;font:10px var(--mono);color:#81954a;background:#f1f5e6}.text-item:hover .text-handle,.text-item:focus-within .text-handle,.text-item.selected .text-handle{opacity:1}.text-item textarea{border:0;outline:none!important;background:transparent;resize:both;width:100%;min-height:40px;padding:3px 6px;overflow:hidden;color:inherit;line-height:1.35;font:inherit}.text-item .text-delete{color:#7c5749;font-size:13px;cursor:pointer;pointer-events:auto}#calc-pins{position:absolute;inset:0;pointer-events:none;z-index:4}.calc-pin{position:absolute;right:-9px;pointer-events:auto;display:flex;align-items:center;gap:4px;background:var(--acid);border:1px solid #a9cb25;border-radius:4px 0 0 4px;padding:5px 6px;color:#223000;font:8px var(--mono);box-shadow:0 2px 6px #24300113;transition:transform .15s}.calc-pin:hover{transform:translateX(-4px)}.calc-pin svg{height:12px;width:12px}.loading-page{position:sticky;top:35%;text-align:center;color:#7b8769;font:11px var(--mono);pointer-events:none}.canvas-footer{height:42px;min-height:42px;border-top:1px solid var(--line);background:#fafbf7;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 13px}.page-navigation{display:flex;align-items:center;gap:7px}.page-navigation>span{font:9px var(--mono);color:#768268;white-space:nowrap}.page-navigation button{width:24px;height:25px}.page-navigation svg{width:15px;height:15px}.canvas-tip{font-size:9px;color:#929b88;text-align:center;padding:0 8px}.zoom-control{display:flex;align-items:center;gap:2px}.zoom-control button{font:11px var(--mono);padding:4px 7px}.zoom-control #zoom-value{font-size:9px;min-width:45px}.zoom-control #fit-page{padding:4px}.zoom-control svg{width:14px;height:14px}.help-panel{border-left:1px solid var(--line);overflow:auto;padding:0 19px 20px;background:#fafbf7;scrollbar-width:thin}.help-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);height:56px;align-items:stretch}.help-tabs button{font-size:10px;color:#838b79;position:relative;white-space:nowrap;padding:0;display:flex;align-items:center;gap:5px}.help-tabs button.active{font-weight:bold;color:#29331e}.help-tabs button.active:after{content:"";position:absolute;height:3px;bottom:-1px;left:0;right:0;background:var(--acid)}.mini-badge{font:7px var(--mono);padding:2px 3px;background:var(--acid);color:#354000;border-radius:2px}.calc-intro{display:flex;gap:10px;align-items:center;margin:24px 0 12px}.calc-symbol{display:flex;align-items:center;justify-content:center;width:34px;height:40px;background:#eaf0dd;border:1px solid #dce4cd;border-radius:5px;color:#576f23}.calc-symbol svg{width:19px;height:24px}.calc-intro .eyebrow{font-size:8px;letter-spacing:.6px}h2{font-size:16px;letter-spacing:-.5px;margin:5px 0 0}.help-description{font-size:10px;line-height:1.6;color:#89917f;margin-bottom:18px}.hint-card{border:1px solid #dfe6d4;border-radius:5px;margin:9px 0;background:#fff;overflow:hidden}.hint-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;padding:13px 12px;line-height:1.4}.hint-card summary::-webkit-details-marker{display:none}.hint-card summary .hint-label{display:block;font:7px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#8a9778;margin-bottom:4px}.hint-card summary>span:last-child{font-size:17px;color:#8a9a71}.hint-card[open]>summary{background:#f1f6e5}.hint-body{padding:3px 12px 12px;font-size:10.5px;line-height:1.7;color:#667354}.hint-body b{font-size:10.5px;display:block;color:#38462a;margin-top:10px}.hint-body p{margin:5px 0 9px}.hint-body code{display:block;white-space:pre-wrap;font:10px/1.7 var(--mono);color:#384c19;background:#f4f7ee;border:1px solid #e7ecde;padding:8px;margin:9px 0;border-radius:4px;overflow-wrap:anywhere}.hint-body .write-this{border-top:1px dashed #d8e1cb;margin-top:10px;padding-top:8px}.hint-card.universal{margin-top:18px;background:transparent}.hint-card.universal>summary{font-size:10px;color:#738261}.exact-values{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.exact-values .eyebrow{font-size:8px}.exact-values p{display:flex;justify-content:space-between;font:10px var(--mono);color:#88947a;margin:11px 0}.exact-values p>span{color:#485c2c;font-weight:bold}.notes-label{display:block;font-size:11px;margin:24px 0 12px;color:#69795a}#page-notes{width:100%;height:290px;resize:vertical;border:1px solid #dce4cf;border-radius:5px;background:#fff;padding:13px;line-height:1.9;font-size:12px;color:#3a4630}.notes-hint{font-size:9px;color:#929d88;line-height:1.5}.session-card{margin-top:26px;background:#131911;color:#eef4e5;padding:14px;border-radius:5px}.session-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.session-card .eyebrow{font-size:7px;color:#9ba88c}.session-card #timer-reset{color:#7f8d70;padding:0}.session-card #timer-reset svg{height:13px;width:13px}.session-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.session-bottom>span{font:30px var(--mono);letter-spacing:-2px;color:var(--acid)}.session-bottom>button{background:var(--acid);color:#263600;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.session-bottom svg{width:12px;height:12px}.session-card p{font-size:8px;color:#8f9d81;margin:12px 0 0}.menu-popover{position:absolute;right:22px;top:52px;width:230px;border:1px solid var(--line);background:#fff;box-shadow:0 9px 30px #11131016;padding:6px;border-radius:6px;z-index:50}.menu-popover button{display:block;width:100%;text-align:left;font-size:11px;padding:11px;border-radius:4px}.menu-popover button:hover{background:#eff4e3}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#182210;color:#e9f2db;box-shadow:0 5px 25px #11131030;border-left:3px solid var(--acid);font-size:12px;padding:13px 20px;border-radius:4px;max-width:min(90vw,600px);line-height:1.5}dialog{border:1px solid #d3dfbc;background:#f9fcf3;border-radius:10px;padding:34px;color:#28351d;width:min(440px,90vw);box-shadow:0 25px 100px #12200033}dialog::backdrop{background:#15200c66;backdrop-filter:blur(3px)}dialog h2{font-size:28px;margin:10px 0 25px}dialog label{font-size:11px;color:#6f805e;display:block;margin:17px 0}dialog input,dialog select{width:100%;padding:11px;border:1px solid #d0dbbf;background:#fff;border-radius:4px;margin-top:8px;font-size:13px;color:#35492a}.primary-button{display:flex;width:100%;align-items:center;justify-content:space-between;background:var(--acid);color:#233400;font-weight:bold;padding:13px 15px;border-radius:4px;font-size:12px;margin-top:24px}.dialog-close{position:absolute;top:12px;right:15px;font-size:23px;color:#7b8d6b}.info-copy{font-size:12px;color:#61724f;line-height:1.8}.shortcut-table{width:100%;font-size:12px;color:#657a50;border-collapse:collapse}.shortcut-table td{padding:8px;border-bottom:1px solid #e1e8d5}.shortcut-table kbd{font:10px var(--mono);padding:3px 5px;background:#eaf1dc;border-radius:3px}.mobile-help{display:none}body.focus .library,body.focus .help-panel{display:none}body.focus .app-shell{grid-template-columns:1fr}body.focus .workspace-layout{grid-template-columns:1fr}body.library-hidden .app-shell{grid-template-columns:1fr}body.library-hidden .library{display:none}.paper.tool-pan #drawing{cursor:grab}.paper.tool-pen #drawing,.paper.tool-highlighter #drawing,.paper.tool-line #drawing,.paper.tool-rect #drawing{cursor:crosshair}.paper.tool-eraser #drawing{cursor:cell}.paper.tool-text #drawing{cursor:text}.paper.tool-select #drawing{cursor:default}#print-area{display:none}
@media(min-width:1700px){.app-shell{grid-template-columns:274px minmax(0,1fr)}.workspace-layout{grid-template-columns:minmax(0,1fr) 305px}.library{padding-left:23px;padding-right:23px}.help-panel{padding-left:24px;padding-right:24px}.page-heading{padding-top:30px;padding-bottom:29px}.topbar{height:68px;min-height:68px}}
@media(max-width:1250px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.library{padding-left:12px;padding-right:12px}.workspace-layout{grid-template-columns:minmax(0,1fr) 240px}.help-panel{padding-left:13px;padding-right:13px}.canvas-tip{display:none}.drawing-toolbar{padding-left:10px;padding-right:10px;gap:4px}.tool-group button{width:29px}.topbar{padding:0 19px}.page-heading{padding-left:22px;padding-right:22px}.width-control{margin-left:0}.wordmark{font-size:40px}.wordmark>span{font-size:24px}}
@media(max-width:1050px){.workspace-layout{grid-template-columns:1fr}.help-panel{display:none;position:fixed;right:0;bottom:0;top:61px;width:290px;z-index:45;box-shadow:-10px 0 40px #16240020}.help-panel.open{display:block}.mobile-help{position:fixed;bottom:61px;right:20px;background:var(--acid);width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 15px #263a0030;z-index:40}.save-status{font-size:9px}}
@media(max-width:720px){.app-shell{grid-template-columns:1fr}.library{display:none;position:fixed;left:0;top:0;bottom:0;width:252px;box-shadow:10px 0 40px #16240020}.library.open{display:flex}.topbar{height:51px;min-height:51px;padding:0 12px}.breadcrumbs{gap:7px;font-size:8px}.topbar-right{gap:7px}.save-status{font-size:0;gap:0}.save-status .signal-dot{width:7px;height:7px}.subtle-button{padding:6px}.subtle-button>span{display:none}.page-heading{min-height:105px;padding:19px 16px 18px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.page-status label{display:none}.page-status select{font-size:9px;min-width:101px;padding:6px 4px}.drawing-toolbar{gap:3px;min-height:51px;padding:7px 9px}.tool-group{gap:2px}.tool-group button{height:29px;width:28px}.tool-group button svg{width:16px;height:16px}.color-group{gap:3px}.color-swatch{width:16px;height:16px}.width-control select{width:53px;font-size:8px}.custom-color{width:15px;height:15px}.canvas-topline{padding:0 13px;font-size:7px}.help-panel{top:51px}.canvas-footer{padding:0 7px}.paper-wrap{margin-top:15px;margin-bottom:30px}.toolbar-spacer{flex:1}.tool-divider{margin:0 2px}.wordmark{font-size:45px}.wordmark>span{font-size:26px}}
@media print{html,body{height:auto;overflow:visible;background:white}body>.app-shell,body>button,body>dialog,body>.toast{display:none!important}#print-area{display:block;width:100%;}#print-area img{display:block;width:100%;height:auto;max-height:95vh;object-fit:contain;page-break-inside:avoid}@page{margin:8mm}}