:root{--bone:#f8f7f4}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--bone);font:16px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif}.canvas{cursor:default;touch-action:none;display:block;position:fixed;inset:0}.world{transform-origin:0 0;pointer-events:none;position:fixed;top:0;left:0}.section{pointer-events:none;transform-origin:50%;opacity:0;color:#fff;transition:opacity .4s;position:absolute}.section.readable{opacity:1}.section .inner{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;height:100%;padding:54px;display:flex;overflow:hidden}.section.readable a,.section.readable button{pointer-events:auto}.about-body{justify-content:center;align-items:center;width:100%;height:56%;display:flex;position:relative}.about-body .bio{flex-direction:column;gap:18px;display:flex}.about-body p{color:#ffffffe6;margin:0;font-size:21px;line-height:1.55}.about-body .links{flex-wrap:wrap;gap:16px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.about-body .links a{color:#fff;border-bottom:1px solid #ffffff59;padding-bottom:2px;font-size:18px;text-decoration:none}.about-body .links a:hover{border-bottom-color:#fff}.section.writing .inner{justify-content:flex-start;padding-top:340px}.writing-body{flex-direction:column;gap:28px;display:flex}.writing-head h2{letter-spacing:-.01em;margin:0 0 8px;font-size:34px;font-weight:600}.writing-head .intro{color:#ffffffb3;margin:0;font-size:17px}.post-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.post-entry{cursor:pointer;color:#fff;font:inherit;text-align:left;background:0 0;border:none;align-items:baseline;gap:14px;padding:0;display:flex}.post-entry .t{border-bottom:1px solid #ffffff4d;padding-bottom:2px;font-size:22px;font-weight:600}.post-entry:hover .t{border-bottom-color:#fff}.post-entry .d{color:#fff9;font-size:14px}.post-deep{transform-origin:0 0;margin-top:48px;transform:scale(.16)}.post-full{opacity:0;width:1100px;margin-bottom:80px;transition:opacity .3s}.post-full.open{opacity:1}.post-full h3{margin:0;font-size:30px;font-weight:600}.post-full .post-date{color:#fff9;font-size:16px}.post-md{margin-top:18px}.post-md p{color:#ffffffe6;margin:0 0 18px;font-size:19px;line-height:1.6}.post-md h1,.post-md h2,.post-md h3{letter-spacing:-.01em;margin:28px 0 12px;font-weight:600}.post-md a{color:#fff;text-decoration:underline}.post-md ul,.post-md ol{color:#ffffffe6;margin:0 0 18px;padding-left:24px;font-size:19px;line-height:1.6}.post-md img{background:#ffffff14;border-radius:4px;width:100%;max-width:420px;height:auto;margin:22px 0;display:block}.nav{pointer-events:none;justify-content:space-between;align-items:baseline;display:flex;position:fixed;top:22px;left:24px;right:24px}.nav button{pointer-events:auto;font:inherit;cursor:pointer;color:#1a1a18;background:0 0;border:none;transition:color .4s}.nav .brand{font-size:16px;font-weight:600}.nav.inverted button{color:#fff}.nav .links{gap:18px;display:flex}.nav .links button{color:#6b6a64;font-size:14px}.nav .links button:hover{color:#1a1a18}.hint{color:#9b9890;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;transition:opacity .4s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.hint.hidden{opacity:0}.credit{color:#9b9890;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;transition:opacity .4s;position:fixed;bottom:18px;right:24px}.credit a{pointer-events:auto;color:#9b9890;border-bottom:1px solid #9b989073;text-decoration:none}.credit a:hover{color:#1a1a18;border-bottom-color:#1a1a18}.credit.hidden{opacity:0;pointer-events:none}.hint-touch{display:none}@media (pointer:coarse),(width<=760px){.hint-desktop{display:none}.hint-touch{display:inline}.hint{text-align:center;padding:0 16px;bottom:42px;left:0;right:0;transform:none}.credit{text-align:center;bottom:20px;left:0;right:0}.section .inner{align-items:center;padding:0}.about-body{flex-direction:column;justify-content:center;align-items:stretch;gap:44px;width:480px;height:auto;position:static}.about-body p{font-size:27px}.about-body .links{gap:18px 28px;position:static}.about-body .links a{font-size:25px}.section.writing .inner{justify-content:flex-start;padding-top:150px}.writing-body{gap:36px;width:820px}.writing-head h2{font-size:58px}.writing-head .intro{font-size:36px}.post-list{gap:26px}.post-entry .t{font-size:46px}.post-entry .d{font-size:30px}.post-deep{margin-top:36px;transform:none}.post-full{width:380px}.post-md p,.post-md ul,.post-md ol{font-size:22px}.post-md img{max-width:100%}}