:root{--bg-color: #f5f6f7;--text-color: #1f2933;--card-bg: #ffffff;--card-shadow: rgba(0,0,0,.06);--avatar-border: #d2d6db;--title-color: #3e4c59;--pill-bg: #d1fae5;--pill-text: #065f46;--about-color: #52606d;--section-title: #1f2933;--icon-btn-bg: #e4e7eb;--icon-btn-color: #1f2933;--icon-btn-hover-bg: #cbd2d9;--news-card-bg: #ffffff;--project-card-bg: #ffffff;--news-body-title: #1f2933;--news-body-text: #52606d;--project-img-bg: #f0f4f8;--project-body-title: #1f2933;--project-body-text: #52606d;--github-link-color: #065f46}.dark-theme{--bg-color: #0f172a;--text-color: #f1f5f9;--card-bg: #1e293b;--card-shadow: rgba(0,0,0,.4);--avatar-border: #334155;--title-color: #94a3b8;--pill-bg: #334155;--pill-text: #e2e8f0;--about-color: #cbd5e1;--section-title: #f8fafc;--icon-btn-bg: #334155;--icon-btn-color: #f1f5f9;--icon-btn-hover-bg: #475569;--news-card-bg: #0f172a;--project-card-bg: #0f172a;--news-body-title: #f8fafc;--news-body-text: #cbd5e1;--project-img-bg: #111;--project-body-title: #f8fafc;--project-body-text: #cbd5e1;--github-link-color: white}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg-color);color:var(--text-color)}.container{max-width:1100px;margin:0 auto;padding:24px}.content{display:grid;gap:20px}.projects-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.projects-track::-webkit-scrollbar{display:none}.projects-track{scrollbar-width:none}.project-card{flex:0 0 auto;min-width:240px;max-width:300px;scroll-snap-align:start}.card{background:var(--card-bg);border-radius:14px;box-shadow:0 6px 24px var(--card-shadow);overflow:hidden}.profile{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px;align-items:center}.avatar{width:180px;height:180px;object-fit:cover;border-radius:16px;border:3px solid var(--avatar-border)}.bio h1{margin:0 0 4px;font-size:28px;line-height:1.2}.title{color:var(--title-color);margin-bottom:12px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none}.pill{padding:6px 10px;border-radius:999px;background:var(--pill-bg);font-size:14px;color:var(--pill-text)}.about{margin:0;color:var(--about-color)}.section{padding:18px}.section h3{margin:0 0 12px;font-size:20px;color:var(--section-title)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.icon-btn{border:0;background:var(--icon-btn-bg);color:var(--icon-btn-color);width:36px;height:36px;border-radius:10px;cursor:pointer;transition:background .2s ease}.icon-btn:hover{background:var(--icon-btn-hover-bg)}.icon-btn+.icon-btn{margin-left:8px}.news-wrap{position:relative}.news-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px}.news-card{flex:0 0 300px;border-radius:12px;overflow:hidden;background:var(--news-card-bg)}.news-card img{width:100%;height:150px;object-fit:contain;background-color:#fff;padding:5px;border-radius:8px}.news-body{padding:12px}.news-body h4{margin:0 0 6px;font-size:16px;color:var(--news-body-title)}.news-body p{color:var(--news-body-text)}.project-links{display:flex;gap:8px;margin-top:.75rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.project-card img{width:100%;height:160px;object-fit:contain;background-color:var(--project-img-bg);padding:8px;border-radius:8px}.project-body{padding:12px}.project-body h4{color:var(--project-body-title)}.project-body p{color:var(--project-body-text)}.project-card{background:var(--project-card-bg)}@media (max-width: 700px){.profile{grid-template-columns:120px 1fr}.avatar{width:120px;height:120px}}@media (max-width: 520px){.profile{grid-template-columns:1fr}.avatar{width:120px;height:120px}}li.pill.github a,li.pill.github a:hover{color:var(--github-link-color);text-decoration:none!important}.theme-toggle{position:fixed;top:16px;right:16px;z-index:9999;background:var(--icon-btn-bg);color:var(--icon-btn-color);border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:background .3s}.theme-toggle:hover{background:var(--icon-btn-hover-bg)}.profile .pills .pill>a.profile__pill-link{color:inherit;text-decoration:none;display:flex;align-items:center}.profile .pills .pill>a.profile__pill-link[data-variant=social]{gap:6px}.profile .pills .pill>a.profile__pill-link[data-variant=social][data-network=github]{gap:4px}.profile .pills .pill>a.profile__pill-link:hover{text-decoration:none}
