*{box-sizing:border-box}#root,body,html{min-height:100%}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,Arial,sans-serif;margin:0}img{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}.page{margin:0 auto;max-width:1100px;padding:24px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{animation:fade-up .45s ease-out forwards;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.06);opacity:0;padding:14px;transform:translateY(8px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .3s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 10px 28px rgba(0,0,0,.1);transform:translateY(-2px)}.card-title{align-items:center;border-bottom:2px solid transparent;color:var(--fg);display:inline-flex;font-size:18px;font-weight:800;gap:6px;line-height:1.25;text-decoration:none;transition:color .15s ease,border-color .15s ease}.card-title:hover{border-bottom-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.muted{color:var(--muted)}.badges,.filter{margin:8px 0 12px}.badges,.chips,.filter{display:flex;flex-wrap:wrap;gap:8px}.chips{list-style:none;margin:0;padding:0}.chip{align-items:center;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--fg);cursor:pointer;display:inline-flex;padding:4px 10px}.chip.active{background:rgba(99,102,241,.12);border-color:var(--accent);color:var(--accent)}.chip.clear{opacity:.8}.section-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:14px 16px}.section-header{align-items:center;border-bottom:1px dashed var(--border);display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.section-title{margin-top:0}.divider{background:var(--border);border:0;height:1px;margin:10px 0 12px}.lead{color:var(--muted);line-height:1.7}.bullets{margin:8px 0 12px;padding-left:1.25rem}.bullets li{line-height:1.6;margin:6px 0}.bullets li::marker{color:var(--accent)}.bullets-clean{list-style:none;margin:0;padding-left:0}.bullets-clean li{line-height:1.6;margin:8px 0}.bullets-clean li:before{color:var(--accent);content:"•";font-weight:900;margin-right:8px}.btn{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--fg);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:10px 14px;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.btn:hover{transform:translateY(-1px)}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent);font-weight:700}.btn.ghost{background:transparent}.icon-btn{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06);color:var(--fg);display:grid;height:34px;place-items:center;transition:border-color .15s ease,color .15s ease,transform .15s ease;width:34px}.icon-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.icon-btn svg{height:18px;width:18px}.seg{background:var(--panel);border:1px solid var(--border);border-radius:10px;display:inline-flex;gap:2px;padding:2px}.seg-btn{background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;padding:4px 8px;transition:background .15s ease,color .15s ease}.seg-btn.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.project-card__image{border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.12);margin:8px 0 12px}.project-card__title{margin:6px 0 8px}.github-calendar-shell{overflow-x:auto}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 95%,transparent) 0,color-mix(in srgb,var(--panel) 85%,transparent) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:12px}.brand{align-items:center;display:flex;font-weight:800;gap:10px;letter-spacing:.3px;padding:6px 6px 10px}.nav{display:grid;gap:6px}.nav-item{align-items:center;border:1px solid transparent;border-radius:10px;color:var(--fg);display:flex;gap:10px;padding:8px 10px;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.nav-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}.nav-item.active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent);font-weight:700}.nav-icon{display:grid;height:35px;opacity:.9;place-items:center;width:18px}.dock{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--border);border-radius:12px;display:flex;gap:8px;margin-top:auto;padding:8px}.content{min-width:0;padding:32px}@media (max-width:960px){.layout{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10}.content{padding:20px}}:root{color-scheme:light dark}html:not([data-theme=dark]){--bg:#fff;--fg:#111;--muted:#666;--accent:#3b82f6;--panel:#f7f7f8;--border:#e5e7eb}html[data-theme=dark]{--bg:#0b0b0c;--fg:#f3f4f6;--muted:#a1a1aa;--accent:#60a5fa;--panel:#2a2a2d;--border:#222327}html{view-transition-name:root}::view-transition-new(root),::view-transition-old(root){animation-duration:1s;animation-timing-function:ease}html.theming,html.theming *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,fill .35s ease,stroke .35s ease!important}