@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap);:root{--brand:#4f46e5;--brand-600:#4338ca;--brand-700:#3730a3;--brand-soft:#eef2ff;--violet:#7c3aed;--bg:#fff;--bg-alt:#f8fafc;--surface:#fff;--border:#e6e8ef;--border-strong:#d3d7e3;--text:#0f172a;--text-soft:#475569;--text-muted:#94a3b8;--spotify:#1db954;--gold:#f59e0b;--nav-bg:#fffc;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 6px 20px -6px #0f172a1f;--shadow-lg:0 20px 45px -20px #4f46e559;--radius-sm:10px;--radius:16px;--radius-lg:24px;--nav-h:68px;--maxw:1120px;--font-display:"Space Grotesk","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}[data-theme=dark]{--brand:#818cf8;--brand-600:#6366f1;--brand-700:#c7d2fe;--brand-soft:#6366f12e;--violet:#a78bfa;--bg:#0b1120;--bg-alt:#0f172a;--surface:#131c31;--border:#1e293b;--border-strong:#334155;--text:#e2e8f0;--text-soft:#94a3b8;--text-muted:#64748b;--spotify:#1ed760;--nav-bg:#0b1120c7;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 20px -6px #00000080;--shadow-lg:0 20px 45px -20px #000000a6;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-body);line-height:1.6}body,h1,h2,h3,h4{color:#0f172a;color:var(--text)}h1,h2,h3,h4{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}a{color:#4f46e5;color:var(--brand);text-decoration:none}img{display:block;max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1120px;max-width:var(--maxw);padding:0 24px;width:100%}.section{padding:72px 0}.section-label{color:#4f46e5;color:var(--brand);display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);margin:10px 0 8px}.section-sub{color:#475569;color:var(--text-soft);max-width:620px}.btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:8px;padding:12px 22px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn-primary{background:#4f46e5;background:var(--brand);box-shadow:0 6px 20px -6px #0f172a1f;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{background:#4338ca;background:var(--brand-600);box-shadow:0 20px 45px -20px #4f46e559;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost{background:#fff;background:var(--surface);border-color:#d3d7e3;border-color:var(--border-strong);color:#0f172a;color:var(--text)}.btn-ghost:hover{border-color:#4f46e5;border-color:var(--brand);color:#4f46e5;color:var(--brand);transform:translateY(-2px)}.tag{background:#eef2ff;background:var(--brand-soft);border-radius:999px;color:#3730a3;color:var(--brand-700);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:4px 10px}@media (max-width:640px){.section{padding:52px 0}.container{padding:0 18px}}.app{display:flex;flex-direction:column;min-height:100vh}.page{flex:1 0 auto;padding-top:var(--nav-h)}.site-footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:28px 0}.site-footer .container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.site-footer p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--text-soft);font-size:.9rem;font-weight:500}.footer-links a:hover{color:var(--brand)}.nav{backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);background:var(--nav-bg);border-bottom:1px solid #0000;height:var(--nav-h);left:0;position:fixed;top:0;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;width:100%;z-index:100}.nav.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav-inner{height:100%;justify-content:space-between}.nav-brand,.nav-inner{align-items:center;display:flex}.nav-brand{color:var(--text);gap:10px}.nav-logo{background:linear-gradient(135deg,var(--brand),var(--violet));border-radius:10px;color:#fff;display:grid;font-size:.85rem;font-weight:700;height:34px;letter-spacing:.02em;place-items:center;width:34px}.nav-logo,.nav-name{font-family:var(--font-display)}.nav-name{font-size:1.02rem;font-weight:600;letter-spacing:-.01em}.nav-links{align-items:center;display:flex;gap:4px}.nav-link{border-radius:999px;color:var(--text-soft);font-size:.95rem;font-weight:500;padding:8px 14px;position:relative;transition:color .18s ease,background .18s ease}.nav-link:hover{background:var(--bg-alt);color:var(--text)}.nav-link.active{background:var(--brand-soft);color:var(--brand)}.nav-socials{align-items:center;border-left:1px solid var(--border);display:flex;gap:6px;margin-left:10px;padding-left:14px}.nav-socials a{border-radius:50%;color:var(--text-soft);display:grid;font-size:1rem;height:36px;place-items:center;transition:color .18s ease,background .18s ease,transform .18s ease;width:36px}.nav-socials a:hover{background:var(--brand-soft);color:var(--brand);transform:translateY(-1px)}.nav-right{align-items:center;display:flex;gap:4px}.theme-toggle{background:none;border:none;border-radius:50%;color:var(--text-soft);cursor:pointer;display:grid;font-size:1rem;height:36px;place-items:center;transition:color .18s ease,background .18s ease,transform .18s ease;width:36px}.theme-toggle:hover{background:var(--brand-soft);color:var(--brand);transform:translateY(-1px)}.menu-toggle{background:none;border:none;color:var(--text);cursor:pointer;display:none;font-size:1.35rem;padding:6px}@media (max-width:820px){.menu-toggle{display:grid;place-items:center}.nav-links{align-items:stretch;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);flex-direction:column;gap:4px;left:0;opacity:0;padding:16px;pointer-events:none;position:fixed;top:var(--nav-h);transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease;width:100%}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{border-radius:12px;font-size:1rem;padding:12px 14px}.nav-socials{border-left:none;border-top:1px solid var(--border);margin-left:0;margin-top:6px;padding-left:0;padding-top:10px}}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);display:flex;flex-direction:column;min-height:220px;padding:24px;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.project-icon{border-radius:12px;display:grid;font-size:1.25rem;height:46px;place-items:center;width:46px}.project-title{font-size:1.2rem;margin-bottom:8px}.project-blurb{color:var(--text-soft);flex:1 0 auto;font-size:.95rem}.project-link{align-items:center;color:var(--brand);display:inline-flex;font-size:.92rem;font-weight:600;gap:8px;margin-top:18px}.project-card:hover .project-link{gap:12px}.project-link svg{font-size:.85rem;transition:transform .2s ease}.hero{background:linear-gradient(180deg,var(--brand-soft) 0,var(--bg) 70%);overflow:hidden;padding:84px 0 64px;position:relative}.hero-glow{background:radial-gradient(circle,#7c3aed1f,#4f46e500 68%);filter:blur(10px);height:520px;pointer-events:none;position:absolute;right:-120px;top:-160px;width:520px}.hero-inner{max-width:780px;position:relative;z-index:1}.hero-title{font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.08;margin-bottom:12px}.hero-subtitle{color:var(--text);font-size:1.2rem;font-weight:500;margin-bottom:20px}.hero-text{color:var(--text-soft);font-size:1.08rem;margin-bottom:30px;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}.hero-links{display:flex;gap:12px}.hero-links a{background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-soft);display:grid;font-size:1.05rem;height:42px;place-items:center;transition:transform .18s ease,color .18s ease,border-color .18s ease,box-shadow .2s ease;width:42px}.hero-links a:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);color:var(--brand);transform:translateY(-2px)}.projects-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:34px}.view-all{align-items:center;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;white-space:nowrap}.view-all svg{font-size:.8rem;transition:transform .18s ease}.view-all:hover svg{transform:translateX(3px)}.projects-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:640px){.hero{padding:60px 0 48px}.projects-header{align-items:flex-start;flex-direction:column;gap:14px}.projects-grid{grid-template-columns:1fr}}.projects-hero{background:linear-gradient(180deg,var(--brand-soft) 0,var(--bg) 100%);padding:64px 0 40px}.projects-hero h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0 14px}.projects-hero p{color:var(--text-soft);font-size:1.08rem;max-width:640px}.projects-list{padding-top:40px}.projects-list .projects-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:640px){.projects-hero{padding:48px 0 28px}.projects-list .projects-grid{grid-template-columns:1fr}}.recently-played-element{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:10px;transition:transform .16s ease,box-shadow .2s ease,border-color .16s ease;width:100%}.recently-played-element:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.album-cover{border-radius:8px;flex-shrink:0;height:56px;object-fit:cover;width:56px}.song-info{min-width:0}.song-title{color:var(--text);font-size:.95rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-name{color:var(--text-soft);font-size:.85rem}.artist-name a{color:var(--text-soft);text-decoration:none}.artist-name a:hover{color:var(--brand);text-decoration:underline}.top-artist-element{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:10px;transition:transform .16s ease,box-shadow .2s ease,border-color .16s ease;width:100%}.top-artist-element:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.artist-image{border-radius:50%;flex-shrink:0;height:56px;object-fit:cover;width:56px}.artist-info{flex-grow:1;min-width:0}.top-artist-element .artist-name{font-size:.98rem;font-weight:600;margin-bottom:0}.top-artist-element .artist-name a{color:var(--text);text-decoration:none}.top-artist-element .artist-name a:hover{color:var(--brand);text-decoration:underline}.spotify-page{padding-bottom:72px}.spotify-hero{background:linear-gradient(180deg,#1db9541a 0,var(--bg) 100%);margin-bottom:40px;padding:56px 0 36px}.spotify-label{align-items:center;color:var(--spotify);display:inline-flex;gap:8px}.spotify-hero h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0 14px}.spotify-hero p{color:var(--text-soft);font-size:1.08rem;max-width:620px}.spotify-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;padding:80px 0}.spotify-spinner{animation:spin .9s linear infinite;border:3px solid var(--brand-soft);border-radius:50%;border-top-color:var(--spotify);height:42px;width:42px}@keyframes spin{to{transform:rotate(1turn)}}.now-playing{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:26px;margin:0 auto 56px;max-width:640px;opacity:0;padding:26px;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.now-playing.show{opacity:1;transform:translateY(0)}.now-playing-art{flex-shrink:0;position:relative}.now-playing-art img{border-radius:var(--radius);box-shadow:var(--shadow-sm);height:150px;object-fit:cover;width:150px}.now-playing-info{min-width:0}.play-status{color:var(--text-muted);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.play-status.live{color:var(--spotify)}.play-title{font-size:1.5rem;margin-bottom:4px;word-break:break-word}.play-artist{color:var(--text-soft);font-size:1.02rem;margin-bottom:16px}.spotify-link{align-items:center;color:var(--spotify);display:inline-flex;font-size:.95rem;font-weight:600;gap:8px}.spotify-link:hover{text-decoration:underline}.eq-bars{align-items:flex-end;background:#0f172a99;border-radius:6px;bottom:8px;display:flex;gap:3px;height:20px;padding:4px 5px;position:absolute;right:8px}.eq-bars span{animation:bounce .9s ease-in-out infinite;background:#fff;border-radius:2px;width:3px}.eq-bars span:first-child{animation-delay:0s;height:40%}.eq-bars span:nth-child(2){animation-delay:.2s;height:90%}.eq-bars span:nth-child(3){animation-delay:.4s;height:60%}.eq-bars span:nth-child(4){animation-delay:.1s;height:80%}@keyframes bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.tracks-container{grid-gap:26px;align-items:start;display:grid;gap:26px;grid-template-columns:repeat(3,1fr)}.tracks-column{min-width:0}.tracks-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.tracks-header h2{font-size:1.15rem}.tracks-list{display:flex;flex-direction:column;gap:10px}.dropdown{position:relative}.dropdown-select{align-items:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;color:var(--text-soft);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.82rem;font-weight:500;gap:6px;padding:6px 12px;transition:border-color .18s ease,color .18s ease}.dropdown-select:hover{border-color:var(--brand);color:var(--brand)}.dropdown-select svg{font-size:.7rem;transition:transform .18s ease}.dropdown-select svg.open{transform:rotate(180deg)}.dropdown-options{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);min-width:150px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.dropdown-option{background:none;border:none;border-radius:8px;color:var(--text-soft);cursor:pointer;display:block;font-family:var(--font-body);font-size:.86rem;padding:8px 10px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.dropdown-option:hover{background:var(--bg-alt);color:var(--text)}.dropdown-option.selected{background:var(--brand-soft);color:var(--brand-700);font-weight:600}@media (max-width:900px){.tracks-container{gap:40px;grid-template-columns:1fr}.now-playing{flex-direction:column;text-align:center}.spotify-link{justify-content:center}}.tictactoe-page{padding-bottom:72px}.tictactoe-hero{background:linear-gradient(180deg,#f59e0b1a 0,var(--bg) 100%);margin-bottom:40px;padding:56px 0 36px}.tictactoe-label{align-items:center;color:var(--gold);display:inline-flex;gap:8px}.tictactoe-hero h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0 14px}.tictactoe-hero p{color:var(--text-soft);font-size:1.08rem;margin-bottom:16px;max-width:620px}.tictactoe-repo{align-items:center;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px}.game-area{align-items:center;display:flex;flex-direction:column;gap:22px}.game-status{color:var(--text);font-family:var(--font-display);font-size:1.3rem;font-weight:600}.size-picker{align-items:center;color:var(--text-soft);display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:500;gap:10px;justify-content:center}.size-option{background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;color:var(--text-soft);cursor:pointer;font-family:var(--font-body);font-size:.88rem;font-weight:600;padding:6px 14px;transition:border-color .15s ease,color .15s ease,background .15s ease}.size-option:hover{border-color:var(--brand);color:var(--brand)}.size-option.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-700)}.win-note{color:var(--text-muted);font-size:.85rem;margin-top:-8px}.game-board{grid-gap:8px;display:grid;gap:8px}.cell{display:grid;font-family:var(--font-display);font-size:2.4rem;place-items:center}.cell.size-4{border-radius:10px;font-size:1.8rem}.cell.size-5{border-radius:8px;font-size:1.4rem}.cell{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--text);cursor:pointer;font-weight:700;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.cell:hover:not(:disabled){border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cell:disabled{cursor:default}.cell.x{color:var(--brand)}.cell.o{color:var(--gold)}.game-controls{align-items:center;display:flex;gap:20px}.ab-toggle{align-items:center;color:var(--text-soft);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px}.ab-toggle input{accent-color:var(--brand);cursor:pointer;height:16px;width:16px}.move-time{color:var(--text-muted);font-size:.9rem;max-width:480px;text-align:center}.tree-section{margin-top:64px}.tree-section h2{font-size:1.5rem;margin-bottom:10px}.tree-intro{color:var(--text-soft);margin-bottom:24px;max-width:640px}.tree-crumbs{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.crumb{align-items:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;color:var(--text-soft);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:6px 10px;transition:border-color .15s ease,color .15s ease}.crumb:hover{color:var(--brand)}.crumb.here,.crumb:hover{border-color:var(--brand)}.crumb.here{background:var(--brand-soft);color:var(--brand-700)}.tree-turn{font-size:.9rem;font-weight:600;margin-bottom:14px}.tree-over,.tree-turn{color:var(--text-soft)}.tree-note{color:var(--text-muted);font-size:.88rem;margin-bottom:14px}.tree-row{display:flex;flex-wrap:wrap;gap:14px}.tree-node{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.tree-node:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tree-node.picked{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft),var(--shadow-sm)}.mini-board{grid-gap:2px;display:grid;gap:2px}.mini-board.size-4 .mini-cell{font-size:.6rem}.mini-board.size-5 .mini-cell{border-radius:3px;font-size:.52rem}.mini-cell{background:var(--bg-alt);border-radius:4px;color:var(--text);display:grid;font-family:var(--font-display);font-size:.7rem;font-weight:700;place-items:center}.mini-cell.x{color:var(--brand)}.mini-cell.o{color:var(--gold)}.mini-cell.new{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.score-chip{background:var(--bg-alt);border-radius:999px;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:2px 10px}.score-chip.o-wins{background:#f59e0b24;color:var(--gold)}.score-chip.x-wins{background:var(--brand-soft);color:var(--brand)}@media (max-width:640px){.game-controls{flex-direction:column;gap:14px}}
/*# sourceMappingURL=main.75a3d1f3.css.map*/