*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0b0b0b;--text:rgba(232,232,232,0.9);--text-dim:rgba(232,232,232,0.62);--text-strong:#f1f1f1;--accent:#4ea3ff;--accent-dim:rgba(78,163,255,0.7);--accent-glow:0 0 6px rgba(78,163,255,0.55);--rule:rgba(255,255,255,0.12);--rule-strong:rgba(255,255,255,0.26);--maxw:46rem;--font-display:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"Monaco","SF Mono","JetBrains Mono",ui-monospace,monospace}html{scroll-behavior:smooth;font-size:18px}body{font-family:var(--font-display);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;position:relative;font-weight:400;-webkit-font-smoothing:antialiased}body:after{z-index:9999;opacity:.24;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:9998;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%)}.scan-lines{z-index:9997;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(0,0,0,.14) 0,rgba(0,0,0,.14) 3px)}.light-leak,.scan-lines{position:fixed;inset:0;pointer-events:none}.light-leak{z-index:9996;background:radial-gradient(ellipse at 0 0,rgba(78,163,255,.05) 0,transparent 45%)}a{color:var(--accent);text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover{color:#fff}strong{color:var(--text-strong);font-weight:600}::selection{background:var(--accent);color:#000}.nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:1.4rem 1.5rem;position:relative;z-index:1}.nav-brand{font-family:var(--font-mono);font-weight:500;font-size:.85rem;letter-spacing:.02em;color:var(--accent);text-shadow:var(--accent-glow)}.nav-brand:before{content:"]";opacity:.85;margin-right:.1em}.nav-brand:hover{color:#fff}.nav-links{display:flex;gap:1.4rem}.nav-links a{font-family:var(--font-mono);font-size:.6rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.nav-links a:hover{color:#fff}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem;z-index:1}.container,.hero{position:relative}.hero{padding:3.5rem 0 2.5rem}.hero:has(.hero-title):before{content:"01 — index // taipei 2026";display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.4rem}.hero-title{font-family:var(--font-display);font-weight:900;font-size:clamp(3.2rem,14vw,6rem);line-height:.9;letter-spacing:-.05em;color:var(--text-strong)}.tagline{font-family:var(--font-mono);font-size:.82rem;line-height:1.8;color:var(--text);margin-top:1.6rem;max-width:34rem}.tagline .prompt{color:var(--accent)}.cursor{display:inline-block;width:.55em;height:1.05em;background:var(--accent);box-shadow:var(--accent-glow);vertical-align:-.18em;margin-left:.15em;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.goal{max-width:24rem;margin-top:2.2rem}.goal-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.6rem}.goal-label{color:var(--text-dim)}.goal-count{color:var(--text-strong);font-size:.72rem;letter-spacing:.08em}.goal-sep{color:var(--accent);margin:0 .18em}.goal-track{display:block;height:6px;background:rgba(255,255,255,.07);border:1px solid var(--rule);overflow:hidden}.goal-fill{display:block;height:100%;background:var(--accent);box-shadow:var(--accent-glow);transition:width .8s ease}.section{padding:1.5rem 0}.section>h2{font-family:var(--font-mono);font-weight:400;font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--text);margin-bottom:1.6rem;padding-top:1.6rem;border-top:1px solid var(--rule-strong)}#about h2:before{content:"02   ";color:var(--accent)}#projects h2:before{content:"03   ";color:var(--accent)}#blog h2:before{content:"04   ";color:var(--accent)}.projects-grid{display:flex;flex-direction:column}.project-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.2rem}.project-nav-link{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding:.34em .72em;border:1px solid var(--rule);transition:color .2s ease,border-color .2s ease}.project-nav-link:hover{color:var(--text-strong);border-color:var(--accent-dim)}.project-nav-count{color:var(--accent-dim);margin-left:.5em}.project-group{scroll-margin-top:1.5rem}.project-group+.project-group{margin-top:2.4rem}.project-cat{display:flex;align-items:baseline;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.3rem}.project-cat-name{color:var(--accent)}.project-cat-count{color:var(--text-dim)}.project-cat-count:before{content:"· ";color:var(--rule-strong)}.project{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon head" "icon desc" "icon tags";grid-column-gap:1.1rem;column-gap:1.1rem;align-items:center;padding:1.4rem 0;border-top:1px solid var(--rule);transition:border-color .3s ease}.projects-grid .project:last-child{border-bottom:1px solid var(--rule)}.project:hover{border-color:var(--rule-strong)}.project-header{grid-area:head;display:flex;align-items:center;gap:.6rem}.project-header h3{flex:1 1;min-width:0}.project-icon-link{grid-area:icon;display:block;width:52px;height:52px;align-self:center;border:1px solid var(--rule-strong);overflow:hidden;transition:border-color .35s ease}.project-icon{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(1.05);transition:filter .35s ease}.project:hover .project-icon{filter:grayscale(0) contrast(1) brightness(1)}.project:hover .project-icon-link{border-color:var(--accent)}.project-icon--ph{background-image:radial-gradient(rgba(232,232,232,.85) 32%,transparent 33%);background-size:5px 5px;background-color:#161616}.project h3{font-family:var(--font-display);font-weight:800;font-size:1.3rem;letter-spacing:-.02em;line-height:1.05}.project h3 a{color:var(--text-strong)}.project h3 a:hover{color:#fff}.project-github{margin-left:auto;display:inline-flex;align-items:center;color:var(--text-dim);transition:color .2s}.project-github:hover{color:var(--accent)}.project-type{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:.18em .5em;border:1px solid;color:var(--text-dim);opacity:.85}.project-type--ios{color:#4ea3ff}.project-type--macos{color:#b48cff}.project-type--web{color:#4fd6a0}.project-type--oss{color:#ffc24b}.project-type--plugin{color:#ff7ac6}.project-desc{grid-area:desc;font-family:var(--font-mono);font-size:.82rem;line-height:1.75;color:var(--text);margin-top:.5rem;max-width:34rem}.project-tags{grid-area:tags;display:flex;flex-wrap:wrap;margin-top:.7rem}.tag{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.05em;text-transform:lowercase;color:var(--text-dim)}.tag:not(:last-child):after{content:"／";margin:0 .6em;color:var(--rule-strong)}@media (max-width:560px){.project{grid-template-columns:40px 1fr;column-gap:.8rem}.project-icon-link{width:40px;height:40px}.project h3{font-size:1.1rem}}.film-strip{display:flex;justify-content:center;gap:.7rem;padding:2.5rem 0;opacity:.25}.film-strip span{width:7px;height:7px;border:1px solid var(--text)}.about-body{display:flex;gap:1.8rem;align-items:center}.about-photo{width:180px;height:180px;object-fit:cover;flex:none;border:1px solid var(--rule-strong);filter:grayscale(1) contrast(1.1);transition:filter .4s ease,border-color .4s ease}.about-photo:hover{filter:grayscale(0) contrast(1);border-color:var(--accent)}.about-text{min-width:0}#about p{font-family:var(--font-display);font-size:.98rem;line-height:2;color:var(--text);margin-bottom:1.4rem;max-width:36rem;font-weight:300}#about p:last-child{margin-bottom:0}@media (max-width:560px){.about-body{flex-direction:column;gap:1.2rem}.about-photo{width:140px;height:140px}}.catalog-credit{position:fixed;bottom:1.1rem;right:1.4rem;z-index:1;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.24em;text-transform:lowercase;color:var(--text-dim);pointer-events:none}.footer{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:5rem auto 0;padding:2rem 1.5rem;border-top:1px solid var(--rule-strong);position:relative;z-index:1}.timestamp{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.footer-links{display:flex;gap:1.4rem}.footer-links a{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.footer-links a:hover{color:#fff}.blog-entries{list-style:none}.blog-entry{display:grid;grid-template-columns:6rem 1fr;grid-gap:1.4rem;gap:1.4rem;padding:1.3rem 0;border-top:1px solid var(--rule);align-items:baseline}.blog-entries .blog-entry:last-child{border-bottom:1px solid var(--rule)}.blog-date{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;color:var(--accent-dim)}.blog-link{display:block;color:inherit}.blog-title{display:block;font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--text-strong);transition:color .2s}.blog-link:hover .blog-title{color:#fff;text-decoration:underline;text-underline-offset:4px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.blog-excerpt{display:block;margin-top:.4rem;font-size:.72rem;line-height:1.7}.blog-all,.blog-empty,.blog-excerpt{font-family:var(--font-mono);color:var(--text-dim)}.blog-all,.blog-empty{display:inline-block;margin-top:1.4rem;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase}.blog-all:hover{color:#fff}@media (max-width:560px){.blog-entry{grid-template-columns:1fr;gap:.35rem}}.blog-post-container{padding-top:1.5rem}.blog-post{max-width:38rem;margin:1.5rem 0 0}.blog-post-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}.blog-post-header h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.05;letter-spacing:-.03em;color:var(--text-strong);margin:.6rem 0 0}.blog-post-excerpt{font-family:var(--font-mono);font-size:.8rem;line-height:1.7;color:var(--text-dim);margin-top:.8rem}.blog-post-body{font-size:.98rem;line-height:1.9;color:var(--text);font-weight:300}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3{font-family:var(--font-display);font-weight:700;color:var(--text-strong);letter-spacing:-.01em;margin:2rem 0 .8rem}.blog-post-body h2{font-size:1.35rem}.blog-post-body h3{font-size:1.1rem}.blog-post-body p{margin-bottom:1.2rem}.blog-post-body a{border-bottom:1px solid var(--accent-dim)}.blog-post-body a:hover{border-bottom-color:#fff}.blog-post-body code{font-family:var(--font-mono);font-size:.85em;background:rgba(255,255,255,.07);padding:.1em .4em}.blog-post-body pre{background:rgba(255,255,255,.05);border:1px solid var(--rule);padding:1rem 1.2rem;margin:1.2rem 0;overflow-x:auto;font-size:.82rem}.blog-post-body pre code{background:transparent;padding:0}.blog-post-body blockquote{border-left:2px solid var(--accent-dim);padding-left:1.2rem;margin:1.2rem 0;color:var(--text-dim);font-style:italic}.blog-post-body ol,.blog-post-body ul{padding-left:1.4rem;margin-bottom:1.2rem}.blog-post-body li{margin-bottom:.4rem}.blog-post-body img{max-width:100%;height:auto;border:1px solid var(--rule);margin:1rem 0;filter:grayscale(1) contrast(1.05)}@media (max-width:480px){.container,.footer,.nav{padding-left:1.2rem;padding-right:1.2rem}}