@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--text: #464646;--heading: #474747;--muted: #8a8a8a;--accent: #DB4D4F;--rule: #e0e2e5;color-scheme:light}[data-theme=dark]{--bg: #161616;--text: #b8b8b8;--heading: #e0e0e0;--muted: #6b6b6b;--accent: #DB4D4F;--rule: #2a2a2a;color-scheme:dark}html,body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,Courier New,monospace;font-size:15px;line-height:1.6;min-height:100vh;transition:background-color .2s,color .2s}.site{max-width:640px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;min-height:100vh}nav{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0}nav .site-name{font-size:15px;font-weight:500;color:var(--accent);text-decoration:none;transition:color .15s}nav .nav-links{display:flex;gap:24px;align-items:baseline}nav .nav-links a{color:var(--muted);text-decoration:none;font-size:15px;transition:color .15s}nav .nav-links a:hover,nav .nav-links a[aria-current=page]{color:var(--accent);text-decoration:none}.theme-toggle{background:none;border:none;font-size:14px;cursor:pointer;padding:0;color:var(--muted);transition:color .15s}.theme-toggle:hover{color:var(--accent)}main{flex:1;padding-top:80px;animation:fadein .15s ease}.page-home h1,.page-now h1,.page-projects h1,.page-writing h1,.page-post h1{font-size:36px;font-weight:400;line-height:1.2;margin-bottom:10px;letter-spacing:-.5px;color:var(--heading)}.page-home h1{margin-bottom:28px}.page-home .tagline{font-size:15px;font-weight:500;color:var(--text);margin-bottom:16px}.page-home p{font-size:15px;color:var(--muted);margin-bottom:12px}.social-links{margin-top:28px;display:flex;gap:20px;flex-wrap:wrap;align-items:baseline}.social-links a{color:var(--text);text-decoration:none;font-size:15px;transition:color .15s}.social-links a:hover{color:var(--accent)}.page-subtitle{font-size:15px;color:var(--muted);margin-bottom:40px}.now-rule,.projects-rule,.writing-rule{border:none;border-top:1px solid var(--rule)}.now-rule{margin-bottom:28px}.projects-rule,.writing-rule{margin:0}.now-section{margin-bottom:28px}.now-section h2{font-size:15px;font-weight:500;margin-bottom:6px}.now-section p{font-size:15px;color:var(--muted);margin-bottom:12px}.now-section p:last-child{margin-bottom:0}.now-section img{max-width:100%;height:auto;display:block;margin:1.5rem auto 0}.project-row{padding:18px 0;border-bottom:1px solid var(--rule)}.project-title{font-size:15px;font-weight:400;color:var(--text);text-decoration:none;display:inline-block;margin-bottom:4px;transition:color .15s}.project-title:hover{color:var(--accent)}.project-desc{font-size:15px;color:var(--muted)}.writing-row{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--rule);gap:16px;text-decoration:none}.writing-row:hover .writing-title{color:var(--accent)}.writing-left{flex:1;min-width:0}.writing-title{font-size:15px;font-weight:400;color:var(--text);margin-bottom:4px;transition:color .15s}.writing-desc{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writing-date{font-size:13px;color:var(--muted);white-space:nowrap;flex-shrink:0;padding-top:2px}.post-meta{font-size:13px;color:var(--muted);margin-bottom:40px}.post-back{font-size:14px;color:var(--muted);margin-bottom:40px;display:inline-block;text-decoration:none;transition:color .15s}.post-back:hover{color:var(--accent)}.post-body p{font-size:15px;color:var(--muted);margin-bottom:18px;line-height:1.8}.post-body h2{font-size:15px;font-weight:500;color:var(--text);margin:32px 0 8px}.post-body ul{margin:0 0 18px 18px}.post-body ul li{font-size:15px;color:var(--muted);margin-bottom:5px;line-height:1.8}footer{margin-top:80px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:0;align-items:baseline}footer span,footer a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .15s}footer a:hover{color:var(--text)}footer .sep{margin:0 5px}@media(max-width:480px){.site{padding:28px 20px 60px}nav .site-name{font-size:13px}nav .nav-links{gap:12px}nav .nav-links a{font-size:13px}.theme-toggle{font-size:13px}.page-home h1,.page-now h1,.page-projects h1,.page-writing h1,.page-post h1{font-size:28px}main{padding-top:56px}.writing-row{flex-direction:column;gap:4px}.writing-date{padding-top:0}.writing-desc{white-space:normal}.social-links{gap:16px}}@keyframes fadein{0%{opacity:0}to{opacity:1}}