@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_7b42ef{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_7b42ef{--f-ui:"Be Vietnam Pro","Be Vietnam Pro Fallback"}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9c658d69512eff08-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/223db0593b777c06-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fb80db0e9f250198-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Patrick Hand Fallback;src:local("Arial");ascent-override:127.97%;descent-override:38.32%;line-gap-override:0.00%;size-adjust:81.43%}.__className_3935bc{font-family:Patrick Hand,Patrick Hand Fallback;font-weight:400;font-style:normal}.__variable_3935bc{--f-hand:"Patrick Hand","Patrick Hand Fallback"}:root{--paper:#fdfdfb;--rule:#c7d4ea;--rule-strong:#93a9d2;--margin:#e04a3b;--ink:#1c1c1e;--ink-2:#5d646e;--pen:#1b47b8;--pen-2:#143689;--pen-tint:rgba(27,71,184,0.09);--red:#c42a1c;--cover:#17307f;--hl:rgba(255,224,0,0.5);--note:#fff2a3;--amber:#ffb020;--line:40px;--margin-w:44px;--sheet-w:1240px;--ruling:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--line) - 1px),var(--rule) calc(var(--line) - 1px),var(--rule) var(--line));--margin-line:linear-gradient(to left,var(--margin) 1px,transparent 1px);--sheet-bg:linear-gradient(to right,transparent calc(var(--margin-w) - 1px),var(--margin) calc(var(--margin-w) - 1px),var(--margin) var(--margin-w),transparent var(--margin-w)),var(--ruling);color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--f-ui),system-ui,sans-serif;font-size:15px;line-height:1.45;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--pen);text-underline-offset:2px;transition:color .15s ease}a:hover{color:var(--pen-2)}button{cursor:pointer;font:inherit}button:disabled{cursor:not-allowed}::selection{background:var(--hl)}input,textarea{caret-color:var(--pen)}::placeholder{color:var(--ink-2);opacity:1}:focus-visible{outline:2px solid var(--pen);outline-offset:2px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}pre{padding:12px;border-left:2px solid var(--rule-strong);overflow-x:auto}.cover{background:var(--cover);color:#fff;padding:14px 24px 0}.cover-top{max-width:var(--sheet-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.cover-label{margin:0;display:inline-block;background:var(--paper);color:var(--ink);font-family:var(--f-hand),cursive;font-weight:400;font-size:23px;line-height:1;padding:9px 18px 6px;border-radius:2px;transform:rotate(-1.2deg);box-shadow:1px 2px 6px rgba(0,0,0,.3)}.cover-link,.cover-top a{color:rgba(255,255,255,.82);font-size:14px;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0}.cover-link:hover:not(:disabled),.cover-top a:hover,.tools{color:#fff}.tools{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--cover)}.tools-in{max-width:var(--sheet-w);margin:0 auto;padding:12px 24px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tabs{display:flex;gap:4px}.tab{font:inherit;font-size:14px;font-weight:500;color:rgba(255,255,255,.85);background:transparent;border:1px solid rgba(255,255,255,.4);border-bottom:0;border-radius:7px 7px 0 0;padding:7px 16px 9px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.tab:hover:not(:disabled):not(.active){background:rgba(255,255,255,.12);color:#fff}.tab.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}.tab svg{width:14px;height:14px}.tools-right{display:flex;align-items:flex-end;gap:14px;padding-bottom:2px}.sheet{max-width:var(--sheet-w);margin:0 auto;padding:18px 24px 56px}.sheet-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 6px}.sheet-head h2{margin:0 6px 0 2px;font-family:var(--f-hand),cursive;font-weight:400;font-size:21px;line-height:1.1;color:var(--pen);text-wrap:balance}.btn,.pen{font:inherit;font-size:14px;font-weight:500;color:var(--pen);background:transparent;border:1px solid var(--pen);border-radius:4px;padding:5px 12px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn:hover:not(:disabled),.pen:hover:not(:disabled){background:var(--pen-tint)}.btn.primary,.pen.fill{background:var(--pen);color:#fff}.btn.primary:hover:not(:disabled),.pen.fill:hover:not(:disabled){background:var(--pen-2);border-color:var(--pen-2)}.btn.danger{color:var(--red);border-color:var(--red)}.btn.danger:hover:not(:disabled){background:rgba(196,42,28,.08)}.btn.active,.btn.active:hover:not(:disabled){background:var(--hl);color:var(--ink);border-color:var(--ink)}.btn svg,.pen svg{width:14px;height:14px}.btn:disabled,.ink-btn:disabled,.pen:disabled,.tab:disabled,.tick:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.45;cursor:not-allowed}.ink-btn{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.ink-btn:hover:not(:disabled){background:var(--pen-tint);color:var(--pen)}.ink-btn svg{width:16px;height:16px}.ink-btn.sm{width:28px;height:28px}.ink-btn.del:hover:not(:disabled){color:var(--red);background:rgba(196,42,28,.08)}.tick{width:22px;height:22px;padding:0;border-radius:50%;border:1.5px solid var(--pen);background:transparent;color:var(--pen);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none;transition:background-color .15s ease}.tick svg{width:12px;height:12px}.tick:hover:not(:disabled):not([aria-pressed=true]){background:var(--pen-tint)}.tick[aria-pressed=true]{background:var(--pen);color:#fff}.tick.quick{border:1px dashed var(--ink-2);color:var(--ink-2)}.link-btn{border:none;background:none;padding:0;color:var(--pen);text-align:left;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.link-btn:hover{color:var(--pen-2)}.circled{display:inline-block;color:var(--red);border:var(--stroke,1.5px) solid var(--red);border-radius:50%/var(--ry,58%);padding:1px 9px 2px;transform:rotate(var(--tilt,-2deg))}.pen-input,:where(input:not([type=checkbox]):not([type=radio]):not([type=file])),select,textarea{font:inherit;color:var(--pen);background:transparent;border:0;border-bottom:1px solid var(--rule-strong);border-radius:0;padding:5px 4px;width:100%;max-width:100%;transition:border-color .15s ease}.pen-input{width:220px}.pen-input:focus,input:focus,select:focus,textarea:focus{outline:none;border-bottom:2px solid var(--pen)}textarea{min-height:240px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;border-left:1px solid var(--rule-strong);padding:8px 10px}input[type=checkbox],input[type=radio]{accent-color:var(--pen);width:16px;height:16px;margin:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--pen);outline-offset:2px}fieldset{border:0;padding:0;margin:0 0 12px;min-width:0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field{display:block;margin-bottom:12px}.field label{display:block;font-family:var(--f-hand),cursive;font-size:14px;color:var(--ink-2);margin-bottom:2px}.error,.memo,.notice{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 12px;max-width:100%;margin:12px 0;padding:10px 14px;background:var(--note);color:var(--ink);font-size:14px;box-shadow:1px 3px 8px rgba(0,0,0,.18);transform:rotate(-.6deg)}.error,.memo.bad{color:var(--red)}.error .btn,.memo .btn,.memo .pen,.notice .btn{padding:3px 10px;font-size:14px}.unit{margin:10px 0 0}.badge,.unit{font-family:var(--f-hand),cursive;font-size:14px;color:var(--ink-2)}.badge{display:inline-block}.save-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.save-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.save-status.dirty{color:var(--ink)}.save-status.dirty:before{background:var(--amber)}.save-status.saved:before{background:var(--pen)}.save-status.failed{color:var(--red)}.tools .save-status{color:rgba(255,255,255,.85);padding-bottom:8px}.tools .save-status:before{background:rgba(255,255,255,.55)}.tools .save-status.dirty{color:#fff}.tools .save-status.dirty:before{background:var(--amber)}.tools .save-status.saved:before{background:#7be3a5}.tools .save-status.failed{color:#ffd0cb}.tools .save-status.failed:before{background:#ff6b5d}.admin{max-width:1000px;margin:0 auto;padding:18px 24px 56px}.admin h1,.admin h2,.admin h3{font-family:var(--f-hand),cursive;font-weight:400;color:var(--pen);text-wrap:balance}.admin h1{margin:0 0 12px;font-size:23px;line-height:1.1}.admin h2{margin:28px 0 6px;font-size:21px}.admin h3{margin:20px 0 4px;font-size:18px}nav.tools .tools-in{flex-wrap:wrap;justify-content:flex-start;row-gap:8px}.nav-group{flex:none;display:flex;flex-direction:column;align-items:flex-start}.nav-links{display:flex;gap:4px}.nav-label{padding:0 6px 2px;font-family:var(--f-hand),cursive;font-size:13px;color:rgba(255,255,255,.7)}.nav-settings{display:flex;align-items:flex-end;gap:4px}.nav-settings>summary{list-style:none;cursor:pointer}.nav-settings>summary::-webkit-details-marker{display:none}.nav-end{margin-left:auto;padding-bottom:8px;white-space:nowrap}@media (max-width:700px){nav.tools .tools-in{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px}nav.tools .tools-in::-webkit-scrollbar{display:none}.nav-settings{flex:none}.nav-end{padding-left:8px}}.pencil{color:var(--ink-2)}.pencil.sm{font-size:13px}p.pencil.sm{margin:4px 0 0}.grow{flex:1 1 14rem;min-width:0}.admin code,.grow{overflow-wrap:anywhere}.admin .memo p,.admin .notice p{margin:0}.secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.choice{display:flex;align-items:center;gap:8px;min-height:var(--line);border-bottom:1px solid var(--rule)}.choice.locked{color:var(--ink-2)}.usage{font-size:13px;row-gap:4px}.meter{flex-basis:100%;height:6px;border:1px solid var(--rule-strong)}.meter>span{display:block;height:100%;background:var(--ink)}.fold{margin-top:16px}.cover.solo,.cover:has(+main form.login){padding-bottom:14px}.login{max-width:360px}.fold>summary{font-family:var(--f-hand),cursive;font-size:14px;color:var(--ink-2);cursor:pointer}.container{max-width:780px;margin:0 auto;padding:24px 20px}.prose{max-width:68ch;margin-inline:auto;font-size:16px;line-height:1.6}.prose>:first-child{margin-top:0}.prose h1,.prose h2{font-family:var(--f-hand),cursive;font-weight:400;color:var(--pen)}.prose h1{font-size:23px;line-height:1.15;margin:36px 0 12px}.prose h2{font-size:21px;line-height:1.2;margin:32px 0 10px}.prose h3{font-size:18px;font-weight:600;line-height:1.4;margin:24px 0 8px}.prose ol,.prose p,.prose pre,.prose table,.prose ul{margin:0 0 16px}.prose ol,.prose ul{padding-left:22px}.prose li+li{margin-top:4px}.prose li::marker{color:var(--ink-2)}.prose a{text-decoration:underline}.prose strong{font-weight:600}.prose blockquote{margin:20px 0;padding:2px 0 2px 16px;border-left:2px solid var(--margin);color:var(--ink-2)}.prose blockquote>:last-child{margin-bottom:0}.prose hr{border:none;border-top:1px solid var(--rule-strong);margin:32px 0}.prose img{display:block;max-width:100%;height:auto}.prose table{width:100%;border-collapse:collapse;font-size:14px}.prose td,.prose th{border-bottom:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top}.prose thead th{font-family:var(--f-hand),cursive;font-weight:400;font-size:15px;color:var(--ink-2);border-bottom-color:var(--rule-strong)}.prose :not(pre)>code{background:var(--pen-tint);padding:1px 5px;border-radius:2px;font-size:.9em}.prose pre code{background:none;padding:0;font-size:13px}@media (max-width:700px){:root{--margin-w:30px}.cover{padding:10px 12px 0}.cover-label{font-size:21px;padding:8px 14px 5px}.tools-in{padding:10px 12px 0}.tab{padding:6px 12px 8px}.admin,.sheet{padding:14px 12px 40px}.sheet-head h2{font-size:18px}}@media (pointer:coarse){:root{--line:46px}.tab{min-height:40px}.btn,.pen{min-height:36px}.ink-btn{width:36px;height:36px}.tick{width:30px;height:30px}.pen-input,:where(input:not([type=checkbox]):not([type=radio]):not([type=file])),select{font-size:16px;min-height:36px}textarea{font-size:16px}input[type=checkbox],input[type=radio]{width:22px;height:22px}}