aside img,aside span{position:absolute;width:4em}aside,dialog,form{position:fixed}article.notebook .pen.em,article.notebook .pen.em.p{text-decoration-color:#f8c5}*,::after,::before{margin:0;padding:0;box-sizing:border-box;line-height:160%;font-style:normal;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:auto;font-family:inherit;font-size:100%}html{touch-action:manipulation;height:-webkit-fill-available;background-color:var(--background);color:var(--font)}body{font-family:"SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;min-height:100vh;min-height:-webkit-fill-available;width:100%}a{cursor:pointer;text-decoration:underline;color:#17e}button,input{cursor:pointer;font-size:100%;appearance:none;display:block}button[type=submit]{padding:.5em 2em;border:2px solid #17e;border-radius:.25em;background-color:#17e;color:#eee}button[type=button],button[type=reset]{padding:.5em 2em;border:2px solid #17e;border-radius:.25em;background-color:transparent;color:#17e}input[type=search],input[type=text]{padding:.5em;border:1px solid #888;border-radius:.25em;background-color:transparent;width:100%;flex:1}input[type=number]{padding:.5em;border:1px solid #888;border-radius:.25em;background-color:transparent;width:100%;flex:1;text-align:right}aside>div:first-child,form>div:first-child{display:flex;flex-direction:column;width:100%;-webkit-overflow-scrolling:touch;gap:1em;overflow-y:scroll}[hidden]{display:none!important}progress.circle{appearance:none;position:relative;margin:0 auto;height:1em;width:1em;border:.2em solid #17e;border-color:#17e #ddd #ddd;border-radius:50%;animation:1s linear infinite circle}progress.circle::-webkit-progress-bar{background-color:transparent}progress.circle::-webkit-progress-value{background-color:transparent}.canvas nav.settings,dialog>div:first-child,form>div:first-child,header.contents+nav{background-color:var(--background)}@keyframes circle{to{transform:rotate(360deg)}}html.theme0{--background:#fff;--font:#333;--border:#888}html.theme1{--background:#222;--font:#eee;--border:#888}@keyframes hide{0%,1%{opacity:1;display:block}100%{opacity:0;display:none}}@keyframes show{0%{opacity:0;display:none}1%{opacity:0;display:block}100%{opacity:1;display:block}}aside.hide,form.hide{display:none;-webkit-animation:1s forwards hide}aside.show,form.show{display:block;-webkit-animation:1s forwards show}aside{top:0;height:100%;width:100%}aside>div:first-child{align-items:stretch;height:100%}aside img{inset:0;height:4em;margin:auto}aside span{top:80%;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;align-items:center;gap:0;justify-content:space-between}aside span div{width:.8em;height:.8em;background-color:#888;border:1px solid #888;border-radius:50%;animation:1s infinite aside}aside span div:nth-child(2){animation-delay:.1s}aside span div:nth-child(3){animation-delay:.2s}@keyframes aside{0%{transform:scale(.1)}100%{transform:scale(1)}}form{inset:0;height:100%;width:100%}form>div:first-child{align-items:stretch;height:100%;color:var(--font)}dialog.show{-webkit-animation:1s forwards show;display:block}dialog{inset:0;height:100%;width:100%;padding:1em;background-color:rgba(0,0,0,.8);border:none;overflow-y:scroll;-webkit-overflow-scrolling:touch}dialog>div:first-child{position:relative;height:auto;width:min(100%,40em);margin:auto;border:2px solid #888;border-radius:.25em;color:var(--font)}header.surface,section.contents{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:1em;padding:1em;padding-left:calc(env(safe-area-inset-left) + 1em);padding-right:calc(env(safe-area-inset-right) + 1em)}footer.contents,header.contents{padding-left:calc(env(safe-area-inset-left));padding-right:calc(env(safe-area-inset-right))}header.surface h1{display:inline-block;width:auto;margin:4em auto;padding:1.2em 1.4em;border:3px solid #888;border-radius:9999px;font-size:180%}header.surface div{font-size:100%;display:flex;flex-direction:column;align-items:stretch;gap:0}header.surface span{font-size:70%;display:flex;flex-direction:column;align-items:stretch;gap:0}header.surface nav{position:absolute;right:1em;width:auto;display:flex;flex-direction:row;align-items:center;gap:1em;font-size:75%}header.surface nav .theme0{cursor:pointer;display:inline-block;position:relative;height:1.4em;width:1.4em;border:2px solid #888;border-radius:50%;box-shadow:-.9em 0 0 -.6em,.9em 0 0 -.6em,0 -.9em 0 -.6em,0 .9em 0 -.6em,.7em .7em 0 -.6em,-.7em -.7em 0 -.6em,.7em -.7em 0 -.6em,-.7em .7em 0 -.6em}header.surface nav .theme1{cursor:pointer;display:inline-block;position:relative;height:1.7em;width:1.7em;overflow:hidden;border:2px solid #888;border-radius:50%}header.surface nav .theme1::before{content:'';position:absolute;top:-10%;left:25%;height:95%;width:95%;border-radius:50%;box-shadow:0 0 0 1em}header.contents{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #888}header.contents h1,section.contents h1{display:block;font-size:160%;line-height:1em}header.contents h2,section.contents h2{display:block;font-size:140%;line-height:1em}header.contents h3,section.contents h3{display:block;font-size:120%;line-height:1em}header.contents h4,section.contents h4{display:block;font-size:110%;line-height:1em}header.contents>div{padding:1.5em}header.contents+nav{margin-top:-1em;position:sticky;top:0;z-index:9999;width:100%;padding:.5em 1em;border-bottom:1px solid #888}header.contents+nav ul{font-size:80%;list-style-type:none;display:flex;flex-direction:row;align-items:stretch;gap:.5em 1em;flex-wrap:wrap}header.contents+nav li{display:flex;flex-direction:row;align-items:center;line-height:normal}footer.contents,section.comments{flex-direction:column;position:relative}header.contents+nav a{display:inline-flex;vertical-align:middle;line-height:normal}footer.contents{display:flex;align-items:stretch;gap:1em}footer.contents small{display:block;font-size:60%}footer.contents>:last-child{border-top:1px solid #888}footer.contents>div{padding:1em}footer.contents>nav{display:flex;flex-direction:row;align-items:stretch;gap:1em;justify-content:flex-end;padding:1em}section.comments{display:flex;align-items:stretch;gap:.5em;padding:1em;padding-left:calc(env(safe-area-inset-left) + 1em);padding-right:calc(env(safe-area-inset-right) + 1em);font-size:75%}section.comments dl{display:flex;flex-direction:column;align-items:stretch;gap:.5em}article.notebook{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3em;padding:1em;padding-left:calc(env(safe-area-inset-left) + 1em);padding-right:calc(env(safe-area-inset-right) + 1em)}article.notebook h1{display:block;font-size:160%}article.notebook h2{display:block;font-size:140%}article.notebook h3{display:block;font-size:120%}article.notebook h4{display:block;font-size:110%}article.notebook section{display:flex;flex-direction:column;gap:2em;align-items:stretch}.control.rows,article.notebook .rows{display:flex;flex-direction:row;gap:1em;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.control.cols,article.notebook .cols{display:flex;flex-direction:column;gap:1em;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}article.notebook ul.none{display:flex;flex-direction:column;gap:.5em;align-items:stretch;list-style-type:none}article.notebook ul.none>li{display:flex;flex-direction:row;gap:.5em;align-items:stretch}article.notebook dl.disc,article.notebook dl.none{display:flex;flex-direction:column;gap:.5em;align-items:stretch}article.notebook dl.disc>dt{display:flex;flex-direction:row;gap:.5em;align-items:flex-start;margin-left:1em}article.notebook dl.disc>dt::before{content:'\2022';margin-left:-1em}article.notebook dl.disc>dd,article.notebook dl.none>dd{display:flex;flex-direction:column;gap:.5em;align-items:stretch;margin-left:1em}article.notebook dl.none>dt{display:flex;flex-direction:row;gap:.5em;align-items:flex-start}.control.cards,.control.memo{flex-direction:column;display:flex}article.notebook .pen.eg{font-size:90%;border:1px solid #888;border-radius:.2em;padding:.5em}article.notebook .pen.eq{font-size:110%;font-weight:700}.control.memo,article.notebook .pen.ex{font-size:75%}article.notebook .pen.em{text-decoration:underline;text-decoration-thickness:.5em;text-underline-offset:-.4em;text-decoration-skip-ink:none}article.notebook .pen.em.b{text-decoration-color:#8cf5}article.notebook .pen.em.g{text-decoration-color:#8f85}article.notebook .pen.em.y{text-decoration-color:#ff85}article.notebook .pen.ei{padding-left:1em}.control.memo{gap:0;align-items:stretch}.control.cards{list-style-type:none;align-items:stretch;gap:1em}.control.cards>li{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.2em;padding:.5em;border:1px solid #888;border-radius:.25em;box-shadow:0 .1em .2em 0 #888}.control.cards>li a{font-size:100%}.control.cards>li div{font-size:90%}.control.cards>li span{font-size:70%}.control.cards .rows{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;column-gap:1.5em}.control.cards .cols{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.canvas canvas{position:fixed;top:0;left:0;height:100%;width:100%;touch-action:none}.canvas nav.controls{position:absolute;top:0;padding:.25rem}.canvas nav.controls .quit{position:relative;display:block;padding:.2rem;height:2rem;width:2rem;border:2px solid #17e;border-radius:.25rem}.canvas nav.controls .quit::after,.canvas nav.controls .quit::before{content:'';position:absolute;top:calc(50% - 2px);left:calc(50% - 35%);height:4px;width:70%;background-color:#17e}.canvas nav.controls .quit::before{transform:rotate(-45deg)}.canvas nav.controls .quit::after{transform:rotate(45deg)}.canvas nav.settings{position:absolute;bottom:0;width:100%;border:1px solid #888;border-bottom:0;border-radius:1em 1em 0 0;transform:translateY(calc(100% - 2em));transition:transform .2s;max-height:75%;display:flex;flex-direction:column}.canvas nav.settings.show{transform:translateY(0)}.canvas nav.settings .head .flip{border:0;width:100%;padding:.25em}.canvas nav.settings .head .done{border:0;position:absolute;top:0;right:0;padding:.25em 1em}.canvas nav.settings .head .hide{display:none}.canvas nav.settings .body{padding:1em;overflow-y:scroll;display:flex;flex-direction:column;gap:1em}