*{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}.project-card__summary{line-height:1.7}.project-card--compact .project-card__summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.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)}}.app-shell{--sidebar-width:252px;--sidebar-collapsed-width:76px;--mobile-header-height:68px;--sidebar-motion-duration:0.28s;--sidebar-motion-ease:cubic-bezier(0.22,1,0.36,1);--mobile-drawer-motion-duration:0.22s;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 5%,transparent) 0,transparent 28%),var(--bg);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;height:100svh;overflow:hidden;transition:grid-template-columns var(--sidebar-motion-duration) var(--sidebar-motion-ease);transition:grid-template-columns var(--sidebar-motion-duration) var(--sidebar-motion-ease),-ms-grid-columns var(--sidebar-motion-duration) var(--sidebar-motion-ease)}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--panel) 90%,transparent);border-right:1px solid var(--border);display:block;height:100vh;height:100svh;position:relative;transition:background var(--sidebar-motion-duration) var(--sidebar-motion-ease),border-color var(--sidebar-motion-duration) var(--sidebar-motion-ease)}.sidebar:after{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 18%,var(--border)),transparent);content:"";height:calc(100% - 44px);position:absolute;right:0;top:22px;width:1px}.sidebar__panel{display:flex;flex-direction:column;gap:16px;height:100%;padding:16px 14px;transition:padding var(--sidebar-motion-duration) var(--sidebar-motion-ease),gap var(--sidebar-motion-duration) var(--sidebar-motion-ease)}.mobile-drawer__top,.sidebar__top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.brand{align-items:center;display:flex;gap:12px;min-width:0;transition:gap var(--sidebar-motion-duration) var(--sidebar-motion-ease)}.brand-logo,.mobile-header__logo{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;box-shadow:0 8px 24px color-mix(in srgb,#d6b35e 10%,transparent);height:44px;object-fit:cover;width:44px}.brand-copy,.mobile-header__copy{max-width:156px;min-width:0;overflow:hidden;transition:max-width var(--sidebar-motion-duration) var(--sidebar-motion-ease),opacity .2s ease,transform var(--sidebar-motion-duration) var(--sidebar-motion-ease)}.brand-copy--collapsed{max-width:0;opacity:0;transform:translateX(-6px)}.brand-title,.mobile-header__title{display:block;font-size:16px;font-weight:800;letter-spacing:.03em}.brand-subtitle,.mobile-header__subtitle{color:var(--muted);display:block;font-size:12px;line-height:1.4;margin-top:2px}.mobile-menu-btn,.sidebar-toggle{background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--border);border-radius:12px;color:var(--fg);cursor:pointer;display:grid;flex-shrink:0;height:38px;place-items:center;transition:border-color .15s ease,background .15s ease,transform .15s ease,color .15s ease;width:38px}.mobile-menu-btn:hover,.sidebar-toggle:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.drawer-backdrop:focus-visible,.mobile-menu-btn:focus-visible,.nav-item:focus-visible,.sidebar-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 62%,transparent);outline-offset:2px}.mobile-menu-btn svg,.nav-icon svg,.sidebar-toggle svg{height:18px;width:18px}.nav{display:grid;gap:8px;margin-top:4px}.nav-item{align-items:center;border:1px solid transparent;border-radius:14px;color:var(--fg);display:flex;gap:12px;min-height:46px;padding:10px 12px;position:relative;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease,gap var(--sidebar-motion-duration) var(--sidebar-motion-ease),padding var(--sidebar-motion-duration) var(--sidebar-motion-ease)}.nav-item:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));transform:translateX(1px)}.nav-item.active{background:color-mix(in srgb,var(--accent) 13%,transparent);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));color:var(--accent)}.nav-item.active:after{background:color-mix(in srgb,#d6b35e 72%,var(--accent));border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);content:"";height:6px;position:absolute;right:12px;transition:opacity .18s ease,transform var(--sidebar-motion-duration) var(--sidebar-motion-ease);width:6px}.nav-icon{display:grid;flex-shrink:0;height:20px;opacity:.92;place-items:center;width:20px}.nav-label{display:block;max-width:136px;min-width:0;overflow:hidden;transition:max-width var(--sidebar-motion-duration) var(--sidebar-motion-ease),opacity .2s ease,transform var(--sidebar-motion-duration) var(--sidebar-motion-ease);white-space:nowrap}.dock{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--panel) 72%,transparent);border:1px solid var(--border);border-radius:16px;display:flex;gap:8px;margin-top:auto;padding:10px;transition:padding var(--sidebar-motion-duration) var(--sidebar-motion-ease),gap var(--sidebar-motion-duration) var(--sidebar-motion-ease)}.dock--collapsed{justify-content:center}.shell-main{min-height:100vh;min-height:100svh;min-width:0;overflow-x:hidden;overflow-y:auto;padding:32px clamp(20px,3.2vw,40px);scrollbar-gutter:stable}.app-shell.sidebar-collapsed .sidebar__panel{padding:16px 10px}.app-shell.sidebar-collapsed .sidebar__top{align-items:center;flex-direction:column}.app-shell.sidebar-collapsed .brand{gap:0;justify-content:center;width:100%}.app-shell.sidebar-collapsed .nav-item{gap:0;justify-content:center;padding-inline:10px}.app-shell.sidebar-collapsed .nav-item.active:after,.app-shell.sidebar-collapsed .nav-label{max-width:0;opacity:0;transform:translateX(-6px)}.app-shell.sidebar-collapsed .nav-item.active:after{transform:scale(.72)}.app-shell.sidebar-collapsed .dock{padding:8px}@media (prefers-reduced-motion:reduce){.app-shell,.brand,.brand-copy,.dock,.nav-item,.nav-item.active:after,.nav-label,.sidebar,.sidebar__panel{transition:none}}.drawer-backdrop,.mobile-drawer,.mobile-header{display:none}@media (max-width:767px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr;height:100vh;height:100svh}.sidebar{display:none}.mobile-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom:1px solid var(--border);height:var(--mobile-header-height);justify-content:space-between;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:30}.mobile-header,.mobile-header__brand{align-items:center;display:flex;gap:12px}.mobile-header__brand{min-width:0}.mobile-header__logo{border-radius:12px;height:36px;width:36px}.mobile-header__subtitle{max-width:180px;overflow:hidden;text-overflow:ellipsis}.drawer-backdrop{background:rgba(3,6,12,.56);border:0;display:block;inset:0;opacity:0;padding:0;pointer-events:none;position:fixed;transition:opacity var(--mobile-drawer-motion-duration) ease;z-index:35}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-drawer{display:block;height:100vh;height:100svh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--mobile-drawer-motion-duration) var(--sidebar-motion-ease),opacity var(--mobile-drawer-motion-duration) ease,visibility 0s linear var(--mobile-drawer-motion-duration);visibility:hidden;width:min(86vw,320px);z-index:40}.mobile-drawer.is-open{opacity:1;pointer-events:auto;transform:translateX(0);transition-delay:0s;visibility:visible}.mobile-drawer__panel{background:color-mix(in srgb,var(--panel) 94%,transparent);border-right:1px solid var(--border);box-shadow:12px 0 32px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:16px;height:100%;padding:18px 14px 16px}.mobile-drawer .nav{margin-top:10px}.mobile-drawer .dock{flex-wrap:wrap;justify-content:space-between;margin-top:auto}.shell-main{min-height:100vh;min-height:100svh;padding:calc(var(--mobile-header-height) + 18px) 16px 24px}}: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}