:root{--page:#e8e5dc;--ink:#f4f0e7;--shell:#0d1014;--surface:#11151a;--line:#2a3038;--muted:#9ca6b2;--muted-strong:#bdc5cf;--accent:#ffcf57;--accent-ink:#17140b;--active:#9dff78;--focus:#82a4ff}*{box-sizing:border-box}html{background:var(--page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:320px}body{background:radial-gradient(circle at 15% 5%, #ffffffd9, transparent 30rem), var(--page);min-width:320px;min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;margin:0;padding:clamp(12px,3vw,40px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-shell{background:var(--shell);border:1px solid #ffffff12;border-radius:clamp(18px,3vw,30px);width:min(100%,1180px);min-height:calc(100vh - clamp(24px,6vw,80px));margin:0 auto;overflow:hidden;box-shadow:0 28px 90px #11151c38}.site-header{border-bottom:1px solid var(--line);letter-spacing:.09em;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:20px clamp(20px,4vw,42px);font-size:.75rem;display:flex}.brand-link{color:var(--muted-strong);font-size:.85rem}.brand-link:hover{color:var(--accent)}.availability{color:var(--muted-strong);align-items:center;gap:9px;display:inline-flex}.status-dot{background:var(--active);border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #9dff78b3}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.lead{max-width:690px;color:var(--muted-strong);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:28px clamp(20px,4vw,42px);font-size:.8rem;display:flex}.back-link{border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;margin-top:36px;padding:11px 16px;display:inline-flex}.back-link:hover{color:var(--accent);border-color:var(--accent)}.projects-shell{flex-direction:column;min-height:calc(100vh - clamp(24px,6vw,80px));display:flex}.projects-hero{flex:1;width:min(100%,900px);padding:clamp(58px,9vw,110px) clamp(20px,7vw,84px)}.projects-hero h1{letter-spacing:-.055em;margin:20px 0 24px;font-size:clamp(3rem,8vw,6.5rem);font-weight:750;line-height:.98}.projects-hero h1:first-letter{color:var(--accent)}.contact-empty{border:1px dashed var(--line);color:var(--muted);border-radius:15px;margin-top:50px;padding:30px;line-height:1.9}.project-list{gap:12px;margin:50px 0 0;padding:0;list-style:none;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;flex-direction:column;gap:10px;padding:22px;display:flex}.project-card-meta{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:.72rem;display:flex}.project-status{border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;padding:3px 10px}.project-status--active{border-color:var(--active);color:var(--active)}.project-pinned{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:3px 10px;font-weight:650}.project-title{font-size:1.15rem}.project-summary{color:var(--muted);margin:0;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-tags li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.78rem}.project-links{gap:16px;display:flex}.project-links a{color:var(--accent)}.project-detail-title{margin:14px 0 10px;font-size:clamp(2.2rem,6vw,4rem)!important}.project-detail .project-tags{margin-top:18px}.project-detail .project-links{margin-top:16px}.project-content{border-top:1px solid var(--line);color:var(--muted-strong);margin-top:40px;padding-top:28px;line-height:1.85}.project-content h1,.project-content h2,.project-content h3,.project-content h4{color:var(--ink);margin:1.6em 0 .6em;line-height:1.35}.project-content h1{font-size:1.6rem}.project-content h2{font-size:1.35rem}.project-content h3{font-size:1.15rem}.project-content p{margin:.9em 0}.project-content ul,.project-content ol{margin:.9em 0;padding-left:1.4em}.project-content a{color:var(--accent)}.project-content img{border-radius:10px;max-width:100%}.project-content pre{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px 16px;overflow-x:auto}.project-content code{font-size:.9em}.project-content blockquote{border-left:3px solid var(--line);color:var(--muted);margin:1em 0;padding-left:14px}.project-content table{border-collapse:collapse;width:100%;margin:1em 0}.project-content th,.project-content td{border:1px solid var(--line);text-align:left;padding:8px 10px}@media (max-width:800px){body{padding:10px}.site-shell{border-radius:18px;min-height:calc(100vh - 20px)}.site-header{flex-direction:column;align-items:flex-start}}