:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#111;cursor:pointer;background:#fff;border:1px solid #151515;min-height:42px}button:disabled{cursor:not-allowed;color:#777;background:#eeeeea;border-color:#9f9f9a}button:not(:disabled):hover,button.is-active{color:#fff;background:#111}.app-shell{background:#f7f7f2;grid-template-rows:auto minmax(0,1fr);grid-template-columns:240px minmax(220px,320px) minmax(0,1fr);min-height:100vh;display:grid}.top-bar{background:#fff;border-bottom:2px solid #111;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:10px 16px;display:none}.top-bar h1,.editor-heading h2,.empty-editor h2{margin:0}.top-bar h1{font-size:1.35rem;line-height:1.1}.top-bar__actions{gap:8px;display:flex}.view-switch{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.view-switch button{min-height:38px;padding:0 12px}.app-kicker{color:#444;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.sidebar,.notes-list,.editor-panel,.settings-panel{background:#fff;min-width:0}.sidebar,.notes-list{border-right:2px solid #111;padding:16px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-heading h2,.panel-heading h3{margin:0;font-size:1rem;line-height:1.2}.panel-heading h3{text-transform:uppercase;font-size:.86rem}.panel-heading button{min-height:36px;padding:0 10px}.panel-heading--secondary{margin-top:24px}.library-nav,.note-stack{gap:8px;display:grid}.library-nav button{text-align:left;width:100%;padding:10px 12px}.library-nav--folders button{padding-left:22px}.sidebar-settings{width:100%;margin-top:8px}.sidebar-settings:first-of-type{margin-top:24px}.note-card,.empty-list-action{text-align:left;align-content:center;gap:6px;width:100%;min-height:68px;padding:12px;display:grid}.note-card span{overflow-wrap:anywhere;font-weight:800}.note-card time{color:inherit;font-size:.78rem}.muted{color:#5f5f5a;margin:0}.editor-panel{background-color:#f7f7f2;background-image:linear-gradient(#e1e1dc 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.toolbar{background:#fff;border-bottom:1px solid #111;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.toolbar button,.toolbar select{min-height:38px}.toolbar__group,.tool-settings{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar button{text-transform:capitalize;min-width:74px;min-height:38px}.control-field{color:#333;letter-spacing:0;text-transform:uppercase;gap:3px;min-width:116px;font-size:.72rem;font-weight:800;display:grid}.control-field input,.control-field select{width:100%}.control-field input[type=range]{accent-color:#111}.notice{background:#fff;border:2px solid #111;margin:12px 16px 0;padding:10px 12px;font-weight:700}.notice--error{border-style:double}.note-editor,.editor-stage{grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;min-height:0;padding:20px;display:grid}.editor-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.editor-heading h2{overflow-wrap:anywhere;font-size:clamp(1.4rem,3vw,2.3rem)}.editor-heading p:last-child{color:#444;white-space:nowrap;margin:0}.paper-preview{place-items:center;min-height:0;padding:10px;display:grid}.canvas-frame{touch-action:none;background:#d9d9d4;border:2px solid #111;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:8px 8px #111}.canvas-frame canvas{background:0 0;max-width:100%;max-height:100%;display:block;position:absolute}.canvas-frame canvas:first-child{background:#fff}.canvas-input{cursor:crosshair}.page-nav{justify-content:center;align-items:center;gap:12px;min-height:48px;font-weight:800;display:flex}.page-nav button{min-width:96px}.paper-template{aspect-ratio:3/4;background-color:#fff;border:2px solid #111;width:min(100%,62vh);max-width:620px;box-shadow:8px 8px #111}.paper-template--ruled{background-image:linear-gradient(90deg,#0000 82px,#777 82px 84px,#0000 84px),repeating-linear-gradient(#fff 0 41px,#b8b8b8 42px 43px)}.paper-template--grid{background-image:linear-gradient(#d0d0cc 1px,#0000 1px),linear-gradient(90deg,#d0d0cc 1px,#0000 1px);background-size:28px 28px}.paper-template--dot-grid{background-image:radial-gradient(#777 1.4px,#0000 1.6px);background-size:26px 26px}.paper-template--cornell{background-image:linear-gradient(90deg,#0000 27%,#111 27% 27.5%,#0000 27.5%),linear-gradient(#0000 82%,#111 82% 82.5%,#0000 82.5%),repeating-linear-gradient(#fff 0 31px,#c7c7c2 32px 33px)}.paper-template--checklist{background-image:repeating-linear-gradient(#fff 0 43px,#b8b8b8 44px 45px),repeating-linear-gradient(#0000 0 43px,#111 44px 45px)}.paper-template--meeting{background-image:linear-gradient(90deg,#0000 50%,#777 50% 50.5%,#0000 50.5%),linear-gradient(#0000 16%,#111 16% 16.5%,#0000 16.5%),repeating-linear-gradient(#fff 0 34px,#c7c7c2 35px 36px)}.empty-editor{text-align:center;place-content:center;gap:8px;min-height:0;padding:32px;display:grid}.empty-editor p{color:#444;margin:0}.bottom-controls{background:#fff;border-top:2px solid #111;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:10px 16px;display:flex}.sync-status{background:#fff;border:1px solid #111;padding:6px 10px;font-weight:800}.settings-panel{z-index:5;background:#fff;border:2px solid #111;place-self:start center;width:min(360px,100vw - 48px);margin:24px;padding:16px;box-shadow:8px 8px #111}.settings-grid{gap:10px;margin:0;display:grid}.settings-grid div{border-top:1px solid #111;justify-content:space-between;gap:16px;padding-top:10px;display:flex}.settings-grid dt{font-weight:800}.settings-grid dd{margin:0}.diagnostics-panel{grid-template-rows:auto auto minmax(180px,1fr) minmax(120px,.65fr);gap:14px;min-height:0;padding:18px;display:grid;overflow:hidden}.diagnostics-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.diagnostics-header h2{margin:0;font-size:1.5rem}.diagnostics-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.metric{background:#fff;border:1px solid #111;padding:10px}.metric dt{color:#444;text-transform:uppercase;font-size:.72rem;font-weight:800}.metric dd{margin:4px 0 0;font-size:1.1rem;font-weight:900}.diagnostics-pad{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#fff;background-image:radial-gradient(#777 1.2px,#0000 1.5px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:2px solid #111;place-items:center;min-height:0;display:grid;box-shadow:6px 6px #111}.diagnostics-pad span{background:#fff;border:1px solid #111;padding:8px 12px;font-weight:900}.diagnostics-log{background:#fff;border:1px solid #111;min-height:0;overflow:auto}.diagnostics-log table{border-collapse:collapse;width:100%;font-size:.82rem}.diagnostics-log th,.diagnostics-log td{text-align:left;white-space:nowrap;border-bottom:1px solid #d0d0cc;padding:6px 8px}@media (width<=980px){.app-shell{grid-template-rows:auto minmax(190px,30vh) minmax(0,1fr);grid-template-columns:minmax(220px,34vw) minmax(0,1fr)}.top-bar{display:flex}.sidebar{border-bottom:2px solid #111;grid-area:2/1}.notes-list{border-bottom:2px solid #111;border-right:0;grid-area:2/2}.editor-panel{grid-area:3/1/auto/-1}.paper-template{width:min(100%,52vh)}}@media (width<=680px){.app-shell{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:1fr}.top-bar{align-items:stretch}.top-bar__actions{flex-direction:column}.view-switch{justify-content:start}.sidebar,.notes-list,.editor-panel{border-right:0;grid-column:1}.sidebar{grid-row:2;max-height:260px}.notes-list{grid-row:3;max-height:220px}.editor-panel{grid-row:4}.tool-row,.toolbar{overflow-x:auto}.editor-stage{padding:14px}.editor-heading,.bottom-controls{flex-direction:column;align-items:start}.paper-template{width:min(100%,420px)}.diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}