:root{--paper:#f4f1e9;--ink:#171715;--soft:#8a867d;--line:#d7d2c8}
*{box-sizing:border-box}html{font-family:"JetBrains Mono",monospace;background:var(--paper);color:var(--ink)}
body{margin:0;min-height:100svh;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}
.home{display:grid;place-items:center}.card{width:min(430px,calc(100% - 48px));padding:48px 0}
.name{display:inline-block;margin-bottom:46px;font-size:18px;font-style:italic;font-weight:500}
.statement{margin:0 0 42px;font-size:clamp(22px,5vw,31px);line-height:1.35;letter-spacing:-.04em}
.links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.love{margin:48px 0 0;color:var(--soft);font-size:11px}
.glow{transition:color .2s,text-shadow .25s,transform .2s}.glow:hover,.glow:focus-visible{color:#fff;text-shadow:0 0 5px #fff,0 0 13px #f6ead4,0 0 26px #e8d4b2;transform:translateX(3px);outline:none}
.page{width:min(760px,calc(100% - 40px));margin:auto;padding:64px 0 100px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:90px}
.top .name{margin:0}.back{color:var(--soft)}h1{margin:0 0 48px;font-size:27px;font-weight:400;letter-spacing:-.04em}
.list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.row h2,.row p{margin:0;font-size:14px;font-weight:400}.row .muted,.muted{color:var(--soft)}.row.clickable:hover h2{text-shadow:0 0 9px #fff}
.work{display:grid;grid-template-columns:repeat(2,1fr);gap:52px 20px}.work img,.placeholder{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;background:#e5e0d6}
.work h2{margin:12px 0 2px;font-size:14px;font-weight:400}.work p{margin:0;color:var(--soft);font-size:12px}.empty{color:var(--soft)}
.admin-link{display:block;margin-top:72px;color:var(--soft);font-size:10px;width:max-content}
dialog{width:min(680px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:28px;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}
dialog::backdrop{background:#17171555;backdrop-filter:blur(4px)}button,input,textarea{font:inherit}button{cursor:pointer}.close{float:right;border:0;background:none;font-size:24px}
label{display:grid;gap:5px;margin:14px 0;color:var(--soft);font-size:11px}input,textarea{border:1px solid var(--line);padding:10px;background:transparent;color:var(--ink)}
.button{border:1px solid var(--ink);padding:9px 14px;background:var(--ink);color:var(--paper)}.status{min-height:20px;color:var(--soft);font-size:11px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.admin-item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.admin-item button{border:0;background:none;text-decoration:underline}.tabs{display:flex;gap:18px;margin:24px 0}.tabs button{border:0;background:none;padding:0}.tabs .active{text-decoration:underline}
.panel{display:none}.panel.active{display:block}.post-body{line-height:1.9}
.markdown p{margin:0 0 1em}.markdown h1,.markdown h2,.markdown h3{margin:1.4em 0 .55em;line-height:1.25;font-weight:500}.markdown h1{font-size:24px}.markdown h2{font-size:19px}.markdown h3{font-size:15px}
.markdown a{text-decoration:underline;text-underline-offset:3px}.markdown blockquote{margin:1.4em 0;padding-left:16px;border-left:1px solid var(--ink);color:var(--soft)}
.markdown ul,.markdown ol{margin:1em 0;padding-left:24px}.markdown code{padding:2px 5px;background:#e7e2d8}.markdown hr{margin:28px 0;border:0;border-top:1px solid var(--line)}
.portfolio-copy{margin-top:8px;color:var(--soft);font-size:12px}.portfolio-copy h1,.portfolio-copy h2,.portfolio-copy h3{font-size:12px}.portfolio-copy p{margin:0 0 .65em}
@media(max-width:600px){.page{padding-top:32px}.top{margin-bottom:64px}.work,.admin-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}.row .muted{font-size:11px}}