@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f5f0e6;--panel: #fffcf5;--ink: #30291e;--muted: #70614e;--line: #cfc0a8;--soft: #eee5d5;--key: #885311;--string: #405f65;--button: #885311;--button-ink: #ffffff}body.dark{color-scheme:dark;--bg: #191816;--panel: #23211e;--ink: #f7f0e3;--muted: #bdb1a0;--line: #51483b;--soft: #342d23;--key: #edbd78;--string: #b7cccd;--button: #edbd78;--button-ink: #2b2114}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Mono,Consolas,monospace;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--key);outline-offset:5px}button:hover,a:hover{color:var(--key)}.workspace{max-width:1320px;margin:auto;padding:0 52px}header{height:122px;display:flex;align-items:center;justify-content:space-between;gap:25px}.name{font-size:19px;font-weight:600;letter-spacing:-.7px}.name span{color:var(--muted);font-weight:400}.header-links{display:flex;align-items:center;gap:28px;font-size:12px}#theme{border:1px solid var(--line);background:transparent;border-radius:6px;padding:9px 13px;font-size:11px}.editor{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);margin-bottom:42px}nav{display:flex;background:var(--bg);border-bottom:1px solid var(--line)}nav a{padding:19px 26px;font-size:12px;border-right:1px solid var(--line);color:var(--muted);position:relative}nav a span{color:var(--key);margin-right:10px}nav a.active{color:var(--ink);background:var(--panel)}nav a.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--key)}main{min-height:610px}.view{padding:54px 58px;animation:appear .2s ease}.view[hidden]{display:none}@keyframes appear{0%{opacity:0}to{opacity:1}}.profile-grid{display:grid;grid-template-columns:1fr 260px;gap:45px;align-items:center}.comment{color:var(--muted);font-size:13px;margin:0 0 22px}h1{font-size:clamp(46px,5.3vw,72px);font-weight:500;line-height:1.12;letter-spacing:-4px;margin:0}.cursor{color:var(--key)}.role{font-size:19px;color:var(--muted);margin:20px 0 26px}.profile-actions{display:flex;align-items:center;gap:24px;font-size:12px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:12px 18px;background:var(--button);color:var(--button-ink);border-radius:5px;font-size:12px}.button:hover{background:var(--button);color:var(--button-ink);filter:brightness(.92)}.portrait{border:1px solid var(--line);border-radius:6px;overflow:hidden}.portrait img{width:100%;display:block;aspect-ratio:1;object-fit:cover;filter:grayscale(1)}.portrait-caption{display:flex;justify-content:space-between;gap:10px;padding:12px;font-size:10px;color:var(--muted)}.code-block{margin-top:40px;font-size:12px;line-height:2;color:var(--muted)}.code-block>div{padding-left:25px;overflow-wrap:anywhere}.key{color:var(--key)}.string,.code-block a{color:var(--string)}.code-block a:hover{text-decoration:underline}.bracket{color:var(--ink)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 22px;font-size:10px;color:var(--muted);background:var(--bg)}h2{font-size:36px;font-weight:500;letter-spacing:-1.8px;margin:0}.punctuation{color:var(--key);margin-left:10px}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:45px}.view-heading>a{font-size:11px;color:var(--muted)}.project-layout{display:grid;grid-template-columns:240px 1fr;gap:40px}.project-list{display:flex;flex-direction:column;gap:8px}.project-list button{padding:15px 17px;border:1px solid transparent;border-radius:5px;background:none;text-align:left;font-size:12px;display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.project-list button.chosen{border-color:var(--line);background:var(--soft);color:var(--ink)}.project-list button span{opacity:0}.project-list button.chosen span,.project-list button:hover span{opacity:1}#project{border-left:1px solid var(--line);padding-left:38px}#project h3{font-weight:500;font-size:25px;letter-spacing:-1px;margin:0 0 18px}#project>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:450px;margin:0 0 24px}#project .code-block{margin:0 0 28px}.project-links{display:flex;gap:12px;flex-wrap:wrap}.contact-content{padding-top:35px}.contact-content h2{font-size:clamp(38px,5vw,64px);margin:0 0 35px;letter-spacing:-3px}.email{display:flex;align-items:center;gap:30px;font-size:clamp(12px,1.8vw,20px);width:fit-content}.email span{color:var(--key)}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:30px 0 55px}.contact-actions button{border:0;background:none;font-size:12px;color:var(--muted);padding:0}#copy-status{font-size:11px;color:var(--key)}@media(min-width:1450px){header{height:150px}.view{padding:65px 70px}main{min-height:660px}.profile-grid{grid-template-columns:1fr 290px}.code-block{margin-top:45px}}@media(max-width:1000px){.workspace{padding:0 28px}.view{padding:40px 35px}.profile-grid{grid-template-columns:1fr 220px;gap:25px}h1{font-size:55px}.project-layout{grid-template-columns:180px 1fr;gap:20px}#project{padding-left:25px}}@media(max-width:700px){.workspace{padding:0 16px}header{height:90px;gap:10px}.name{font-size:15px}.header-links{gap:14px}.header-links>a{display:none}#theme{font-size:10px}nav a{padding:16px 10px;flex:1;text-align:center;font-size:10px;white-space:nowrap}nav a span{margin-right:4px}.view{padding:30px 23px}.profile-grid{grid-template-columns:1fr;gap:30px}.intro{padding-top:8px}h1{font-size:52px;letter-spacing:-3px}.role{font-size:17px}.profile-actions{gap:20px;font-size:11px}.button{font-size:11px;padding:11px 15px;gap:20px}.portrait{width:180px}.portrait-caption{font-size:8px;padding:9px}.comment{font-size:11px}.code-block{font-size:10px;margin-top:28px}.code-block>div{padding-left:15px}main{min-height:calc(100svh - 220px)}.editor{margin-bottom:20px;border-radius:8px}footer{font-size:8px;padding:12px 15px}.view-heading{align-items:start;margin-bottom:28px}h2{font-size:29px}.view-heading>a{font-size:9px;max-width:100px;text-align:right}.project-layout{grid-template-columns:1fr;gap:30px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.project-list button{font-size:10px;padding:12px 9px}#project{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:28px}#project h3{font-size:23px}#project>p{font-size:12px}.contact-content{padding-top:25px}.contact-content h2{font-size:38px;letter-spacing:-2px}.email{font-size:11px;gap:8px}.contact-actions{gap:20px;margin-bottom:50px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.cursor{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}::selection{background:var(--key);color:var(--panel)}