:root{--a: #F2F2F7;--b: #FFFFFF;--c: #F2F2F7;--d: #000000;--e: #3C3C4399;--f: #78788033;--g: #78788028;--h: #007AFF;--i: #3C3C4349}@media screen and (prefers-color-scheme: dark){:root{--a: #000000;--b: #1C1C1E;--c: #2C2C2E;--d: #FFFFFF;--e: #EBEBF599;--f: #7878805B;--g: #78788051;--h: #0A84FF;--i: #54545899}}*,::before,::after{box-sizing:border-box}html,body{background:var(--a);color:var(--d);font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;-webkit-text-size-adjust:none;text-size-adjust:none}*{line-height:1.4em}a{color:inherit;text-decoration:none}a.section{display:block}a:hover{opacity:0.7}a:active{opacity:0.5}h1,h2,h3,h4,h5,h6{margin:1.5rem 0 1rem}h1:first-child{margin-top:0}h1{font-size:1.5rem;font-weight:500}h2{font-size:1.3rem;font-weight:600}h3{font-size:1rem;font-weight:700}p{margin:0 0 1rem}input{margin:0;border:1px solid var(--i);border-radius:0.5rem;padding:0.5rem 1rem;font-size:inherit;line-height:inherit}.blur{position:relative;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}.blur::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--a);opacity:0.7;z-index:-1}body{display:flex;flex-direction:column;min-height:100vh;max-width:1120px;margin:0 auto}.header{margin:20px 40px}.header h1{font-size:2rem}.section{background:var(--b);border-radius:1rem;margin:0 20px 20px;padding:1rem 20px}.section .date{color:var(--e)}.section header{margin-bottom:1rem}.section header:last-child{margin-bottom:0}.content{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:auto}.content>:last-child{margin-bottom:0}.content a{color:var(--h)}.footnote{margin-top:3rem;color:var(--e);text-align:right}.space{flex:1}.footer{display:flex;flex-wrap:wrap;margin:20px 20px 20px 40px}.footer ul{list-style:none;margin:0;padding:0}.footer a{display:inline-block;margin-bottom:0.5rem}.footer>nav{flex:auto;margin-right:20px}.footer>ul{flex:0 0 auto;margin-right:20px}.space{outline:none}button{border:none;margin:0;padding:0.5rem 1rem;border-radius:0.5rem;background:var(--h);color:#fff;font-size:inherit;font-weight:500;cursor:pointer;line-height:1.4em}button:hover{opacity:0.7}button:active{transform:scale(0.95)}.qr{display:flex;justify-content:center;margin-left:20px}.qr svg{flex:0 1 320px;height:100%;max-height:320px;margin:0 20px 20px 0;border-radius:20px;padding:20px;background:#fff;transition:background 0.3s}.qr .disabled{background:#fff7}.qr .success{background:#7f77}.qr .hidden{flex:0 1 0px;max-height:0px;margin:0;padding:0;transition:flex 1s, max-height 1s, margin 1s, padding 1s;animation:success 0.3s forwards}.qr .failure{background:#f777}.qr .section{flex:1;margin:0 20px 20px 0}@media (max-width: 700px){.qr{flex-wrap:wrap}.qr .section{flex:1 1 100%}}@keyframes success{to{background:#7f77}}.app-field{display:flex;flex-wrap:wrap;margin:0 -1rem 0 0}.app-field input{flex:0 1 320px;margin:0 1rem 1rem 0;font-family:monospace;cursor:text}.app-field button{margin:0 1rem 1rem 0}.copied{animation:copied 0.5s ease-in}@keyframes copied{0%{background:#0f0;color:#fff0;opacity:1}80%{color:#fff0;opacity:1}}@media print{html,body{background:none}.section,button{border:1px solid var(--i)}.space,.footer{display:none}}
