::selection{background:#eaf6ff;color:#1a1a1a}::-moz-selection{background:#eaf6ff;color:#1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:#333;background-color:#fafafa;padding:80px 40px;max-width:700px;margin:0 auto}.header{display:flex;align-items:baseline;justify-content:center;gap:60px;margin-bottom:60px;flex-wrap:wrap}.name{font-size:1.5rem;font-weight:600;color:#1a1a1a;cursor:pointer}.nav{display:flex;gap:30px}.nav a{text-decoration:none;color:#666;font-size:1rem;transition:color .2s ease}.nav a:hover{color:#1a1a1a}.nav a.active{color:#258db7}.content{max-width:600px;margin:0 auto}.bio{font-size:1rem;line-height:1.7;color:#444}.bio a{color:#1a1a1a;text-decoration:underline}.bio a:hover{color:#258db7}.bio-group{margin-bottom:32px}.bio-label{color:#999;font-size:.85rem;margin-bottom:8px}.dinner-link{color:#999!important;text-decoration:none!important;transition:color .2s ease}.dinner-link:hover{color:#555!important}.section{display:none}.section.active{display:block}html[data-initial-section] .section.active{display:none}html[data-initial-section=writing] #writing-section,html[data-initial-section=projects] #projects-section,html[data-initial-section=contact] #contact-section{display:block}.project-item,.writing-item{margin-bottom:15px;display:flex;justify-content:space-between;align-items:baseline}.project-title,.writing-title{color:#1a1a1a;text-decoration:underline;font-weight:400}.project-title:hover,.writing-title:hover{color:#258db7}.project-description{color:#666;font-size:.95rem;margin-left:5px}.project-year,.writing-date{color:#666;font-size:.95rem;flex-shrink:0}.project-left{display:flex;align-items:baseline}.more-to-come{color:#999;font-style:italic;font-size:.95rem}.writing-signup{margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid #eee}.signup-label{display:block;font-size:.8rem;color:#999;margin-bottom:6px}.signup-form{display:flex;gap:14px;align-items:baseline}.signup-form input[type=email]{flex:1;padding:4px 0;border:none;border-bottom:1px solid #ddd;background:transparent;font-family:inherit;font-size:.9rem;color:#333;outline:none;border-radius:0;-webkit-appearance:none;transition:border-color .2s ease}.signup-form input[type=email]::placeholder{color:#bbb}.signup-form input[type=email]:focus{border-bottom-color:#1a1a1a}.signup-form button{padding:0;border:none;background:transparent;color:#666;font-family:inherit;font-size:.9rem;cursor:pointer;text-decoration:underline;-webkit-appearance:none;transition:color .2s ease;white-space:nowrap}.signup-form button:hover{color:#1a1a1a}.signup-form button:disabled{opacity:.5;cursor:default}.signup-status{display:block;font-size:.78rem;color:#999;margin-top:6px;min-height:1.1em;font-style:italic}.signup-status.success{color:#5a8a6a;font-style:normal}.signup-status.error{color:#a06060;font-style:normal}.section-header{font-size:.9rem;color:#999;margin-top:20px;margin-bottom:15px;font-weight:400}.section-header:first-child{margin-top:0}.footer{position:fixed;bottom:0;left:0;right:0;background-color:#fafafa;color:#999;padding:15px 40px;font-size:.85rem;text-align:center;z-index:100}.time-separator{animation:pulse 5s steps(2,jump-none) infinite}@keyframes pulse{0%{opacity:1}40%{opacity:1}60%{opacity:0}to{opacity:1}}.link-preview{position:relative;display:inline}.link-preview-card{position:fixed;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:0;box-shadow:0 6px 24px #0000001f;width:320px;height:220px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1100}.link-preview-card.show{opacity:1;pointer-events:auto}.link-preview-card iframe{width:960px;height:660px;border:none;transform:scale(.333);transform-origin:top left;pointer-events:none}.link-preview-url{display:block;padding:6px 10px;font-size:9px;font-family:monospace;color:#aaa;background:#f8f8f8;border-top:1px solid rgba(0,0,0,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:0;left:0;right:0}@media(max-width:600px){body{padding:40px 20px}.footer{position:static;margin:28px 0 0;padding:0}.header{flex-direction:column;gap:30px;align-items:center}.nav{gap:20px}.project-item,.writing-item{flex-direction:column;align-items:flex-start;gap:2px}.link-preview-card{display:none!important}}
