:root{--size-xs:.25rem;--size-s:.5rem;--size-m:.75rem;--size-l:1rem;--size-xl:1.5rem;--size-xxl:2rem}*,:before,:after{box-sizing:border-box}html,body,header,main,footer{flex-direction:column;margin:0;font-family:system-ui,sans-serif;display:flex}body{text-align:center;align-items:center;min-height:100svh}header,main,footer{align-items:center;width:min(100%,48rem)}header,footer{height:var(--size-xxl)}header{justify-content:center;position:relative}header [data-back-link]{margin:0;position:absolute;top:0;left:0}header [data-logout-form]{margin:0;position:absolute;top:0;right:0}header [data-back-link] a,header [data-logout-form] button{color:inherit;font:inherit;padding:var(--size-m);background:0 0;border:0;line-height:1;display:block}main{height:calc(100vh - (var(--size-xxl) * 2));height:calc(100svh - (var(--size-xxl) * 2));justify-content:flex-start;align-items:center;overflow:auto}main[data-homepage],main[data-login-screen]{justify-content:center}main[data-information-list]{width:100%}[data-slide-body]{flex:auto;justify-content:center;animation:.22s slide-body-in}button{color:inherit;font:inherit;padding:var(--size-m);background:0 0;border:0}a{color:inherit;padding:var(--size-m);text-decoration:none}a[data-text-size=l]{font-size:var(--size-l)}input[data-text-size=xl]{font-size:var(--size-xl);text-align:center}input[data-input-style=underline]{padding:var(--size-s);background:0 0;border:0;border-bottom:1px solid}main nav,main section,main form{flex-direction:column;align-items:center;width:100%;display:flex}main article{text-align:center;flex-direction:column;flex:auto;justify-content:flex-start;align-self:center;align-items:center;width:100%;display:flex}main article section,main article nav{align-items:stretch;width:100%}main article section[data-information-options],main article section[data-information-post]{flex:auto}main article section[data-information-options] [data-slide-body]{justify-content:flex-start}main article [data-information-post-body]{flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch;width:100%;display:flex}main article nav ul{width:100%;margin:0;padding:0;list-style:none;display:block}main article nav ul li{border-bottom:1px solid;display:block}main article nav ul li:first-child{border-top:1px solid}main article nav ul li[data-item=information-choice]{padding:var(--size-s);width:100%}main article nav ul li[data-item=information-choice] a{padding:var(--size-s);width:100%;display:block}main article nav[data-genre-list]{text-align:left}main article nav[data-genre-list] section[data-genre-group]{width:100%}main article nav[data-genre-list] ul li[data-item=information-choice]{border-top:1px solid;border-bottom:0}main article nav[data-genre-list] h4[data-genre-group-heading]{font-size:var(--size-s);padding:var(--size-s);margin:0}main article nav[data-genre-list] ul li[data-item=information-choice] a{align-items:center;gap:var(--size-m);justify-content:space-between;display:flex}main article nav[data-genre-list] [data-genre-label]{text-align:left}main article nav[data-genre-list] [data-genre-entry-title]{text-align:right;margin-left:auto}main ul{padding-inline-start:0;list-style-position:inside}main ul[data-friend-list] h3{font-size:var(--size-l);margin:0}main ul[data-entry-history]{margin:0;padding:0;list-style:none}main article h2{font-size:var(--size-xl)}fieldset[data-layout=horizontal-options]{gap:var(--size-m);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}fieldset[data-layout=horizontal-options] legend{width:100%}fieldset[data-layout=horizontal-options] label{align-items:center;gap:var(--size-xs);display:inline-flex}main article form{gap:var(--size-l);flex-direction:column;align-items:center;display:flex}main article form label{align-items:center;gap:var(--size-xs);flex-direction:column;display:flex}main article form button{align-self:center}@keyframes slide-body-in{0%{opacity:0;transform:translateX(var(--size-l))}to{opacity:1;transform:translate(0)}}[data-profile-display-name-row],[data-profile-display-name-form]{align-items:center;gap:var(--size-s);margin-block:var(--size-m);flex-flow:wrap;justify-content:center;display:flex}[data-profile-display-name-row] p{overflow-wrap:anywhere;margin:0}[data-profile-display-name-form] label{flex-flow:wrap;justify-content:center;align-items:center}[data-profile-display-name-form] input{width:min(16rem,60vw)}[data-friend-add-qr]{margin-block:var(--size-m) var(--size-s);margin-inline:auto;display:block}[data-friend-add-copy]{margin-block-end:var(--size-m)}[data-toast-container]{bottom:calc(var(--size-xxl) + var(--size-m));inset-inline:var(--size-m);pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed}[data-toast-container] ol{gap:var(--size-s);flex-direction:column;width:min(100%,24rem);margin:0;padding:0;list-style:none;display:flex}[data-toast-container] li{border-radius:var(--size-s);box-shadow:0 var(--size-s) var(--size-xl) #00000024;color:#181818;overflow-wrap:anywhere;padding:var(--size-m);pointer-events:auto;text-align:left;background:#fffffff5;border:1px solid #2020203d}[data-toast-tone=success]{border-color:#1880407a}[data-toast-tone=error]{border-color:#b020208f}html[data-debug-labels=on] [data-debug-label]{outline-offset:-1px;outline:1px dashed #0078ffb8}[data-debug-label-overlay]{color:#fff;pointer-events:none;text-align:left;z-index:2147483647;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;line-height:1.2;position:fixed;inset:0}[data-debug-mode-toggle]{bottom:var(--size-m);right:var(--size-m);z-index:2147483647;position:fixed}[data-debug-label-badge]{text-overflow:ellipsis;white-space:nowrap;background:#000000d1;border:1px solid #ffffffb8;max-width:12rem;padding:.125rem .25rem;display:block;position:absolute;overflow:hidden}