:root{--u:26px;--desk:#d9d2c3;--paper:#fbfaf4;--grid:#c9d3df;--ink:#1b1c20;--blue:#1f4fbf;--red:#c4302b;--hl:#ffe03c80;--shadow:#281e0a47;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}body{background:var(--desk);color:var(--ink);font-family:Patrick Hand,Segoe Print,Comic Sans MS,cursive;font-size:calc(var(--u)*.62);line-height:var(--u);text-transform:uppercase;letter-spacing:.02em;margin:0;padding:16px}button,input{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}button{cursor:pointer}:focus-visible{outline:2px dashed var(--blue);outline-offset:-2px}.bar{max-width:calc(var(--u)*48);flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 auto 14px;display:flex}.nav{align-items:center;gap:6px;display:flex}.nav button{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:34px;height:34px;font-size:20px;line-height:1}.nav button:disabled{opacity:.3;cursor:default}.nav span{text-align:center;min-width:7.5em;font-size:20px}.legend{flex-wrap:wrap;gap:4px 16px;font-size:15px;display:flex}.legend i{vertical-align:middle;background:currentColor;border-radius:2px;width:14px;height:4px;margin-right:6px;display:inline-block}.k-ink{color:var(--ink)}.k-blue{color:var(--blue)}.k-red{color:var(--red)}.btn{border:2px solid var(--ink);background:var(--paper);border-radius:18px;height:34px;padding:0 16px;font-size:16px}dialog{width:min(100% - 24px,440px);padding:var(--u);border:2px solid var(--ink);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--u) var(--u);border-radius:6px}dialog::backdrop{background:#00000073}dialog .title{display:inline-block}.hint{text-transform:none;margin:6px 0 var(--u);font-size:15px;line-height:1.35}.grp{margin-bottom:var(--u)}.erow{height:var(--u);gap:10px;display:flex}.erow input{flex:1}.erow button{background:0 0;border:0;padding:0 4px;text-decoration:underline}.book{width:max-content;max-width:100%;box-shadow:0 10px 30px var(--shadow);border-radius:6px;justify-content:center;margin:0 auto;display:flex}.scroller{max-width:100%;overflow-x:auto}.page{width:calc(var(--u)*24);padding:var(--u);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--u) var(--u);flex:none}.left{border-radius:6px 0 0 6px}.right{width:calc(var(--u)*(12 + var(--n,10)));box-shadow:inset 14px 0 18px -14px var(--shadow);border-radius:0 6px 6px 0}.book.stack{width:auto;max-width:100%;box-shadow:none;border-radius:0;flex-direction:column;align-items:flex-start;gap:14px}.book.stack .page{box-shadow:0 6px 18px var(--shadow);border-radius:6px}.book.stack .left{width:100%;max-width:calc(var(--u)*24)}.head{height:calc(var(--u)*4);justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.title{font-size:calc(var(--u)*1.3);line-height:calc(var(--u)*2);white-space:nowrap;box-shadow:inset 0 -2px 0 var(--ink);margin:0;padding-right:.6em;font-weight:400}.say{height:calc(var(--u)*3);align-items:center;gap:6px;display:flex}.bubble{border:2px solid var(--ink);height:calc(var(--u)*2);background:var(--paper);border-radius:52% 48% 50% 50%/55% 50% 50% 45%;align-items:center;padding:0 10px;display:flex}.bubble input{text-align:center;width:8em}.say svg{width:calc(var(--u)*2.4);height:calc(var(--u)*3);flex:none}h2{font-size:inherit;height:var(--u);margin:0;font-weight:400}h2 span{box-shadow:inset 0 -2px 0 var(--ink)}.row{height:var(--u);display:flex}.row.today{background:var(--hl)}.dn{width:var(--u);text-align:center;flex:none}input{height:var(--u);background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:0}.moment{flex:1;padding-left:6px}.moment,.qmoment{text-transform:none}input::placeholder{color:var(--ink);opacity:.35}.sheet{display:flex}.hdr{height:calc(var(--u)*5);align-items:flex-end;display:flex}.vh{width:var(--u);writing-mode:vertical-rl;white-space:nowrap;height:100%;font-size:calc(var(--u)*.56);padding-inline-start:5px;transform:rotate(180deg)}.vh.w2{width:calc(var(--u)*2)}.body{box-shadow:inset 0 2px 0 var(--ink)}.sep{box-shadow:inset 2px 0 0 var(--ink)}.kg{width:calc(var(--u)*2);text-align:center;font-size:calc(var(--u)*.56)}.x{width:var(--u);height:var(--u);background:0 0;border:0;place-items:center;padding:0;display:grid}.x svg{opacity:0;width:70%;height:70%}.x[aria-pressed=true] svg{opacity:1}.x:hover svg{opacity:.25}.x[aria-pressed=true]:hover svg{opacity:1}.g-ink{color:var(--ink)}.g-blue{color:var(--blue)}.g-red{color:var(--red)}.graph{width:calc(var(--u)*7)}.graph .hdr{flex-direction:column;justify-content:flex-end;align-items:stretch}.graph .lbl{text-align:center}.ticks{font-size:calc(var(--u)*.5);display:flex}.ticks span{width:var(--u);text-align:center}.graph svg{cursor:crosshair;box-shadow:inset 2px 0 0 var(--ink), inset 0 2px 0 var(--ink);display:block}.next{margin-top:var(--u)}.next input{width:100%}.status{max-width:calc(var(--u)*48);text-transform:none;margin:14px auto;font-size:15px}.login{width:min(100%,calc(var(--u)*14));box-shadow:0 10px 30px var(--shadow);border-radius:6px;margin:10vh auto 0}.login label{display:block}.login input{text-transform:none;width:100%;box-shadow:inset 0 -1px 0 var(--ink);margin-bottom:var(--u)}.login .status{margin:0 0 var(--u)}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--red);border:2px solid var(--red);text-transform:none;box-shadow:0 6px 18px var(--shadow);border-radius:6px;margin:0;padding:4px 14px;font-size:15px;position:fixed;transform:translate(-50%)}.quick{width:min(100%,calc(var(--u)*16));box-shadow:0 10px 30px var(--shadow);border-radius:6px;margin:0 auto}.quick h2{margin-top:var(--u)}.qhead{height:calc(var(--u)*3);justify-content:space-between}.qdate{text-align:center}.qdate .title{box-shadow:none;line-height:calc(var(--u)*2);padding:0}.qline{width:100%;height:calc(var(--u)*2);box-shadow:inset 0 -2px 0 var(--grid)}.qrow{width:100%;height:calc(var(--u)*2);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 4px;display:flex}.qrow svg{width:calc(var(--u)*1.2);height:calc(var(--u)*1.2);opacity:0}.qrow[aria-pressed=true] svg{opacity:1}.chips{flex-wrap:wrap;display:flex}.chip{width:calc(var(--u)*2);height:calc(var(--u)*2);background:0 0;border:0;border-radius:50%;padding:0}.chip[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink);background:var(--hl)}@media (width>=701px){.narrow{display:none}}