*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafafa;--fg: #111;--sub: #444;--muted: #888;--border: #ebebeb;--surface: #f3f3f3;--accent: #2563eb;--c-project: #2563eb;--c-research: #7c3aed;--c-tool: #059669;--c-experiment: #d97706}[data-theme=dark]{--bg: #0d0d0d;--fg: #f0f0f0;--sub: #aaa;--muted: #555;--border: #1e1e1e;--surface: #161616;--accent: #3b82f6;--c-project: #60a5fa;--c-research: #a78bfa;--c-tool: #34d399;--c-experiment: #fbbf24}html{color-scheme:light dark;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.page{max-width:620px;margin:0 auto;padding:0 22px}.site-header{padding:52px 0 0;display:flex;align-items:flex-start;justify-content:space-between}.hd-left{display:flex;flex-direction:column;gap:5px}.site-name{font:700 17px/1 ui-monospace,Cascadia Code,monospace;letter-spacing:-.04em;color:var(--fg)}.site-name .dot{color:var(--accent)}.site-sub{font-size:12.5px;color:var(--muted);letter-spacing:.01em}.theme-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 8px;cursor:pointer;color:var(--muted);font-size:12px;line-height:1;transition:color .15s,border-color .15s;flex-shrink:0;margin-top:1px}.theme-btn:hover{color:var(--fg);border-color:var(--muted)}.cat-bar{display:flex;gap:20px;padding:32px 0 16px;border-bottom:1px solid var(--border)}.cat-btn{background:none;border:none;padding:0;font:11px/1 ui-monospace,monospace;color:var(--muted);cursor:pointer;letter-spacing:.03em;transition:color .14s}.cat-btn .n{opacity:.5;margin-left:4px}.cat-btn:hover{color:var(--fg)}.cat-btn.on{color:var(--fg);font-weight:700}.work-list{padding-bottom:80px}.wcard[hidden]{display:none!important}.wcard{position:relative;padding:26px 12px;margin:0 -12px;border-bottom:1px solid var(--border);transition:background .14s,border-radius .14s}.wcard:hover{background:var(--surface);border-radius:10px;border-bottom-color:transparent}.card-cover{position:absolute;inset:0;z-index:1;border-radius:inherit}.card-cover:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:2;margin-bottom:9px}.card-title{font-size:15.5px;font-weight:650;color:var(--fg);letter-spacing:-.025em;line-height:1.25}.card-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.card-year{font:10px/1 ui-monospace,monospace;color:var(--muted);letter-spacing:.04em}.cat-tag{font:700 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em;padding:2px 5px;border-radius:4px;border:1px solid currentColor}.cat-tag[data-c=project]{color:var(--c-project)}.cat-tag[data-c=research]{color:var(--c-research)}.cat-tag[data-c=tool]{color:var(--c-tool)}.cat-tag[data-c=experiment]{color:var(--c-experiment)}.card-desc{font-size:13px;color:var(--sub);line-height:1.65;position:relative;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;position:relative;z-index:2}.ctag{font:10px/1 ui-monospace,monospace;color:var(--muted)}.ctag:before{content:"#";opacity:.4}.card-links{display:flex;align-items:center;gap:18px;margin-top:16px;position:relative;z-index:2}.link-live{display:inline-flex;align-items:center;gap:5px;font:11px/1 ui-monospace,monospace;color:var(--accent);text-decoration:none;letter-spacing:.01em;transition:opacity .12s}.link-live:hover{opacity:.7}.link-live .ico{font-size:9px}.link-gh{display:inline-flex;align-items:center;gap:5px;font:11px/1 ui-monospace,monospace;color:var(--muted);text-decoration:none;position:relative;z-index:3;transition:color .12s}.link-gh:hover{color:var(--fg)}.link-gh:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.wip-tag{font:700 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--c-experiment);border:1px solid currentColor;border-radius:4px;padding:2px 5px;opacity:.75}.empty{padding:60px 0;text-align:center;font-size:13px;color:var(--muted);display:none}.empty.show{display:block}.lens{position:fixed;z-index:400;width:288px;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--border);box-shadow:0 20px 60px #0000002e,0 4px 12px #00000014;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.lens.show{opacity:1;transform:translateY(0)}.lens-img{display:block;width:100%;height:162px;object-fit:cover;object-position:top left}.lens-bar{padding:9px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--border)}.lens-name{font-size:12px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lens-url{font:10px/1 ui-monospace,monospace;color:var(--accent);white-space:nowrap;flex-shrink:0}.site-footer{border-top:1px solid var(--border);padding:16px 0;display:flex;justify-content:space-between;font:10px/1 ui-monospace,monospace;color:var(--muted);letter-spacing:.04em}@media(max-width:500px){.page{padding:0 16px}.site-header{padding-top:36px}.card-tags{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}