*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--surface: #141414;--surface-hover: #1a1a1a;--border: #222;--text: #e8e8e8;--text-muted: #888;--accent: #fff}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--text);text-decoration:none}.container{max-width:960px;margin:0 auto;padding:0 24px}.site-header{padding:48px 0 0}.site-header nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-muted);font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--text)}.hero{padding:120px 0 80px}.hero h1{font-size:3.2rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.hero p{font-size:1.2rem;color:var(--text-muted);max-width:540px;line-height:1.7}section{padding:64px 0}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:32px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;transition:background .2s,border-color .2s;display:flex;flex-direction:column}.project-card:hover{background:var(--surface-hover);border-color:#333}.project-card h3{font-size:1.15rem;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.project-card p{font-size:.92rem;color:var(--text-muted);line-height:1.6;flex-grow:1}.project-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.tag{font-size:.75rem;color:var(--text-muted);background:#ffffff0f;padding:4px 10px;border-radius:100px}.project-status{display:inline-block;font-size:.75rem;color:var(--text-muted);border:1px solid var(--border);padding:4px 10px;border-radius:100px;margin-top:16px;align-self:flex-start}.project-screenshot{width:100%;aspect-ratio:16 / 10;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;overflow:hidden}.project-screenshot img{width:100%;height:100%;object-fit:cover}.experiments-intro{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.experiment-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.experiment-item{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--surface);transition:background .2s;text-decoration:none}.experiment-item:hover{background:var(--surface-hover)}.experiment-name{font-weight:600;font-size:.95rem;white-space:nowrap}.experiment-desc{color:var(--text-muted);font-size:.88rem;flex-grow:1}.experiment-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .2s}.experiment-item:hover .experiment-arrow{transform:translate(3px)}.about-content{max-width:600px}.about-content p{color:var(--text-muted);margin-bottom:16px;font-size:1rem;line-height:1.7}.contact-content p{color:var(--text-muted);font-size:1rem;margin-bottom:8px}.contact-content a{color:var(--text);border-bottom:1px solid var(--border);transition:border-color .2s}.contact-content a:hover{border-color:var(--text)}.site-footer{padding:48px 0;border-top:1px solid var(--border);margin-top:32px}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-content p{color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{color:var(--text-muted);font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--text)}.post-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.post-item{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--surface);transition:background .2s;text-decoration:none}.post-item:hover{background:var(--surface-hover)}.post-title{font-weight:600;font-size:.95rem;white-space:nowrap}.post-description{color:var(--text-muted);font-size:.88rem;flex-grow:1}.post-date{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.post-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .2s}.post-item:hover .post-arrow{transform:translate(3px)}.post-header{padding:120px 0 40px}.post-header h1{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}.post-meta{color:var(--text-muted);font-size:.9rem}.post-content{max-width:680px;padding-bottom:64px}.post-content h2{font-size:1.5rem;font-weight:600;margin-top:40px;margin-bottom:16px;letter-spacing:-.02em}.post-content h3{font-size:1.2rem;font-weight:600;margin-top:32px;margin-bottom:12px}.post-content p{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:16px}.post-content a{color:var(--text);border-bottom:1px solid var(--border);transition:border-color .2s}.post-content a:hover{border-color:var(--text)}.post-content code{background:var(--surface);padding:2px 6px;border-radius:4px;font-size:.9em}.post-content pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;overflow-x:auto;margin-bottom:16px}.post-content pre code{background:none;padding:0}.post-content ul,.post-content ol{color:var(--text-muted);margin-bottom:16px;padding-left:24px}.post-content li{margin-bottom:4px;line-height:1.7}.post-content blockquote{border-left:2px solid var(--border);padding-left:16px;margin-bottom:16px;color:var(--text-muted);font-style:italic}.post-content img{max-width:100%;border-radius:8px;margin-bottom:16px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;transition:background .2s,border-color .2s;display:flex;flex-direction:column;text-decoration:none}.product-card:hover{background:var(--surface-hover);border-color:#333}.product-image{width:100%;aspect-ratio:16 / 10;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-card h3{font-size:1.15rem;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.product-card .product-description{font-size:.92rem;color:var(--text-muted);line-height:1.6;flex-grow:1}.product-price{font-size:1.1rem;font-weight:600;margin-top:16px}.product-category{font-size:.75rem;color:var(--text-muted);background:#ffffff0f;padding:4px 10px;border-radius:100px;align-self:flex-start;margin-top:12px}.product-detail{padding-bottom:64px}.product-detail h1{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}.product-detail .product-meta{display:flex;align-items:center;gap:16px;margin-bottom:32px}.product-detail .product-price{font-size:1.4rem}.product-detail .product-content{max-width:680px}.product-detail .product-content p{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:16px}.buy-button{display:inline-block;background:var(--accent);color:var(--bg);font-size:1rem;font-weight:600;padding:12px 32px;border-radius:8px;transition:opacity .2s;text-decoration:none}.buy-button:hover{opacity:.9;color:var(--bg)}.empty-state{text-align:center;padding:80px 0;color:var(--text-muted)}.empty-state p{font-size:1rem}@media(max-width:640px){.site-header{padding:32px 0 0}.site-header nav{flex-direction:column;align-items:flex-start;gap:16px}.nav-links{gap:8px 20px;flex-wrap:wrap}.hero{padding:80px 0 48px}.hero h1{font-size:2.2rem}.project-grid,.product-grid{grid-template-columns:1fr}.experiment-item{padding:16px;gap:12px}.experiment-name{white-space:normal}.post-item{padding:16px;gap:12px}.post-title{white-space:normal}.footer-content{flex-direction:column;gap:16px;text-align:center}.post-header h1,.product-detail h1{font-size:1.8rem}}