header ul,footer ul{list-style:none;margin:0;padding:0}header ul li,footer ul li{margin:0}*{box-sizing:border-box;corner-shape:superellipse(1.2);font:medium/1.5 system-ui,sans-serif;overflow-wrap:break-word;text-underline-offset:.1em;word-break:auto-phrase}.hidden{display:none}body{background:var(--bg);color:var(--text);margin:0 auto;max-width:600px;padding:0 20px}h1,h2,h3{font-weight:500;line-height:1.2}h1{font-size:1.6em;margin:20px 0}h2,h3{margin:40px 0 20px}h2{font-size:1.5em}h3{font-size:1.2em}p,pre,section{margin:20px 0}a{color:var(--accent);font-size:1em;font-weight:500;text-decoration:none}a:is(:hover,:focus){color:var(--accent-dark);text-decoration:underline}i,time{color:var(--text-gray)}strong,b{font-weight:bold}hr{border:none;border-top:2px solid var(--bg-accent);margin:40px 0}img{border-radius:20px;max-width:100%;object-fit:contain;width:100%}img,svg{vertical-align:middle}ol,ul{margin:20px 0;padding-inline-start:2em}li{margin:.2em 0}:is(ol,ul) :is(ol,ul){margin:0}table{border-collapse:collapse;display:block;margin:20px 0;overflow:auto;white-space:nowrap;width:100%}table th,table td{background:var(--bg-accent);border:2px solid var(--bg);padding:.5em 1em}table th{font-weight:600}table>:is(thead,tbody,tfoot):first-child>tr:first-child>*{border-top:0}table>:is(thead,tbody,tfoot):first-child>tr:first-child>*:first-child{border-start-start-radius:20px}table>:is(thead,tbody,tfoot):first-child>tr:first-child>*:last-child{border-start-end-radius:20px}table>:is(thead,tbody,tfoot):last-child>tr:last-child>*{border-bottom:0}table>:is(thead,tbody,tfoot):last-child>tr:last-child>*:first-child{border-end-start-radius:20px}table>:is(thead,tbody,tfoot):last-child>tr:last-child>*:last-child{border-end-end-radius:20px}table>:is(thead,tbody,tfoot)>tr>*:first-child{border-inline-start:0}table>:is(thead,tbody,tfoot)>tr>*:last-child{border-inline-end:0}pre,code,code *{font-family:monospace,system-ui,sans-serif}code{background:var(--bg-accent);border-radius:.25em;font-size:.95em;padding:.125em .25em}pre code{border-radius:20px;display:block;overflow:auto;padding:10px 20px}details{margin:20px 0}details summary{cursor:pointer;font-weight:600}details summary+*{margin-top:10px}header,footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px 2em;justify-content:space-between}header ul,footer ul{column-gap:20px;display:inline-flex;flex-wrap:wrap}header ul li a,footer ul li a{color:var(--text-gray);font-weight:normal}header{margin:20px 0 30px}header .drpct{border-radius:0;height:24px;pointer-events:none;user-select:none;view-transition-name:drpct;width:36px}header a{align-items:center;color:var(--text);display:inline-flex;gap:10px}header a span{font-size:1.2em}footer{color:var(--text-gray);margin:40px 0}footer .copy{margin:0}.appbox{align-items:center;display:flex;gap:10px 20px;margin:20px 0}.appbox,.appbox:is(:hover,:focus){color:var(--text)}.appbox .appbox-icon{border-radius:0;filter:drop-shadow(0 1.5px 2px rgba(0, 0, 0, 0.2));flex:none;height:80px;width:80px}.appbox .appbox-info{display:grid;gap:.25em}.appbox .appbox-info .appbox-title{font-size:1.4em;font-weight:500;line-height:1;margin:0}.appbox .appbox-info p{color:var(--text-gray);line-height:1.2;margin:0}.app-download{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.app-download *{border-radius:0;height:50px;width:auto}.app-preview{display:flex;gap:20px;margin:20px -20px;overflow:auto;padding-inline:20px}.app-preview *{border-radius:0;max-height:376px;width:auto}article hgroup{display:grid;gap:10px;margin:20px 0}article hgroup h1{margin:0}.postbox{margin:20px 0}.postbox .postbox-title{font-size:1.4em;font-weight:400;line-height:1.2;margin:0}.postbox a{color:var(--text);display:block}.postbox time{display:block;font-size:.9em}@view-transition{navigation:auto}@media(max-width: 239px){body{padding:0 10px}img{border-radius:0}.appbox{flex-wrap:wrap}.app-preview{margin:20px -10px;padding-inline:10px}}:root{--accent: #36f;--accent-dark: #2050be;--bg: #fafcff;--bg-accent: #dceaff;--text: #383838;--text-gray: #707070;color-scheme:light dark}@media(prefers-color-scheme: dark){:root{--accent: #3399ff;--accent-dark: #90c0ff;--bg: #000;--bg-accent: #1a2040;--text: #dcdce0;--text-gray: #909095}.dark-reverse{filter:invert(1) hue-rotate(180deg)}}@media(prefers-contrast: more){:root{--accent: #0020ff;--accent-dark: #001080;--bg-accent: #cad8f3;--text: #000;--text-gray: #3c3c3c}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root{--accent: #90c0ff;--accent-dark: #c0daff;--bg-accent: #2a304a;--text: #fff;--text-gray: #b0b0b0}}@media(prefers-reduced-motion: reduce){body *{view-transition-name:none !important}}