@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-earth: #b08d64;--screen-bg: #e8e6e1;--ink: #1a1815;--ink-dim: #645f58;--line: #c9c5bc;--accent: #b3541e;--font: "Departure Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--bezel: #26231f;--bezel-radius: 24px;--tablet-max-width: 720px;--tablet-shadow: 0 24px 48px rgba(38, 35, 31, .35);--transition-duration: .45s;--transition-ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-earth);color:var(--ink);font-family:var(--font);font-size:var(--text-base);line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.tablet{background:var(--bezel);border-radius:var(--bezel-radius);box-shadow:var(--tablet-shadow);padding:var(--space-3);width:100%;max-width:var(--tablet-max-width);height:min(88vh,900px);display:flex}.screen{background:var(--screen-bg);border-radius:calc(var(--bezel-radius) - var(--space-3));flex:1;display:flex;flex-direction:column;overflow:hidden}.chrome{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);flex-wrap:wrap}.chrome-url{color:var(--ink-dim);font-size:var(--text-sm)}.nav{display:flex;gap:var(--space-4);flex-wrap:wrap}.nav a{color:var(--ink-dim);text-decoration:none;font-size:var(--text-sm)}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--ink);text-decoration:underline;text-underline-offset:var(--space-1)}.viewport{position:relative;flex:1;overflow:hidden}.section{position:absolute;inset:0;padding:var(--space-6);overflow-y:auto;transition:transform var(--transition-duration) var(--transition-ease);will-change:transform}.section-enter{transform:translateY(100%);transition:none}.section-exit{transform:translateY(-100%)}.footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--line)}.logo{margin:0;font-family:var(--font);font-size:var(--text-sm);line-height:1.15;color:var(--ink);white-space:pre;user-select:none}.footer-links{display:flex;gap:var(--space-4)}.footer-links a{color:var(--ink-dim);text-decoration:none;font-size:var(--text-sm)}.footer-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:var(--space-1)}a:focus-visible{outline:1px solid var(--accent);outline-offset:var(--space-1)}@media (max-width: 760px){body{padding:0}.tablet{height:100dvh;max-width:none;padding:calc(var(--space-1) + env(safe-area-inset-top)) 0 0;background:var(--bg-earth);border-radius:0;box-shadow:none}.screen{border-radius:0}.footer{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.nav a,.footer-links a{padding:var(--space-2) 0}}@media (prefers-reduced-motion: reduce){.section{transition:none}}.chat{height:100%;display:flex;flex-direction:column;gap:var(--space-4)}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.chat-line{margin:0;opacity:1;overflow-wrap:break-word;transition:opacity .2s ease}.chat-line-hidden{opacity:0}.chat-line-user,.chat-line-dim{color:var(--ink-dim)}.chat-line-action a{color:var(--ink);text-decoration:underline;text-underline-offset:var(--space-1)}.chat-line-action a:hover{color:var(--ink-dim)}.chat-form{display:flex;align-items:baseline;gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-3)}.chat-input{flex:1;min-width:0;background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:var(--space-2) 0;font:inherit;color:var(--ink)}.chat-input::placeholder{color:var(--ink-dim)}.chat-input:focus{outline:none;border-bottom-color:var(--ink)}.chat-input:focus-visible{outline:1px solid var(--accent);outline-offset:var(--space-1)}.chat-send{background:none;border:none;border-radius:0;padding:var(--space-2) 0;font:inherit;color:var(--ink-dim);cursor:pointer}.chat-send:hover{color:var(--accent)}.chat-send:focus-visible{outline:1px solid var(--accent);outline-offset:var(--space-1)}@media (max-width: 760px){.chat-input,.chat-send{padding:var(--space-3) 0}}@media (prefers-reduced-motion: reduce){.chat-line{transition:none}}.writing-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.writing-post{display:flex;flex-direction:column;gap:var(--space-1)}.writing-post p{margin:0}.writing-title{color:var(--ink);text-decoration:none}.writing-title:hover{text-decoration:underline;text-underline-offset:var(--space-1)}.writing-date,.writing-excerpt{font-size:var(--text-sm)}.dim a{color:var(--ink-dim);text-decoration:underline;text-underline-offset:var(--space-1)}.dim a:hover{color:var(--ink)}.project-group{margin:0 0 var(--space-8)}.project-group:last-child{margin-bottom:0}.project-group-title{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:400}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.project{display:flex;flex-direction:column;gap:var(--space-1)}.project p{margin:0}.project-row a{color:var(--ink);text-decoration:none}.project-row a:hover{text-decoration:underline;text-underline-offset:var(--space-1)}.project-stars,.project-description{font-size:var(--text-sm)}.sites-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.site{display:flex;flex-direction:column;gap:var(--space-1)}.site p{margin:0}.site-name{color:var(--ink)}.site-description{font-size:var(--text-sm)}.site-link{color:var(--ink-dim);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:var(--space-1)}.site-link:hover{color:var(--ink)}.dim{color:var(--ink-dim)}.about-heading{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:400}.about-para{margin:0 0 var(--space-3);max-width:56ch;line-height:1.6}