@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-italic.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/newsreader-latin-700-normal.woff2)format("woff2")}:root,html[data-theme=classic-light]{--bg-primary:#f9f8f6;--bg-surface:#fff;--bg-card:#fff;--text-main:#111827;--text-muted:#4b5563;--accent:#e11d48;--accent-hover:#be123c;--accent-light:#e11d4814;--secondary:#0d9488;--secondary-light:#0d94881a;--border:#e5e7eb;--border-focus:#e11d48;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 10px 25px -5px #0000000f;--shadow-lg:0 20px 30px -10px #0000001a;--font-serif:"Newsreader", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--drawer-bg:#111827;--drawer-text:#f9fafb}html[data-theme=dark]{--bg-primary:#0f172a;--bg-surface:#1e293b;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#f43f5e;--accent-hover:#fb7185;--accent-light:#f43f5e1f;--secondary:#06b6d4;--secondary-light:#06b6d41f;--border:#334155;--border-focus:#f43f5e;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 10px 25px -5px #0000004d;--shadow-lg:0 20px 30px -10px #00000080;--drawer-bg:#020617;--drawer-text:#f8fafc}html[data-theme=koopa-beach]{--bg-primary:#f0f9ff;--bg-surface:#fff;--bg-card:#fff;--text-main:#0c4a6e;--text-muted:#0369a1;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-light:#0ea5e91a;--secondary:#14b8a6;--secondary-light:#14b8a61a;--border:#bae6fd;--border-focus:#0ea5e9;--shadow-sm:0 1px 3px #0ea5e914;--shadow-md:0 10px 25px -5px #0ea5e91f;--shadow-lg:0 20px 30px -10px #0ea5e933;--drawer-bg:#0c4a6e;--drawer-text:#f0f9ff}html[data-theme=choco-mountain]{--bg-primary:#fcf8f2;--bg-surface:#fff;--bg-card:#fff;--text-main:#3b2f2f;--text-muted:#715c5c;--accent:#c25e00;--accent-hover:#9a4b00;--accent-light:#c25e001a;--secondary:#854d0e;--secondary-light:#854d0e1a;--border:#eadace;--border-focus:#c25e00;--shadow-sm:0 1px 3px #3b2f2f0d;--shadow-md:0 10px 25px -5px #c25e0014;--shadow-lg:0 20px 30px -10px #3b2f2f1f;--drawer-bg:#2d2222;--drawer-text:#fcf8f2}html[data-theme=bowsers-castle]{--bg-primary:#09090b;--bg-surface:#18181b;--bg-card:#18181b;--text-main:#fafafa;--text-muted:#a1a1aa;--accent:#a855f7;--accent-hover:#c084fc;--accent-light:#a855f726;--secondary:#22c55e;--secondary-light:#22c55e26;--border:#27272a;--border-focus:#a855f7;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 10px 25px -5px #a855f733;--shadow-lg:0 20px 30px -10px #a855f74d;--drawer-bg:#000;--drawer-text:#fafafa}html[data-theme=yoshi-valley]{--bg-primary:#f4f7f4;--bg-surface:#fff;--bg-card:#fff;--text-main:#143823;--text-muted:#2d5a3e;--accent:#10b981;--accent-hover:#059669;--accent-light:#10b9811a;--secondary:#047857;--secondary-light:#0478571a;--border:#d1e0d4;--border-focus:#10b981;--shadow-sm:0 1px 3px #1438230d;--shadow-md:0 10px 25px -5px #10b98114;--shadow-lg:0 20px 30px -10px #1438231f;--drawer-bg:#0e2919;--drawer-text:#f4f7f4}html[data-theme=hacker-news]{--bg-primary:#121212;--bg-surface:#1e1e1e;--bg-card:#1e1e1e;--text-main:#e2e8f0;--text-muted:#a0aec0;--accent:#f60;--accent-hover:#f97316;--accent-light:#ff660026;--secondary:#eab308;--secondary-light:#eab30826;--border:#2d3748;--border-focus:#f60;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 10px 25px -5px #ff660026;--shadow-lg:0 20px 30px -10px #ff660040;--drawer-bg:#000;--drawer-text:#f60}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-main);font-size:16px;transition:background-color .3s,color .3s}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1.5rem}a{color:inherit;text-decoration:none;transition:color .2s}img{max-width:100%;height:auto;display:block}.theme-drawer{background-color:var(--drawer-bg);color:var(--drawer-text);z-index:200;max-height:0;box-shadow:var(--shadow-lg);border-bottom:1px solid #0000;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .4s;position:fixed;top:0;left:0;right:0;overflow:hidden}.theme-drawer.open{border-bottom-color:#ffffff1a;max-height:320px;padding:1.5rem 0;overflow-y:auto}html[data-theme=dark] .timeline-year,html[data-theme=dark] .hero-overline{color:#fb7185}html[data-theme=koopa-beach] .timeline-year,html[data-theme=koopa-beach] .hero-overline{color:#0369a1}html[data-theme=choco-mountain] .timeline-year,html[data-theme=choco-mountain] .hero-overline{color:#9a4b00}html[data-theme=bowsers-castle] .timeline-year,html[data-theme=bowsers-castle] .hero-overline{color:#c084fc}html[data-theme=yoshi-valley] .timeline-year,html[data-theme=yoshi-valley] .hero-overline{color:#047857}html[data-theme=classic-light] .section-tag,html[data-theme=koopa-beach] .section-tag{color:#0f766e}html[data-theme=classic-light] .hero-overline{color:#be123c}.theme-drawer-inner{flex-direction:column;gap:1rem;display:flex}.theme-drawer-header{justify-content:space-between;align-items:center;display:flex}.theme-drawer-title{font-family:var(--font-mono);letter-spacing:.1em;opacity:.8;font-size:.75rem;font-weight:600}.theme-drawer-close{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;padding:.25rem;transition:opacity .2s}.theme-drawer-close:hover{opacity:1}.theme-options-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.theme-card{cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:.5rem;padding:.6rem .75rem;transition:transform .2s,border-color .2s,background .2s;display:flex}.theme-card:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:#ffffff26}.theme-card-name{color:var(--drawer-text);font-size:.75rem;font-weight:600;font-family:var(--font-sans)}.theme-swatch{align-items:center;gap:4px;display:flex}.theme-swatch span{border-radius:50%;width:12px;height:12px;display:inline-block}.site-header{z-index:90;background-color:var(--bg-primary);border-bottom:none;padding:1.5rem 0 1rem;transition:background-color .3s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.brand-profile{align-items:center;gap:.85rem;display:flex}.avatar-wrapper{width:44px;height:44px;position:relative}.avatar-img{object-fit:cover;border:1px solid var(--border);width:100%;height:100%;box-shadow:var(--shadow-sm);border-radius:50%}.brand-text{align-items:center;display:flex}.brand-name{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-main);font-size:1.1rem;font-weight:700}.main-nav{display:flex}.nav-list{gap:1.75rem;list-style:none;display:flex}.nav-link{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.35rem;padding:.3rem 0;font-size:.88rem;display:flex;position:relative}.nav-num{color:var(--text-main);opacity:.7;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link.active:after{content:"";background-color:var(--accent);border-radius:2px;width:100%;height:2.5px;position:absolute;bottom:-4px;left:0}.back-link{font-family:var(--font-mono);color:var(--accent);font-size:.88rem;font-weight:600}.back-link:hover{text-decoration:underline}.header-actions{align-items:center;gap:.6rem;display:flex}.icon-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);cursor:pointer;font-family:var(--font-mono);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero-section{padding:4rem 0 4.5rem}.hero-inner{flex-direction:column;gap:1.5rem;display:flex}.hero-overline{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-size:.88rem;font-weight:600}.hero-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-main);font-size:3.75rem;font-weight:700;line-height:1.1}.hero-highlight{color:var(--text-muted);font-style:italic;font-weight:400}.hero-description{color:var(--text-muted);max-width:780px;font-size:1.25rem;line-height:1.65}section{border-top:none;padding:4.5rem 0}.section-header{margin-bottom:2rem}.section-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--secondary);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.section-title{font-family:var(--font-serif);color:var(--text-main);font-size:2.3rem;font-weight:700;line-height:1.2}.about-simple-bio{max-width:800px;margin-bottom:3rem}.about-lead{color:var(--text-main);font-size:1.3rem;font-family:var(--font-serif);line-height:1.6}.timelines-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.timeline-column{background-color:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:2rem}.timeline-col-title{font-family:var(--font-serif);color:var(--text-main);border-bottom:2px solid var(--accent-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:700;display:flex}.timeline-list{flex-direction:column;padding-left:.5rem;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background-color:var(--accent);opacity:.45;z-index:1;width:2px;position:absolute;top:10px;bottom:-10px;left:11px}.timeline-item{grid-template-columns:24px 100px 1fr;align-items:flex-start;gap:.85rem;padding-bottom:1.75rem;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot-wrapper{z-index:2;justify-content:center;align-items:center;margin-top:5px;display:flex;position:relative}.timeline-dot{z-index:3;background-color:var(--text-muted);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;transition:all .3s;position:relative}.timeline-dot.pulsing{background-color:var(--accent);width:12px;height:12px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-glow}@keyframes pulse-glow{0%{transform:scale(.95);box-shadow:0 0 #e11d48b3}70%{transform:scale(1.15);box-shadow:0 0 0 8px #e11d4800}to{transform:scale(.95);box-shadow:0 0 #e11d4800}}.timeline-year{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;margin-top:2px;font-size:.82rem;font-weight:600}.timeline-content h4{color:var(--text-main);font-size:1rem;font-weight:600;line-height:1.35}.timeline-content p{color:var(--text-muted);margin-top:.2rem;font-size:.88rem}.timeline-link{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.timeline-link:hover{color:var(--accent)}.projects-section{padding-top:2rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.project-card{background-color:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-4px)}.project-card-image-wrapper{background-color:#000;width:100%;height:220px;position:relative;overflow:hidden}.project-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-card-img{transform:scale(1.04)}.project-card-overlay{backdrop-filter:blur(2px);opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-card-overlay{opacity:1}.view-project-btn{font-family:var(--font-mono);color:#fff;background:var(--accent);box-shadow:var(--shadow-md);border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600}.project-card-content{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.project-card-meta{font-size:.75rem;font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.project-tag-pill{color:var(--secondary);font-weight:600}.project-status-pill{color:var(--text-muted)}.project-card-title{font-family:var(--font-serif);color:var(--text-main);font-size:1.4rem;font-weight:700}.project-card-desc{color:var(--text-muted);font-size:.92rem;line-height:1.55}.folder-icon{background-color:var(--accent-light);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;transition:transform .3s;display:flex}.project-card:hover .folder-icon{transform:translateY(-2px)scale(1.05)}.project-detail-page{padding:2.5rem 0 5rem}.project-single-container{max-width:820px;margin:0 auto}.project-header-centered{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.project-header-centered .back-link{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:.4rem;margin-bottom:1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.project-header-centered .back-link:hover{color:var(--accent-hover);transform:translate(-3px)}.project-detail-title{font-family:var(--font-serif);color:var(--text-main);text-align:center;margin-bottom:2rem;font-size:3.2rem;font-weight:700;line-height:1.15}.project-hero-figure{border:1px solid var(--border);width:100%;box-shadow:var(--shadow-md);background-color:var(--bg-surface);border-radius:16px;margin-bottom:1rem;overflow:hidden}.project-body{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.project-body h2{font-family:var(--font-serif);color:var(--text-main);margin-top:.5rem;font-size:2rem}.project-body h3{font-family:var(--font-serif);color:var(--text-main);font-size:1.6rem;font-weight:700}.project-body p{color:var(--text-muted);font-size:1.08rem;line-height:1.7}.project-inline-figure{border:1px solid var(--border);box-shadow:var(--shadow-sm);background-color:var(--bg-surface);border-radius:14px;margin:1.25rem 0 1.75rem;overflow:hidden}.project-inline-figure.figure-compact{max-width:440px;margin:1.75rem auto}.project-inline-img{object-fit:contain;width:100%;height:auto;display:block}.project-feature-list{flex-direction:column;gap:.6rem;margin:.5rem 0 1.5rem .5rem;list-style:none;display:flex}.project-feature-list li{color:var(--text-muted);padding-left:1.25rem;font-size:1.02rem;line-height:1.5;position:relative}.project-feature-list li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:0}.project-cta-wrapper{text-align:center;margin-top:2rem}.btn-primary{background-color:var(--accent);color:#fff;font-family:var(--font-mono);box-shadow:var(--shadow-sm);border-radius:8px;padding:.85rem 1.8rem;font-size:.92rem;font-weight:600;transition:transform .2s,background-color .2s;display:inline-block}.btn-primary:hover{background-color:var(--accent-hover);color:#fff;transform:translateY(-2px)}html{scroll-behavior:smooth}section[id]{scroll-margin-top:100px}#home{scroll-margin-top:0}.contact-section{padding-bottom:6rem}.contact-lead{color:var(--text-main);font-size:1.15rem;line-height:1.6;font-family:var(--font-serif);margin-bottom:1.75rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.contact-item{background-color:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.contact-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-icon{background-color:var(--accent-light);width:42px;height:42px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info{flex-direction:column;gap:.15rem;display:flex;overflow:hidden}.contact-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.72rem;font-weight:600}.contact-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}@media (width<=850px){.hero-title{font-size:2.8rem}.timelines-grid{grid-template-columns:1fr;gap:2rem}.project-detail-grid{grid-template-columns:1fr;gap:2.5rem}}@media (width<=600px){.nav-list{gap:1rem}.nav-num{display:none}.hero-title{font-size:2.2rem}.hero-description{font-size:1.05rem}.timeline-item{grid-template-columns:24px 1fr;gap:.5rem}.timeline-year,.timeline-content{grid-column:2}.projects-grid{grid-template-columns:1fr}}