:root{--blue:#5f6ea4;--gray:#9a9a9a;--snap:200ms cubic-bezier(0.95,0.05,0.795,0.035);--times:"Times New Roman",Times,"Liberation Serif",serif;--comic:"Comic Sans MS","Comic Sans","Chalkboard SE","Comic Neue",cursive}*{box-sizing:border-box}body,html{margin:0;height:100%;background:#fff;color:#000;font-family:var(--times);overflow:hidden}img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.root{height:100dvh;display:flex;flex-direction:column;padding:8px 14px 10px;--split:0.5}.top{position:relative;flex:none;height:66px;overflow:hidden;transition:height var(--snap),opacity var(--snap)}.root.fs .top{height:0;opacity:0}.claim,.you{position:absolute;transform:translateX(-50%);opacity:0;transition:opacity .28s ease}.claim.left,.you.left{left:25%}.claim.right,.you.right{left:75%}.you{top:17px;height:48px;width:calc(48px * 555 / 432);background-color:hsl(228 27% 51%);-webkit-mask:url(/assets/you.png) center/contain no-repeat;mask:url(/assets/you.png) center/contain no-repeat;animation:rainbow 9s linear infinite}.you.show{opacity:1}@keyframes rainbow{0%{background-color:hsl(228 27% 51%)}8.33%{background-color:hsl(258 27% 51%)}16.67%{background-color:hsl(288 27% 51%)}25%{background-color:hsl(318 27% 51%)}33.33%{background-color:hsl(348 27% 51%)}41.67%{background-color:hsl(18 27% 51%)}50%{background-color:hsl(48 27% 51%)}58.33%{background-color:hsl(78 27% 51%)}66.67%{background-color:hsl(108 27% 51%)}75%{background-color:hsl(138 27% 51%)}83.33%{background-color:hsl(168 27% 51%)}91.67%{background-color:hsl(198 27% 51%)}to{background-color:hsl(228 27% 51%)}}.claim{top:23px;height:27px;padding:0;border:0;background:none;cursor:pointer;pointer-events:none}.claim.show{opacity:1;pointer-events:auto}.claim img{display:block;height:100%;opacity:.4;transition:opacity .15s ease}.claim:hover img{opacity:1}.box{position:relative;flex:1 1 auto;min-height:0;--stroke:30px;--inset:44px;--pad:18px;--barx:calc((var(--inset) - var(--stroke) / 2) + var(--split) * (100% - 2 * var(--inset) + var(--stroke)))}.squircle-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.panel{position:absolute;top:calc(var(--inset) + var(--pad));bottom:calc(var(--inset) + var(--pad));overflow:hidden}.panel.left{left:calc(var(--inset) + var(--pad));width:max(0px,calc(var(--barx) - var(--stroke) / 2 - var(--inset) - 2 * var(--pad)))}.panel.right{left:calc(var(--barx) + var(--stroke) / 2 + var(--pad));width:max(0px,calc(100% - var(--inset) - var(--barx) - var(--stroke) / 2 - 2 * var(--pad)))}.panel.collapsed{visibility:hidden}.arrow{position:absolute;top:0;right:0;z-index:2;width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer;transition:transform var(--snap)}.arrow img{display:block;width:100%;height:100%}.arrow.flipped{transform:rotate(180deg)}.arrow:active{transform:scale(.85)}.arrow.flipped:active{transform:rotate(180deg) scale(.85)}.notes{position:absolute;inset:0;margin:0;padding:1px 44px 8px 2px;overflow:auto;font-family:var(--times);font-size:var(--note-size,18px);line-height:1.3;color:#000;background:transparent;overscroll-behavior:contain}textarea.notes{display:block;width:100%;height:100%;border:0;outline:0;resize:none;white-space:pre-wrap}textarea.notes::placeholder{color:var(--gray);opacity:1}.notes.clickable{cursor:text}.notes .ph{color:var(--gray);white-space:pre-wrap;margin:0}.editor{cursor:text}.block>:first-child{margin-top:0}.block>:last-child{margin-bottom:0}.block-gap{display:block}textarea.block-edit{display:block;width:100%;margin:0;padding:0;border:0;outline:0;resize:none;overflow:hidden;background:transparent;color:inherit;font:inherit;line-height:inherit;white-space:pre-wrap}textarea.raw-edit{display:block;width:100%;height:100%}.rendered>:first-child{margin-top:0}.rendered p{margin:0 0 .55em}.rendered h1,.rendered h2,.rendered h3,.rendered h4,.rendered h5,.rendered h6{margin:.6em 0 .3em;line-height:1.15;font-weight:700}.rendered h1{font-size:1.7em}.rendered h2{font-size:1.4em}.rendered h3{font-size:1.2em}.rendered h4,.rendered h5,.rendered h6{font-size:1em}.rendered ol,.rendered ul{margin:0 0 .55em;padding-left:1.4em}.rendered li{margin:.1em 0}.rendered blockquote{margin:.4em 0;padding-left:.8em;border-left:3px solid #000;color:#333}.rendered code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85em;background:#f2f2f2;padding:0 .25em}.rendered pre{background:#f2f2f2;padding:.6em .8em;overflow:auto;margin:0 0 .6em}.rendered pre code{background:none;padding:0}.rendered hr{border:0;border-top:3px solid #000;margin:.8em 0}.rendered a{color:var(--blue);cursor:pointer}.rendered img{max-width:100%}.rendered table{border-collapse:collapse;margin:0 0 .6em}.rendered td,.rendered th{border:1px solid #000;padding:.15em .5em}.rendered input[type=checkbox]{margin-right:.4em}.bottom{flex:none;height:176px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;overflow:hidden;transition:height var(--snap),opacity var(--snap)}.root.fs .bottom{height:0;opacity:0}.title-wrap{height:54px;flex:none;display:flex;align-items:flex-end;justify-content:center}.title{flex:none}.idrow{gap:80px}.idpair,.idrow{display:flex;align-items:center}.idpair{gap:10px}.idlabel{height:38px;display:block}.linkbtn{padding:0;border:0;background:none;cursor:pointer}.linkbtn:active{transform:scale(.94)}.idbox{position:relative;display:inline-block;width:164px;height:49px;background:url(/assets/id-box.png) 50%/100% 100% no-repeat}.idinput{position:absolute;inset:8px 12px 8px 12px;width:calc(100% - 24px);border:0;outline:0;background:transparent;text-align:center;font-family:var(--times);font-size:24px;color:#000}.reset{padding:0;border:0;background:none;cursor:pointer;transition:transform var(--snap)}.reset img{height:40px;display:block}.reset:active{transform:rotate(-40deg) scale(.9)}@media (max-width:860px){.bottom{height:230px}.idrow{flex-direction:column;gap:4px}}.corner{position:fixed;bottom:14px;z-index:5;padding:0;border:0;background:none;cursor:pointer;transition:opacity var(--snap)}.root.fs .corner{opacity:0;pointer-events:none}.corner img{display:block}.download{left:18px;display:flex;flex-direction:column;align-items:center;gap:2px}.download .word{height:26px}.download .icon{height:32px;opacity:.4;transition:opacity .15s ease}.download:hover .icon{opacity:1}.sig{right:18px}.sig img{height:46px;opacity:.4;transition:opacity .15s ease}.sig:hover img{opacity:1}@media (max-width:860px){.corner{display:none}}.status{min-height:22px;max-height:40px;padding:0 24px;text-align:center;line-height:1.25;font-family:var(--comic);font-size:15px;color:var(--gray);opacity:0;transition:opacity var(--snap)}.status.show{opacity:1}.top .claim-a-side{position:absolute;left:50%;top:24px;transform:translateX(-50%);opacity:0;transition:opacity .28s ease}.top .claim-a-side.show{opacity:.45}.jiggle{position:relative;display:block}.jiggle img{position:absolute;display:block;animation:jiggle .7s step-end infinite}@keyframes jiggle{0%{transform:translate(0)}17%{transform:translate(1px,-1px)}34%{transform:translate(-1px)}51%{transform:translateY(1px)}68%{transform:translate(1px,1px)}85%{transform:translate(-1px,-1px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.jiggle img{animation:none}}@media (max-width:700px){.root{padding:6px 8px 8px}.top{height:48px}.claim.left,.you.left{left:14%}.claim.right,.you.right{left:86%}.you{top:10px;height:36px;width:calc(36px * 555 / 432)}.claim{top:22px;height:20px}.top .claim-a-side{top:20px;transform:translateX(-50%) scale(.7);transform-origin:top center}.arrow{width:26px;height:26px}.notes{padding-right:32px}.bottom{height:176px;gap:6px}.title-wrap{height:38px}.title{transform:scale(.7);transform-origin:bottom center}.idlabel,.linkbtn img{height:30px}.idbox{width:140px;height:42px}.idinput{font-size:20px;inset:6px 10px;width:calc(100% - 20px)}.reset img{height:32px}.status{font-size:13px}}@media (max-height:520px){.top{height:40px}.you{top:6px;height:30px;width:calc(30px * 555 / 432)}.claim{top:16px;height:18px}.top .claim-a-side{top:16px;transform:translateX(-50%) scale(.62);transform-origin:top center}.title-wrap{display:none}.bottom{height:88px;gap:4px}.idrow{flex-direction:row;gap:28px}.idbox{width:130px;height:40px}.idinput{font-size:19px;inset:6px 10px;width:calc(100% - 20px)}.idlabel,.linkbtn img{height:28px}.reset img{height:30px}.corner{display:none}}