:root{--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:rgb(0,0,0);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:rgb(1000,1000,1000);@media (max-width:1024px){font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:42px}@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}p{margin:24px 0}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home-page{max-width:760px;margin:0 auto;padding:72px 24px 48px;min-height:100vh;display:flex;flex-direction:column;.hero{text-align:center;h1{margin:0 0 8px}.tagline{color:#999;font-size:15px;margin:0}}.latest{margin-top:56px;flex-grow:1;h2{font-size:22px;line-height:30px;margin:0 0 8px;color:#ccc}.latest-list{list-style:none;padding:0;margin:16px 0}.latest-list li{padding:18px 0;border-bottom:1px solid #333}.item{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-decoration:none}.item:hover .title{text-decoration:underline}.title{font-size:21px;font-weight:600}.date{color:#999;font-size:14px;white-space:nowrap}.excerpt{color:#bbb;font-size:15px;line-height:24px;margin:6px 0 0}.empty a{text-decoration:underline}.all{display:inline-block;margin-top:16px;color:#999;font-size:15px;text-decoration:none}.all:hover{color:#fff}}.foot{display:flex;gap:20px;padding-top:32px;a{color:#999;font-size:15px;text-decoration:none}a:hover{color:#fff}}}