:root{--paper: #E8EDE2;--rule: #AEC5B1;--ink: #27362A;--faint: #586B5C;--red: #8E2B22;--pen: #23407C}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--paper);font-family:Zilla Slab,Georgia,serif;color:var(--ink)}#app{min-height:100%;display:flex;flex-direction:column;padding:calc(26px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(22px + env(safe-area-inset-left));background:repeating-linear-gradient(var(--paper) 0 25px,var(--rule) 25px 26px);position:relative;max-width:420px;margin:0 auto}#app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}#app:after{content:"";position:absolute;top:0;bottom:0;right:64px;width:1px;z-index:0;background:var(--red);opacity:.38}#app>*{position:relative;z-index:1}.brand{display:flex;justify-content:space-between;align-items:baseline;font-size:14.5px;font-weight:600;height:26px}.brand span{color:var(--faint);font-weight:400;font-size:12.5px}.tally{margin-top:26px}.tally .line{height:26px;display:flex;align-items:center;justify-content:space-between}.tally .line svg{display:block;margin-left:2px;overflow:visible}.tally b{font-family:Caveat,cursive;font-weight:600;font-size:21px;color:var(--red);opacity:.78}.tally .line.tip b{opacity:1;font-size:25px}.since{height:26px;font-size:12.5px;color:var(--faint);display:flex;align-items:center}.mark{margin-top:26px}.mark p{margin:0;font-size:14.5px;line-height:26px;max-width:236px;color:var(--ink);opacity:.74}.mark p:before{content:"[ "}.mark p:after{content:" ]"}.quote{margin-top:26px}.quote q{display:block;quotes:none;color:var(--pen);font-style:italic;font-weight:400;font-size:19.5px;line-height:26px;max-width:210px;letter-spacing:-.005em}.quote cite{display:block;font-style:normal;text-align:right;font-size:12.5px;line-height:26px;color:var(--pen);opacity:.62}.quote summary{list-style:none;cursor:pointer}.quote summary::-webkit-details-marker{display:none}.provenance{margin:0;font-size:12.5px;line-height:26px;max-width:236px;color:var(--pen);opacity:.72;font-style:italic}.provenance:before{content:"— ";font-style:normal}.just-marked .tally .tip path:last-child{stroke-dasharray:1 2;animation:draw .45s cubic-bezier(.23,1,.32,1) .15s both}@keyframes draw{0%{stroke-dashoffset:1;opacity:0}15%{opacity:1}to{stroke-dashoffset:0}}.just-marked .done{animation:settle .3s ease-out .5s both}@keyframes settle{0%{opacity:0}}.sep{position:relative;height:26px;margin-top:26px}.sep svg{position:absolute;left:0;bottom:-3px;overflow:visible}.sep+.quote{margin-top:0}.quote.why{display:block;width:100%;padding:0;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer}.quote.why q,.quote.why cite{color:var(--red)}.plan{display:block;margin-top:26px;padding:0;border:0;background:none;font-family:inherit;font-size:12.5px;line-height:26px;color:var(--faint);font-style:italic;text-align:left;cursor:pointer}.plan+.btn{margin-top:0}.note-question{margin:0;font-size:14.5px;line-height:26px;color:var(--ink);opacity:.74;font-style:italic;max-width:calc(100% - 42px)}.setup-label{display:flex;align-items:center;height:26px;margin-top:26px;font-size:12.5px;color:var(--faint)}.setup-label+.setup-input+.setup-label{margin-top:0}.setup-input{display:block;width:calc(100% - 42px);height:26px;margin:0;padding:0;border:0;outline:none;background:none;-webkit-appearance:none;font-family:inherit;font-size:14.5px;line-height:26px;color:var(--ink)}.setup-input::placeholder{color:var(--faint);opacity:.6;font-style:italic}.year{margin-top:26px}.month{display:flex;align-items:center;gap:6px;height:26px}.month span{flex:none;width:28px;font-size:12.5px;color:var(--faint)}.month svg{flex:1;height:14px;overflow:visible}.month path{vector-effect:non-scaling-stroke}.rows{font-size:14.5px}.rows div{display:flex;justify-content:space-between;align-items:baseline;height:26px}.rows div span:last-child{font-family:Caveat,cursive;font-weight:600;font-size:20px;color:var(--red)}.spacer{flex:1}.btn{margin-top:26px;width:100%;border:0;background:none;font-family:inherit;color:var(--red);font-size:16.5px;font-weight:600;text-align:left;border-top:1px solid var(--red);padding:12px 0 0;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn:active{opacity:.62}.done{margin-top:26px;border-top:1px solid var(--rule);padding:12px 0 0;font-size:13px;color:var(--faint)}.note{margin-top:26px}.note-status{height:26px;display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--faint)}.note-time{margin-left:auto;font-family:Caveat,cursive;font-weight:600;font-size:20px;color:var(--red);font-variant-numeric:tabular-nums}.rec-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--red);animation:breathe 1.8s ease-in-out infinite}.rec-dot.is-settled{animation:none;opacity:.3}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}.note-live,.note-saved,.note-write{max-width:calc(100% - 42px)}.note-live,.note-saved{margin:0;font-size:14.5px;line-height:26px;color:var(--ink)}.note-live{min-height:52px;opacity:.82}.note-live.is-settling{opacity:.45;transition:opacity .2s cubic-bezier(.23,1,.32,1)}.note-prompt{color:var(--faint);font-style:italic}.note-field{position:relative}.note-field:before{content:"";position:absolute;left:-11px;top:0;bottom:0;width:1px;background:var(--red);opacity:0;transition:opacity .15s cubic-bezier(.23,1,.32,1)}.note-field:focus-within:before{opacity:.45}.note-write{display:block;width:100%;margin:0;padding:0;border:0;outline:none;resize:none;background:none;font-family:inherit;font-size:14.5px;line-height:26px;color:var(--ink);min-height:78px;field-sizing:content;-webkit-appearance:none}.note-problem{margin:0;height:26px;font-size:12.5px;line-height:26px;color:var(--red)}.note-minors{display:flex;gap:22px}.note-minor{height:52px;padding:26px 0 0;margin:0;border:0;background:none;font-family:inherit;font-size:12.5px;line-height:26px;color:var(--faint);text-decoration:underline;text-align:left;cursor:pointer}.note-minor:hover{color:var(--ink)}.waiting p{color:var(--faint);animation:fade 1.8s ease-in-out infinite}@keyframes fade{0%,to{opacity:.74}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.rec-dot,.waiting p,.just-marked .done{animation:none}.just-marked .tally .tip path:last-child{animation:none;stroke-dasharray:none}.note-live.is-settling,.note-field:before{transition:none}}.backup{margin-top:14px;font-size:12.5px;color:var(--faint);background:none;border:0;font-family:inherit;text-decoration:underline;cursor:pointer;padding:0;text-align:left}.board{margin-top:26px;width:260px;height:260px}.board svg{display:block;width:260px;height:260px;overflow:visible}.board.locked{pointer-events:none}.hit{stroke:transparent;stroke-width:24;cursor:pointer;pointer-events:stroke}.hit:hover{stroke:#8e2b2224}.dot{fill:var(--ink);opacity:.8}.stroke{fill:none;stroke-width:2.6;stroke-linecap:round}.stroke.you{stroke:var(--red)}.stroke.them{stroke:var(--pen)}.stroke.fresh{stroke-dasharray:1 2;animation:draw .32s cubic-bezier(.23,1,.32,1) both}.tint.you{fill:var(--red);opacity:.07}.tint.them{fill:var(--pen);opacity:.07}.claim{font-family:Caveat,cursive;font-weight:600;font-size:40px;text-anchor:middle;dominant-baseline:central}.claim.you{fill:var(--red)}.claim.them{fill:var(--pen)}.claim.settle{animation:settle .3s ease-out .2s both}.rows .theirs span:last-child{color:var(--pen)}.rows .theirs span:first-child{color:var(--faint)}@media (prefers-reduced-motion: reduce){.stroke.fresh,.claim.settle{animation:none;stroke-dasharray:none}}.about{text-align:center;padding:0 1.5rem}.about p{margin:0 0 1rem;line-height:1.5}