:root{--choco:#f7f2ee;--choco-mid:#ede5dc;--choco-light:#e0d4c7;--mint:#2dbf7e;--mint-dim:#1f8c62;--mint-bright:#25a86e;--mint-faint:#2dbf7e1a;--mint-border:#2dbf7e47;--text:#2c1a0e;--text-muted:#6b4e3d;--text-dim:#a08070}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--choco);color:var(--text);min-height:100vh;font-family:DM Mono,monospace;font-size:14px;line-height:1.7}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{z-index:1;max-width:800px;margin:0 auto;padding:80px 24px 120px;position:relative}.header{margin-bottom:72px;animation:.8s both fadeUp}.header-tag{color:var(--mint);letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.header-tag:before{content:"";background:var(--mint);width:24px;height:1px;display:block}.name{letter-spacing:-.01em;margin-bottom:8px;font-family:Shippori Mincho,serif;font-size:clamp(22px,5vw,36px);font-weight:500;line-height:1.1}.handle{color:var(--mint-dim);letter-spacing:.05em;margin-bottom:20px;font-size:13px}.bio{color:var(--text-muted);border-left:1.5px solid var(--mint-border);max-width:480px;padding-left:16px;font-size:13px;line-height:1.8}.meta-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag{background:var(--mint-faint);border:.5px solid var(--mint-border);color:var(--mint-bright);letter-spacing:.06em;border-radius:20px;padding:4px 12px;font-size:11px}.header-name-row{align-items:flex-start;gap:24px;margin-bottom:8px;display:flex}.profile-img{object-fit:cover;border:2px solid var(--mint-border);border-radius:16px;flex-shrink:0;width:96px;height:96px}.header-info{flex-direction:column;gap:0;display:flex}section{margin-bottom:64px;animation:.8s both fadeUp}section:nth-child(2){animation-delay:.1s}section:nth-child(3){animation-delay:.2s}section:nth-child(4){animation-delay:.3s}.section-label{color:var(--mint);letter-spacing:.2em;align-items:center;gap:12px;margin-bottom:24px;font-size:10px;display:flex}.section-label:after{content:"";background:var(--mint-border);flex:1;height:.5px}.links-categories{flex-direction:column;gap:12px;display:flex}.link-row{grid-template-columns:72px 1fr;align-items:center;gap:16px;display:grid}.link-category{letter-spacing:.15em;color:var(--text-dim);text-align:right;flex-shrink:0;font-size:9px}.link-row-items{flex-wrap:wrap;gap:8px;display:flex}.link-1{background:var(--choco-mid);border:.5px solid var(--mint-border);border-left:3px solid var(--mint);color:var(--text-muted);white-space:nowrap;border-radius:0 10px 10px 0;padding:8px 14px;font-size:12px;text-decoration:none;transition:background .15s,color .15s}.link-1:hover{background:var(--choco-light);color:var(--text)}.works-list{flex-direction:column;gap:12px;display:flex}.work-item{background:var(--choco-mid);border:.5px solid var(--mint-border);border-radius:16px;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:20px 24px;text-decoration:none;transition:background .15s,border-color .15s;display:grid}.work-item:hover{background:var(--choco-light);border-color:var(--mint-dim)}.work-item:hover .work-arrow{transform:translate(2px,-2px)}.work-type{color:var(--mint);letter-spacing:.12em;margin-bottom:4px;font-size:10px}.work-type-advent{color:#b03a4a}.work-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.4}.work-desc{color:var(--text-muted);font-size:12px;line-height:1.6}.work-tech{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.work-tech span{color:var(--mint-dim);background:#2dbf7e1f;border-radius:20px;padding:2px 8px;font-size:10px}.work-arrow{color:var(--text-dim);flex-shrink:0;font-size:14px;transition:transform .15s}.badge{letter-spacing:.08em;white-space:nowrap;border-radius:20px;flex-shrink:0;grid-area:1/2;justify-self:start;padding:2px 8px;font-size:9px;display:inline-block}.badge-article{color:var(--mint-dim);background:#2dbf7e26;border:.5px solid #2dbf7e59}.badge-talk{color:#7a4e2a;background:#a064321f;border:.5px solid #a064324d}.badge-writing{color:#7a4e2a;background:#a0643214;border:.5px solid #a0643233}.badge-interview{color:#5a3fa0;background:#6450a01a;border:.5px solid #6450a040}.badge-advent{color:#b03a4a;background:#b03a4a1a;border:.5px solid #b03a4a4d}.year-block{margin-bottom:40px}.year-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.year-tab{background:var(--choco-mid);border:.5px solid var(--mint-border);color:var(--text-dim);cursor:pointer;border-radius:20px;padding:4px 16px;font-family:DM Mono,monospace;font-size:11px;transition:background .15s,color .15s,border-color .15s}.year-tab.active{background:var(--mint);border-color:var(--mint);color:#fff}.year-tab:hover:not(.active){background:var(--choco-light);color:var(--text)}.year-block{display:none}.year-block.active{display:block}.activity-item{border-bottom:.5px solid var(--mint-border);grid-template-rows:auto auto;grid-template-columns:90px 1fr;align-items:baseline;gap:2px 12px;padding:13px 0;text-decoration:none;transition:padding-left .15s;display:grid}.activity-item:first-child{border-top:.5px solid var(--mint-border)}.activity-item:hover{padding-left:8px}.activity-date{color:var(--text-dim);white-space:nowrap;grid-area:1/1/3;font-size:11px}.activity-meta{grid-area:1/2;align-items:center;gap:8px;min-width:0;display:flex}.activity-title{color:var(--text-muted);grid-area:2/2;font-size:13px;line-height:1.4;transition:color .15s}.activity-item:hover .activity-title{color:var(--text)}.activity-source{color:var(--mint-dim);letter-spacing:.08em;white-space:nowrap;flex-shrink:0;align-self:center;font-size:9px}footer{border-top:.5px solid var(--mint-border);text-align:center;color:var(--text-dim);letter-spacing:.05em;margin-top:80px;padding-top:24px;font-size:11px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (width<=480px){.wrap{padding:48px 20px 80px}.activity-item{grid-template-columns:70px 1fr}.activity-meta{flex-wrap:wrap;align-items:flex-start;gap:6px}}.top-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.top-tag{color:var(--mint);letter-spacing:.2em;font-size:11px}.top-title{font-size:48px}.top-desc{color:var(--text-muted);font-size:13px;line-height:1.7}.top-link{color:var(--mint-dim);border-bottom:1px solid var(--mint-border);padding-bottom:4px;font-size:14px;text-decoration:none;transition:color .15s,border-color .15s}.top-link:hover{color:var(--text);border-color:var(--mint-dim)}