.filter-bar.svelte-1detl4i{display:flex;gap:2px;margin-bottom:4px}.filter-btn.svelte-1detl4i{font-family:var(--mono);font-size:.67rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:none;border:none;cursor:pointer;color:var(--muted);padding:5px 10px;border-bottom:2px solid transparent;transition:color .1s}.filter-btn.svelte-1detl4i:hover:not(.active){color:var(--text)}.filter-btn.active.svelte-1detl4i{color:var(--text);border-bottom-color:var(--text)}.post-list.svelte-1detl4i{list-style:none}.post-item.svelte-1detl4i{display:grid;grid-template-columns:58px 1fr 76px;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--border-light)}.post-item.svelte-1detl4i:first-child{border-top:1px solid var(--border-light)}.post-type.svelte-1detl4i{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 5px;border:1px solid currentColor;white-space:nowrap;margin-top:3px;display:inline-block}.type-native.svelte-1detl4i{color:var(--accent)}.type-medium.svelte-1detl4i{color:#1a8917}.type-x.svelte-1detl4i{color:var(--text)}.post-body.svelte-1detl4i{display:flex;gap:12px;align-items:flex-start;min-width:0}.post-content.svelte-1detl4i{flex:1;min-width:0}.post-thumb.svelte-1detl4i{width:80px;height:80px;object-fit:contain;flex-shrink:0;display:block}.post-title.svelte-1detl4i{font-size:.88rem;font-weight:500;color:var(--text);text-decoration:none;line-height:1.5;display:block}.post-title.svelte-1detl4i:hover{color:var(--accent)}.ext.svelte-1detl4i{color:var(--muted);font-size:.78rem}.post-desc.svelte-1detl4i{font-size:.76rem;color:var(--muted);line-height:1.55;margin-top:4px}.post-aside.svelte-1detl4i{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-top:3px}.post-date.svelte-1detl4i{font-family:var(--mono);font-size:.68rem;color:var(--muted);white-space:nowrap}.read-time.svelte-1detl4i{font-family:var(--mono);font-size:.64rem;color:var(--muted)}.post-empty.svelte-1detl4i{padding:24px 0;font-family:var(--mono);font-size:.78rem;color:var(--muted)}@media(max-width:500px){.post-item.svelte-1detl4i{grid-template-columns:48px 1fr;grid-template-rows:auto auto}.post-aside.svelte-1detl4i{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:4px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFFFFF;--text: #0A0A0A;--muted: #6B7280;--accent: #0052CC;--border: #0A0A0A;--border-light: #E5E7EB;--head: "Space Grotesk", sans-serif;--body: "Inter", sans-serif;--mono: "JetBrains Mono", monospace}html{font-size:15px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh;max-width:980px;margin:0 auto}.sidebar{border-right:2px solid var(--border)}.sidebar-inner{position:sticky;top:0;height:100vh;overflow-y:auto;padding:48px 28px 40px;display:flex;flex-direction:column}.sidebar-top{margin-bottom:32px}.sidebar-name{font-family:var(--head);font-size:1.85rem;font-weight:700;line-height:1.05;letter-spacing:-.04em;margin-bottom:12px}.sidebar-role{font-size:.8rem;font-weight:500;margin-bottom:2px}.sidebar-loc{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-bottom:16px}.sidebar-bio{font-size:.78rem;color:var(--muted);line-height:1.65}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:24px}.nav-link{font-family:var(--head);font-size:.8rem;font-weight:500;color:var(--muted);text-decoration:none;padding:5px 0 5px 10px;border-left:2px solid transparent;transition:color .1s,border-color .1s}.nav-link:hover{color:var(--accent);border-left-color:var(--accent)}.sidebar-rule{height:1.5px;background:var(--border);margin-bottom:24px}.social-links{display:flex;flex-direction:column;gap:8px;margin-top:auto}.social-link{font-size:.78rem;font-weight:500;color:var(--text);text-decoration:none;display:flex;justify-content:space-between;align-items:center}.social-link:hover{color:var(--accent)}.arrow{font-size:.7rem;color:var(--muted)}.main{padding:48px 52px 80px 56px;min-width:0}.section{margin-bottom:80px}.section-label{margin-bottom:24px}.section-num{font-family:var(--head);font-size:5.5rem;font-weight:700;color:#f2f2f2;line-height:1;letter-spacing:-.06em;display:block;margin-bottom:-20px;user-select:none}.section-title{font-family:var(--head);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-bottom:2px solid var(--border);padding-bottom:10px;display:block}.project-grid{display:flex;flex-direction:column}.project-card{border:1.5px solid var(--border);border-top:none;padding:20px 22px}.project-card:first-child{border-top:1.5px solid var(--border)}.project-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}.project-name{font-family:var(--head);font-size:.92rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.01em}.project-name:hover{color:var(--accent)}.project-tech{font-family:var(--mono);font-size:.7rem;color:var(--muted);flex-shrink:0}.project-desc{font-size:.82rem;color:var(--muted);line-height:1.65;margin-bottom:12px}.project-row-bottom{display:flex;justify-content:space-between;align-items:center}.project-url{font-family:var(--mono);font-size:.7rem;color:var(--accent);text-decoration:none}.project-url:hover{text-decoration:underline}.project-stars{font-family:var(--mono);font-size:.7rem;color:var(--muted)}.exp-list{display:flex;flex-direction:column;gap:36px}.exp-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;flex-wrap:wrap}.exp-role{font-family:var(--head);font-size:1rem;font-weight:700;letter-spacing:-.01em}.exp-period{font-family:var(--mono);font-size:.72rem;color:var(--muted);flex-shrink:0}.exp-company{display:block;font-size:.82rem;font-weight:500;color:var(--accent);margin-bottom:10px}.exp-desc{font-size:.83rem;color:#444;line-height:1.72;margin-bottom:12px}.exp-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--mono);font-size:.68rem;color:var(--muted);border:1px solid var(--border-light);padding:2px 8px}.main-footer{border-top:1px solid var(--border-light);padding-top:20px;font-size:.72rem;color:var(--muted);font-family:var(--mono)}@media(max-width:700px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:2px solid var(--border)}.sidebar-inner{position:static;height:auto;padding:32px 24px}.main{padding:36px 24px 60px}}