*{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}body{background:var(--bg);color:var(--text);margin:20px auto 40px;padding:0 20px;width:clamp(0px,100%,600px)}h1,h2,h3{font-weight:500;line-height:1.2}h1{font-size:1.8em;margin:20px 0}h2{font-size:1.6em;margin:50px 0 20px}h3{font-size:1.2em;margin:40px 0 20px}p{margin:20px 0}a{color:var(--accent);font-size:1em;font-weight:500;text-decoration:none}a:hover,a:focus{color:var(--accent-dark);text-decoration:underline}i{color:var(--text-gray)}strong,b{font-weight:bold}hr{border:none;border-top:2px solid var(--bg-accent);margin:40px 0}time{color:var(--text-gray)}img{height:auto;max-width:100%;object-fit:cover;width:100%}img,svg{border-radius:16px;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-x:auto;white-space:nowrap;width:100%}table th,table td{border:1px solid var(--bg-accent-high);padding:6px 12px}table tbody th{font-weight:600;text-align:initial}pre,code,code *{font-family:monospace,system-ui,sans-serif}code{background:var(--bg-accent);border-radius:6px;font-size:.95em;margin:0 1px;padding:1px 4px}pre code{border-radius:16px;direction:ltr;display:block;margin:20px 0;overflow-x:auto;padding:12px 18px}section{margin:20px 0}details{margin:20px 4px}details summary{cursor:pointer;font-weight:600}details>:nth-child(2){margin-top:8px}header{align-items:center;column-gap:2em;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 30px;row-gap:10px}header .drpct{border-radius:0;height:24px;margin-inline-end:8px;pointer-events:none;user-select:none;view-transition-name:drpct;width:36px}header a{align-items:center;color:var(--text);display:inline-flex}header a *{font-size:1.2em}header ul{column-gap:16px;display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}header ul li{margin:0}header ul li a{color:var(--text-gray);font-weight:normal}.profbox{align-items:center;column-gap:20px;display:flex;flex-wrap:nowrap;justify-content:space-evenly;margin:60px 0}.profbox .drpct{cursor:grab;flex-shrink:0;margin:0;max-width:100%;user-select:none;view-transition-name:drpct;width:120px}.profbox .drpct *{border-radius:0}.profbox .profinfo{display:grid;row-gap:16px}.profbox h1{margin:0}.profbox p{margin:0}.profbox ul{column-gap:30px;display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.profbox ul li{margin:0}.profbox ul li a{border-radius:8px;display:inline-block;height:42px;margin:0 -6px;padding:6px;transition:background .2s;width:42px}.profbox ul li a:hover{background:var(--bg-accent)}.profbox ul li a img,.profbox ul li a svg{border-radius:0}.app{align-items:center;color:var(--text);display:flex;flex-wrap:wrap;margin:20px 0}.app:hover,.app:focus{color:var(--text)}.app .app-icon{filter:drop-shadow(0 1.5px 2px rgba(0, 0, 0, 0.2));flex-grow:0;height:80px;margin:2px 0;margin-inline-end:16px;width:80px}.app .app-info{flex-grow:1;margin:2px 0;min-width:122px;width:calc(100% - 118px)}.app .app-title{display:block;font-size:1.4em;font-weight:500;line-height:1;margin:0 0 3px}.app h1.app-title{font-size:1.7em}.app .app-desc{color:var(--text-gray);line-height:1.2}article hgroup{margin:20px auto 30px}article hgroup h1{margin:4px 0}article hgroup time{display:inline-block;margin-inline-end:20px}.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;padding:4px 0}.postbox time{display:block;font-size:.9em}footer{align-items:center;color:var(--text-gray);column-gap:2em;display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0;row-gap:10px}footer .copy{display:inline-block;margin:0}footer ul{column-gap:16px;display:inline-flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}footer ul li{margin:0}footer ul li a{color:var(--text-gray);font-weight:normal}@view-transition{navigation:auto}@media(max-width: 599px){.profbox{display:block;text-align:center}.profbox .drpct{margin:30px auto}.profbox ul{justify-content:center}}@media(max-width: 239px){body{padding:0 8px}.app .app-icon{height:auto}.app .app-info{min-width:100%}}:root{--accent: #36f;--accent-dark: #2050be;--bg: #fafcff;--bg-accent: #dceaff;--bg-accent-high: #bad0f8;--heart: #c39;--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;--bg-accent-high: #303a6a;--text: #dcdce0;--text-gray: #909095;--heart: #faa0f0}.dark-reverse{filter:invert(1) hue-rotate(180deg)}}@media(prefers-contrast: more){:root{--accent: #0020ff;--accent-dark: #001080;--bg-accent: #cad8f3;--bg-accent-high: #a0b0e0;--text: #000;--text-gray: #3c3c3c}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root{--accent: #90c0ff;--accent-dark: #c0daff;--bg-accent: #2a304a;--bg-accent-high: #455075;--text: #fff;--text-gray: #b0b0b0}}@media(prefers-reduced-motion: reduce){header .drpct,.profbox .drpct{view-transition-name:none}}