*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;color:rgba(0,0,0,.8);text-align:left;font-family:Arial,sans-serif;width:100%;height:100%}body{width:100%;height:100%}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}ul,ol{list-style:none}hr{border:none}#modal-container{position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:row;opacity:0;pointer-events:none;transition:opacity 200ms ease;justify-content:center;z-index:100;overflow-y:auto}#modal-container.open{opacity:1;pointer-events:auto}#modal-container .modal{z-index:100;margin:auto;display:none}#modal-container .modal.open{display:block}.page-container{position:relative;font-family:var(--page-font-family, serif),serif;line-height:1.6;color:var(--page-color);background-color:var(--page-bg-color);width:100dvw;height:100dvh;min-height:0;display:flex;align-items:center;flex-direction:row}@media(min-width: 1024px){.page-container{gap:1em;width:100%;height:100%}}.page-container::before,.page-container::after{content:"";position:absolute;top:0;bottom:0;width:1em;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}@media(min-width: 1024px){.page-container::before,.page-container::after{display:none}}.page-container::before{left:0;background:linear-gradient(to right, rgb(var(--page-glow-color)/0.5) 0, rgb(var(--page-glow-color)/0) 1em)}.page-container::after{right:0;background:linear-gradient(to left, rgb(var(--page-glow-color)/0.5) 0, rgb(var(--page-glow-color)/0) 1em)}.page-container.bounce-start::before,.page-container.bounce-end::after{opacity:1}.page-container .previous-page,.page-container .next-page{display:none;transition:opacity 300ms ease-in-out;user-select:none}@media(min-width: 1024px){.page-container .previous-page,.page-container .next-page{cursor:pointer;display:flex;align-self:stretch;min-width:100px;align-items:center;flex-grow:1}}.page-container .previous-page[inert],.page-container .next-page[inert]{opacity:0}.page-container .previous-page{justify-content:flex-end}.page-container .next-page{justify-content:flex-start}.page-container .page{font-size:var(--page-font-size);position:relative;column-width:100dvw;column-gap:0;overflow:hidden;width:calc(100% - 2em);height:calc(100% - 2em);margin:0 auto;user-select:none}@media(min-width: 1024px){.page-container .page{max-width:800px;user-select:auto}}.page-container .page h2,.page-container .page h3,.page-container .page .sp{break-after:avoid}.page-container .page h2,.page-container .page h3,.page-container .page .stage,.page-container .page .sp,.page-container .page .l,.page-container .page .aside{transition:color 500ms ease-in-out,background-color 500ms ease-in-out}.page-container .page .blink{color:var(--page-bg-color);background-color:var(--page-color)}.page-container .page h2,.page-container .page h3,.page-container .page .stage,.page-container .page .sp,.page-container .page .speakers,.page-container .page .l,.page-container .page .v,.page-container .page .aside{text-align:center;text-indent:0}.page-container .page .stage,.page-container .page .sp,.page-container .page .speakers,.page-container .page .l,.page-container .page .v,.page-container .page .aside{line-height:1.4}.page-container .page h2,.page-container .page h3,.page-container .page .stage,.page-container .page .sp{font-weight:bold}.page-container .page .stage,.page-container .page .aside{font-style:italic}.page-container .page .sp,.page-container .page .stage,.page-container .page .speakers{margin-top:1em}.page-container .page h1{line-height:1.1;font-size:2em;text-align:left;margin-top:3em;margin-bottom:1em}.page-container .page h2{line-height:1.2;font-size:2em;margin-top:2em;margin-bottom:1em}.page-container .page h3{line-height:1.3;font-size:1.5em;margin-top:2em}.page-container .page .sp{text-transform:uppercase}.page-container .page p{margin:0;overflow-wrap:break-word;word-wrap:break-word}.page-container .page strong{font-weight:bold}.page-container .page em{font-style:italic}.page-container .page p+p{text-indent:1em}.page-container .page p.text-align-center{text-align:center;text-indent:0}.btn{font-family:inherit;font-size:inherit;cursor:pointer;color:var(--btn-text-color, black);background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);border:none}.btn:disabled{color:var(--btn-text-disabled-color, gray);cursor:not-allowed}.btn.is-active:not(:disabled),.btn:active:not(:disabled){color:var(--btn-text-active-color, white);background-color:var(--btn-bg-active-color, black)}@media(hover: hover)and (pointer: fine){.btn.is-hover:not(:disabled):not(:active),.btn:hover:not(:disabled):not(:active){background-color:var(--btn-bg-hover-color, lightgray)}}.btn:focus-visible,.btn.is-focus-visible{outline:3px dashed var(--btn-outline-color, blue)}.btn:focus:not(:focus-visible){outline:none}.btn.btn-icon{display:flex;justify-content:center;align-items:center;border-radius:100%;width:3em;height:3em;min-width:3em;min-height:3em;padding:.75em}.btn.btn-icon svg{width:100%;height:100%}.btn.btn-text{text-align:center;border-radius:.25em;padding:.5em 1em;text-decoration:none;display:flex;align-items:center;gap:1em}.btn.btn-text svg{height:1em}.btn.btn-text:hover{text-decoration:none}.btn.btn-filled,.btn.btn-border{border:1px solid var(--btn-border-color, black)}.btn.btn-filled:disabled,.btn.btn-border:disabled{opacity:.5;border-color:var(--btn-border-color-disabled, gray)}.btn.btn-filled{background-color:var(--btn-bg-color, white)}.btn.btn-multi{display:block;overflow:hidden}.btn.btn-multi .multi-icons{transition:transform 300ms ease-in-out}.btn.btn-multi .multi-icons svg{margin-bottom:.5em}.btn.btn-multi.checked .multi-icons{transform:translateY(-50%)}.navigation-header,.navigation-footer{transform:translateY(0);transition:transform 300ms ease-in-out;position:fixed;left:0;width:100%;z-index:10}@media(min-width: 1024px){.navigation-header,.navigation-footer{position:static}}.navigation-header{top:0}.navigation-header.hide{transform:translateY(-100%)}@media(min-width: 1024px){.navigation-header.hide{transform:none}}.navigation-footer{bottom:0}.navigation-footer.hide{transform:translateY(100%)}@media(min-width: 1024px){.navigation-footer.hide{transform:none}}.modal .modal-header{display:flex;justify-content:flex-end;align-items:center;border-bottom:2px solid var(--fg-color);font-size:1.3em}.modal .modal-body{padding-top:1em}.modal .close-modal{font-size:.8em}html,body{overscroll-behavior:none;touch-action:none}@view-transition{navigation:auto}::view-transition-old(root){animation:shrink-out 300ms ease-in forwards;transform-origin:center center}::view-transition-new(root){animation:none}@keyframes shrink-out{to{opacity:0;transform:scale(0.2)}}.root{--fg-color: rgb(48, 48, 48);--fg-disabled-color: rgb(210, 210, 210);--hud-color: rgb(240, 240, 240);--bg-color: white;--font-size: 18px;--page-font-family: "Literata", serif;--page-font-size: 18px;--page-color: var(--fg-color);--page-bg-color: var(--bg-color);--page-glow-color: 75 75 75;--btn-text-color: var(--fg-color);--btn-text-disabled-color: var(--fg-disabled-color);--btn-text-active-color: var(--bg-color);--btn-bg-color: var(--bg-color);--btn-bg-active-color: var(--fg-color);--btn-bg-hover-color: var(--fg-disabled-color);--btn-border-color: var(--fg-color);--btn-border-disabled-color: var(--fg-disabled-color);--btn-outline-color: var(--fg-color);font-size:var(--font-size);font-family:var(--page-font-family),serif;color:var(--fg-color);display:flex;flex-direction:column;width:100dvw;height:100dvh}.root.dark{--fg-color: white;--bg-color: rgb(38, 38, 38);--hud-color: rgb(45, 45, 45);--fg-disabled-color: rgb(107, 107, 107)}.navigation-footer,.navigation-header{font-size:1em;padding:1em .5em;background-color:var(--hud-color);display:flex;justify-content:center}.navigation-footer .navigation-container,.navigation-header .navigation-container{max-width:800px;min-width:0}@media(min-width: 1024px){.navigation-footer .navigation-container,.navigation-header .navigation-container{width:800px;min-width:800px}}.navigation-footer .navigation-container,.navigation-header .navigation-container{display:flex;flex-direction:row;align-items:center}.navigation-header .title{font-size:.9em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal}.navigation-header .navigation-container{gap:.5em;justify-content:space-around}.navigation-footer .navigation-container{justify-content:space-around;gap:.5em}.navigation-footer .font-size-buttons{display:flex;gap:.25em}.navigation-footer .read-progress{font-size:.8em}.navigation-footer .read-progress #progress{display:inline-block;text-align:right;width:3ch}#modal-container{backdrop-filter:blur(10px);padding:.5em}#modal-container .modal{padding:1em;border:2px solid var(--fg-color);border-radius:5px;background-color:var(--hud-color)}#index-modal{min-width:min(400px,99%)}#index-modal h4{font-size:1em;text-align:center}#index-modal .index-list li{font-size:1em;text-align:left;padding:.25em 0}#index-modal .index-list .h2{padding-left:1em}#index-modal .index-list .h3{padding-left:2em}#index-modal .index-list button{text-align:left}#index-modal .index-list button:focus-visible{outline:2px dashed var(--fg-color)}.modal p{text-align:center}.modal .modal-options{width:100%;padding-top:1em;display:flex;flex-direction:column}@media(min-width: 500px){.modal .modal-options{flex-direction:row}}.modal .modal-options{justify-content:center;gap:1em}.next-page-tutorial{position:fixed;right:0;top:50%;width:6em;pointer-events:none;font-size:.75em;padding:.5em;display:flex;flex-direction:column;align-items:center;gap:.5em;transition:opacity 1000ms ease-in-out}.next-page-tutorial>svg{color:var(--fg-color);opacity:.8;transform:translate(50%);width:30vw;height:30vw;animation:right-to-left 1s ease-out infinite}@media(min-width: 1024px){.next-page-tutorial{display:none}}@keyframes right-to-left{0%{transform:translateX(50%)}80%{transform:translateX(-50vw)}100%{transform:translateX(-50vw)}}@font-face{font-family:"Literata";src:url("/resources/fonts/Literata-Regular.woff2") format("woff2");font-weight:normal;font-display:swap}@font-face{font-family:"Literata";src:url("/resources/fonts/Literata-Bold.woff2") format("woff2");font-weight:bold;font-display:swap}@font-face{font-family:"Literata";src:url("/resources/fonts/Literata-BoldItalic.woff2") format("woff2");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"Literata";src:url("/resources/fonts/Literata-Italic.woff2") format("woff2");font-style:italic;font-display:swap}