:root{--black:#000;--white:#fff;--offwhite:#fffdf5;--pink:#fe90e8;--blue:#c0f7fe;--green:#99e885;--yellow:#f7cb46;--cream:#ffdc8b;--text:#000;--text-h:#000;--bg:var(--offwhite);--border:var(--black);--code-bg:var(--white);--accent:var(--pink);--accent-bg:var(--blue);--accent-border:var(--black);--social-bg:var(--white);--border-w:4px;--border-w-sm:3px;--shadow-x:8px;--shadow-x-sm:4px;--shadow:var(--shadow-x) var(--shadow-x) 0 var(--black);--shadow-sm:var(--shadow-x-sm) var(--shadow-x-sm) 0 var(--black);--shadow-hover:6px 6px 0 var(--black);--radius:0;--radius-sm:0;--sans:"Inter", system-ui, sans-serif;--heading:"Inter", system-ui, sans-serif;--mono:"Space Grotesk", ui-monospace, monospace;font-family:var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;font-weight:500;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#fff;--text-h:#fff;--bg:var(--black);--border:#fff;--code-bg:#111;--accent:var(--yellow);--accent-bg:#1f1f1f;--accent-border:#fff;--social-bg:#1a1a1a;--shadow:var(--shadow-x) var(--shadow-x) 0 var(--yellow);--shadow-sm:var(--shadow-x-sm) var(--shadow-x-sm) 0 var(--yellow);--shadow-hover:6px 6px 0 var(--yellow)}}:root[data-theme=dark]{--text:#fff;--text-h:#fff;--bg:var(--black);--border:#fff;--code-bg:#111;--accent:var(--yellow);--accent-bg:#1f1f1f;--accent-border:#fff;--social-bg:#1a1a1a;--shadow:var(--shadow-x) var(--shadow-x) 0 var(--yellow);--shadow-sm:var(--shadow-x-sm) var(--shadow-x-sm) 0 var(--yellow);--shadow-hover:6px 6px 0 var(--yellow)}#root{border-inline:var(--border-w) solid var(--border);box-sizing:border-box;background:var(--bg);flex-direction:column;width:1280px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);text-transform:uppercase;letter-spacing:-.03em;color:var(--text-h);font-weight:900}h1{letter-spacing:-.03em;margin:32px 0;font-size:56px;line-height:.95}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{margin:0 0 8px;font-size:24px;line-height:1}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);border:var(--border-w-sm) solid var(--border);color:var(--text-h);background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.page-main{flex:1;display:flex}.page-main .bento-grid{width:100%;margin:auto 0}.bento-tile.pastel-pink{background:var(--pink)}.bento-tile.pastel-blue{background:var(--blue)}.bento-tile.pastel-green{background:var(--green)}.bento-tile.pastel-yellow{background:var(--yellow)}.bento-tile.pastel-cream{background:var(--cream)}:root[data-theme=dark] .bento-tile.pastel-pink,:root[data-theme=dark] .bento-tile.pastel-blue,:root[data-theme=dark] .bento-tile.pastel-green,:root[data-theme=dark] .bento-tile.pastel-yellow,:root[data-theme=dark] .bento-tile.pastel-cream{background:var(--code-bg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bento-tile.pastel-pink,:root:not([data-theme=light]) .bento-tile.pastel-blue,:root:not([data-theme=light]) .bento-tile.pastel-green,:root:not([data-theme=light]) .bento-tile.pastel-yellow,:root:not([data-theme=light]) .bento-tile.pastel-cream{background:var(--code-bg)}}.tilt-neg{transform:rotate(-1.5deg)}.tilt-pos{transform:rotate(1.5deg)}.tilt-neg:hover{transform:rotate(-1.5deg)translate(-2px,-2px)}.tilt-pos:hover{transform:rotate(1.5deg)translate(-2px,-2px)}.stat-deco-dot{border:2px solid var(--border);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}.bento-hero{position:relative;overflow:hidden}.hero-dot-grid{opacity:.3;background-image:radial-gradient(circle, var(--border) 1.2px, transparent 1.2px);pointer-events:none;z-index:0;background-size:22px 22px;position:absolute;inset:0}.hero-star{background:var(--yellow);border:var(--border-w-sm) solid var(--border);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);pointer-events:none;z-index:1;width:44px;height:44px;position:absolute;top:16px;right:16px}.hero-top,.hero-subtitle,.social-links{z-index:2;position:relative}.navbar{border-bottom:var(--border-w) solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.navbar-logo{font-family:var(--heading);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-h);font-size:18px;font-weight:900;text-decoration:none}.navbar-links{gap:24px;display:flex}.navbar-link{color:var(--text);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid #0000;padding-bottom:2px;font-size:13px;font-weight:600;text-decoration:none}.navbar-link.active{color:var(--text-h);border-bottom-color:var(--accent)}.navbar-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border:var(--border-w-sm) solid var(--border);background:var(--code-bg);box-shadow:var(--shadow-sm);cursor:pointer;width:36px;height:36px;font-size:16px;line-height:1}.lang-toggle{border:var(--border-w-sm) solid var(--border);background:var(--code-bg);box-shadow:var(--shadow-sm);color:var(--text-h);font-family:var(--mono);cursor:pointer;width:36px;height:36px;font-size:13px;font-weight:700;line-height:1}.bento-grid{text-align:left;grid-template-columns:1fr;grid-auto-rows:minmax(140px,auto);gap:16px;padding:40px 20px;display:grid}.bento-tile{border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--code-bg);box-shadow:var(--shadow);color:inherit;flex-direction:column;grid-column:span 1;padding:24px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.bento-tile:hover{box-shadow:10px 10px 0 var(--black);transform:translate(-2px,-2px)}:root[data-theme=dark] .bento-tile:hover{box-shadow:10px 10px 0 var(--yellow)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bento-tile:hover{box-shadow:10px 10px 0 var(--yellow)}}.bento-tile h3{font-size:19px;font-family:var(--heading);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-h);margin:0 0 8px;font-weight:800}.bento-tile p{margin:0 0 6px;font-size:15px;line-height:1.5}.bento-tag{width:fit-content;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-h);background:var(--accent-bg);border:var(--border-w-sm) solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.bento-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-h);margin-top:auto;padding-top:8px;font-size:12px;font-weight:600}.bento-page-header{flex-direction:column;grid-column:1/-1;gap:20px;display:flex}.bento-page-header h1{margin:8px 0 12px}.bento-page-header-text{flex:1}.bento-page-header-stats{flex-wrap:wrap;gap:16px;display:flex}@media (width>=768px){.bento-page-header{flex-direction:row;justify-content:space-between;align-items:center}.bento-page-header-stats{flex-wrap:nowrap;width:55%}}.language-bars{flex:1;min-width:220px}.language-bars-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-h);margin:0 0 8px;font-size:12px;font-weight:600}.language-bars-track{border:var(--border-w-sm) solid var(--border);background:var(--bg);width:100%;height:10px;display:flex;overflow:hidden}.language-bars-segment{height:100%}.language-bars-legend{color:var(--text);flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.language-bars-legend li{align-items:center;gap:6px;display:flex}.language-bars-dot{border-radius:50%;flex:none;width:8px;height:8px}.repo-stat-grid{gap:16px;min-width:220px;display:flex}.repo-stat-cell{text-align:center;flex:1;padding-top:4px;position:relative}.repo-stat-value{font-family:var(--heading);color:var(--text-h);margin:0;font-size:22px;font-weight:900}.repo-stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:2px 0 0;font-size:11px;font-weight:600}.bento-error{grid-column:1/-1}.hero-top{align-items:center;gap:16px;display:flex}.hero-avatar{object-fit:cover;border:var(--border-w-sm) solid var(--border);border-radius:50%;flex:none;width:64px;height:64px}.hero-name{font-size:32px;line-height:.95;font-family:var(--heading);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-h);margin:0;font-weight:900}.hero-nickname{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 0;font-size:13px;font-weight:600}.hero-subtitle{margin-top:16px}.social-links{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px;display:flex}.social-link{border:var(--border-w-sm) solid var(--black);box-shadow:var(--shadow-sm);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--white);background:var(--social-color);padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none}.github-stats-grid{flex-grow:1;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.github-stats-card{border:var(--border-w-sm) solid var(--border);box-shadow:var(--shadow-sm);background:var(--bg);color:inherit;flex-direction:column;justify-content:center;align-items:center;padding:14px 8px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;position:relative}.github-stats-card:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.github-stats-value{font-family:var(--heading);color:var(--text-h);margin:0;font-size:22px;font-weight:900}.github-stats-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--text);margin:4px 0 0;font-size:11px;font-weight:600}.bento-skill-highlight{flex-grow:1}.tag-list{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.tag-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border:var(--border-w-sm) solid var(--border);background:var(--bg);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.bento-project-meta{flex-wrap:wrap;gap:6px 14px;display:flex}.stat-chip{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.stat-chip svg{opacity:.8;flex:none}.bento-tag-wip{color:var(--black);background:var(--yellow)}.bento-contact-card{gap:8px}.contact-btn{border:var(--border-w-sm) solid var(--black);box-shadow:var(--shadow-sm);background:var(--yellow);color:var(--black);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:0;align-self:flex-start;margin-top:8px;padding:10px 20px;font-weight:700;text-decoration:none}@media (width>=640px){.bento-grid{grid-template-columns:repeat(6,1fr)}.bento-hero,.bento-stats{grid-column:span 6}.bento-skill,.bento-project,.bento-contact-card{grid-column:span 2}.bento-edu,.bento-exp{grid-column:span 3}}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(12,1fr)}.bento-hero{grid-area:span 2/span 8}.bento-stats{grid-area:span 2/span 4}.bento-skill,.bento-contact-card,.bento-project{grid-column:span 4}.bento-edu,.bento-exp{grid-column:span 6}}