:root{--primary:#e8e8e8;--secondary:#cfcfcf;--accent:#a8a8a8;--accent-hover:#7e7e7e;--accent-hover-color:#ddd;--bg:#3b3b3b;--card-bg:#4c4c4c;--card-link:#cfcfcf;--card-title:#f2f2f2;--card-description:#c9c9c9;--accent-border:1px solid #7a7a7a;--shadow:0 4px 6px #0000001a;--text:var(--primary);--muted:#bdbdbd;--surface:#ffffff0a;--surface-2:#ffffff0f;--border:#ffffff1a;--border-strong:#ffffff29;--focus:#a8a8a873;--radius:14px;--radius-sm:10px;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable;overflow-y:auto}}html,body{height:100%}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover-color)}header{background:var(--card-bg);box-shadow:var(--shadow);z-index:2;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:1rem 2rem;display:grid;position:sticky;top:0}.logo{color:var(--secondary);user-select:none;font-size:1.5rem;font-weight:700}nav a{color:var(--primary);border-bottom:2px solid #0000;margin-left:1rem;padding:.5rem 1rem;transition:all .3s}nav a.active,nav a:hover{color:var(--accent);border-bottom-color:var(--accent)}main{min-height:calc(100vh - 120px);padding:2rem}main#content{max-width:1600px;margin:0 auto}h1,h2{letter-spacing:.2px;color:var(--card-title);margin:0 0 1.25rem;font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.2}.muted{color:var(--muted);margin:-.5rem 0 1rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:1.2rem;margin-top:2rem;display:grid}.project-card{border-radius:var(--radius);background:linear-gradient(#ffffff0d,#ffffff05);background-color:var(--card-bg);border:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 8px 32px #00000040}.project-card:hover{border-color:var(--border-strong);transform:translateY(-6px);box-shadow:0 16px 44px #00000059}.project-card img{aspect-ratio:2;object-fit:cover;background:#0003;border:1px solid #ffffff12;border-radius:12px;width:100%;height:auto;max-height:160px}.project-card h3{color:var(--card-title);letter-spacing:.25px;margin-bottom:.2rem;font-size:1.05rem;line-height:1.2}.project-card p{color:var(--card-description);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.project-card .button{color:var(--accent-hover-color);background:#a8a8a821;border:1px solid #a8a8a847;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;margin-top:auto;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.project-card .button:hover{background:#a8a8a838;border-color:#a8a8a866;transform:translateY(-1px)}.utility-card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.utility-card h3{color:var(--card-title)}.utility-card p{color:var(--card-description)}.utility-card details{margin-top:1rem}.utility-card summary{cursor:pointer;padding:.5rem 0;font-weight:700;list-style:none}.utility-card summary::-webkit-details-marker{display:none}.download-links{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.download-links a{color:var(--accent);border:var(--accent-border);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:background .3s,color .3s,transform .2s;display:inline-flex}.download-links a:hover{background:var(--accent-hover);color:var(--accent-hover-color);transform:translateY(-1px)}#about{color:var(--accent-hover-color)}#about ul{color:var(--accent-hover-color);padding-left:15px}#about-card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:10px;padding:1.5rem}.page{display:none}.page.active{animation:.5s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}fieldset{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),#ffffff05);border-radius:var(--radius);margin:0 0 1rem;padding:1rem 1rem 1.1rem;box-shadow:0 10px 30px #00000038}legend{color:var(--muted);letter-spacing:.2px;padding:0 .55rem;font-weight:700}.row{grid-template-columns:1fr 1fr;gap:.9rem;margin:.4rem 0 .25rem;display:grid}label{color:var(--muted);flex-direction:column;gap:.45rem;font-weight:600;display:flex}input[type=text],input[type=number],select,textarea{width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:#0003;outline:none;padding:.7rem .85rem;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:#e8e8e873}textarea{resize:vertical;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--focus);background:#00000042}button{appearance:none;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:#a8a8a81f;border:1px solid #a8a8a847;padding:.65rem .95rem;font-weight:700;transition:transform .15s,background .15s,border-color .15s}button:hover{background:#a8a8a833;border-color:#a8a8a861;transform:translateY(-1px)}.checkbox-inline{user-select:none;color:var(--muted);align-items:center;gap:.55rem;margin-top:.6rem;display:inline-flex}.checkbox-inline input[type=checkbox]{accent-color:#a8a8a8;width:18px;height:18px}.actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.actions button{width:auto}.xray-output{min-height:260px}.prefixes{flex-wrap:wrap;gap:.6rem;display:flex}.prefixes code{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;padding:.35rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:inline-flex}.highlight{transition:background-color .5s;background-color:#a8a8a82e!important}html.embed body>header{display:none}html.embed body main{min-height:100vh;padding-top:1.25rem}@media (width<=1400px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (width<=1000px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=768px){header{text-align:center;grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.row{grid-template-columns:1fr}main#content{padding:1.25rem}.download-links{flex-direction:column}}@media (width<=480px){.projects-grid{grid-template-columns:1fr}.utility-card{padding:1rem}.download-links a{padding:.4rem .8rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.home-hero{padding:.75rem 0 .25rem}.home-title{align-items:baseline;gap:.75rem;display:inline-flex}.home-badge{letter-spacing:.4px;border:1px solid var(--border);background:var(--surface-2);color:var(--accent-hover-color);border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:800}.home-lead{max-width:70ch;color:var(--card-description);margin:-.5rem 0 1rem}.home-tags{flex-wrap:wrap;gap:.55rem;margin:.75rem 0 1.1rem;display:flex}.tag{background:linear-gradient(180deg,var(--surface),#ffffff05);border:1px solid var(--border);color:var(--accent-hover-color);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .6rem;font-size:.9rem;font-weight:700;display:inline-flex}.tag i{color:var(--accent)}.home-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.projects-wrap{margin-top:2rem}.friends h2{margin-bottom:.9rem}.profile-card{border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),#ffffff05);border:1px solid var(--border);color:var(--text);flex-direction:column;align-items:center;gap:.7rem;padding:1rem;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:0 10px 28px #0000002e}.profile-card:hover{border-color:var(--border-strong);background:linear-gradient(180deg,var(--surface-2),#ffffff08);transform:translateY(-2px)}.profile-card h3{color:var(--card-title);text-align:center;margin:0;font-size:1rem}.avatar{object-fit:cover;background:#00000040;border:1px solid #ffffff24;border-radius:999px;width:64px;height:64px}.link-card{border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--surface),#ffffff05);border:1px solid var(--border);color:var(--text);align-items:center;gap:.65rem;padding:.85rem 1rem;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.link-card:hover{border-color:var(--border-strong);background:linear-gradient(180deg,var(--surface-2),#ffffff08);transform:translateY(-1px)}.link-card i{color:var(--accent)}.friends{margin-top:1.75rem}.friends-head h2{margin-bottom:.9rem}.friends-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.friend-card{border-radius:var(--radius);background:linear-gradient(#ffffff0d,#ffffff05);background-color:var(--card-bg);color:var(--text);border:1px solid #ffffff1a;grid-template-columns:52px 1fr auto;align-items:center;gap:.85rem;padding:1rem 1.05rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 8px 32px #00000040}.friend-card:hover{border-color:#ffffff29;transform:translateY(-4px);box-shadow:0 16px 44px #00000059}.friend-avatar{object-fit:cover;background:#0003;border:1px solid #ffffff1f;border-radius:999px;width:52px;height:52px}.friend-meta{flex-direction:column;gap:.15rem;min-width:0;display:flex}.friend-name{color:var(--card-title);margin:0;font-size:1.02rem;line-height:1.15}.friend-url{color:var(--card-description);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.friend-ext{opacity:.55;color:var(--accent)}.friend-card:hover .friend-ext{opacity:.85}@media (width<=520px){.friends-grid{grid-template-columns:1fr}}