.skip-link{position:absolute;top:-48px;left:0;background:var(--ink);color:var(--paper);padding:8px 16px;z-index:10000;transition:top .2s}.skip-link:focus{top:0}:root,html[data-theme=light],[data-theme=light]{color-scheme:light;--paper: #F1F4EE;--surface: #FBFCF9;--surface-2: #E4EAE2;--ink: #0F1B18;--graphite: #4D5F58;--rule: #D2DBD3;--rule-strong: #A9B8AE;--nitrogen: #00776F;--nitrogen-hover: #005A54;--nitrogen-wash: #D5EEEA;--oxygen: #E0432A;--oxygen-wash: #FBE2DC;--sulfur: #FFC93C;--on-nitrogen: #FFFFFF;--lift: 0 1px 2px rgba(26, 29, 34, .08), 0 10px 28px rgba(26, 29, 34, .12);--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-display: "Newsreader", Georgia, serif;--font-mono: "Martian Mono", ui-monospace, "SFMono-Regular", monospace;--stretch-display: 100%;--r-s: 4px;--r-m: 8px;--r-l: 14px;--gutter: clamp(16px, 4vw, 48px);--container: min(1200px, 100% - 2 * var(--gutter));--bg-deep: var(--paper);--bg-primary: var(--paper);--bg-dark: var(--surface-2);--bg-secondary: var(--surface-2);--bg-tertiary: var(--surface-2);--bg-card: var(--surface);--card-bg: var(--surface);--bg-elevated: var(--surface-2);--bg-hover: var(--surface-2);--bg-active: var(--nitrogen-wash);--border: var(--rule);--border-color: var(--rule);--border-glow: var(--nitrogen);--text-primary: var(--ink);--text-secondary: var(--graphite);--text-muted: var(--graphite);--accent: var(--nitrogen);--accent-cyan: var(--nitrogen);--accent-color: var(--nitrogen);--accent-primary: var(--nitrogen);--accent-text: var(--nitrogen);--accent-green: #1f7a4d;--accent-purple: var(--oxygen);--accent-2: var(--oxygen);--secondary-accent: var(--oxygen);--error: var(--oxygen);--danger-color: var(--oxygen);--success: #1f7a4d;--grad-primary: var(--nitrogen);--grad-green: #1f7a4d;--primary-gradient: var(--nitrogen);--glow-cyan: none;--shadow-card: none;--shadow-soft: none;--nav-bg: var(--paper);--nav-border: var(--rule);--nav-text: var(--ink);--nav-text-hover: var(--nitrogen);--nav-shadow: none;--glass-bg: var(--surface);--glass-border: var(--rule);--glass-shadow: transparent;--body-bg: var(--paper);--body-color: var(--ink);--input-bg: var(--surface);--code-bg: var(--surface-2);--canvas-bg: var(--surface);--btn-primary-bg: var(--nitrogen);--btn-primary-text: var(--on-nitrogen);--btn-primary-hover: var(--nitrogen-hover);--music-bg: var(--paper);--music-text: var(--ink);--music-text-secondary: var(--graphite);--music-sidebar-bg: var(--surface-2);--music-sidebar-border: var(--rule);--music-hover-bg: var(--surface-2);--music-card-bg: var(--surface);--music-main-gradient: var(--paper);--music-search-bg: var(--surface);--music-album-gradient: var(--nitrogen);--music-accent: var(--nitrogen);--music-accent-hover: var(--nitrogen-hover);--music-player-bg: var(--surface);--music-player-bg-hover: var(--surface);--music-player-border: var(--rule);--music-play-btn-bg: var(--nitrogen);--music-play-btn-icon: var(--on-nitrogen);--music-progress-bg: var(--rule);--music-volume-bg: var(--rule);--music-nav-bg: var(--paper);--music-nav-border: var(--rule);--music-nav-text: var(--graphite);--music-nav-text-hover: var(--nitrogen);--music-nav-logo: var(--ink)}html[data-theme=dark],[data-theme=dark],[data-theme=quantum],[data-theme=dark-coffee],[data-theme=amber],[data-theme=tokyo-night],[data-theme=absolute-dark],[data-theme=forest],[data-theme=dracula]{color-scheme:dark;--paper: #0B1311;--surface: #132120;--surface-2: #1B2D2A;--ink: #E7F0EB;--graphite: #9AAEA5;--rule: #2A3D39;--rule-strong: #4A605A;--nitrogen: #3CCFC4;--nitrogen-hover: #7BE3DB;--nitrogen-wash: #153B38;--oxygen: #FF7458;--oxygen-wash: #3D1E19;--sulfur: #F2C94C;--on-nitrogen: #04201D;--lift: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .4);--bg-deep: var(--paper);--bg-primary: var(--paper);--bg-dark: var(--surface-2);--bg-secondary: var(--surface-2);--bg-tertiary: var(--surface-2);--bg-card: var(--surface);--card-bg: var(--surface);--bg-elevated: var(--surface-2);--bg-hover: var(--surface-2);--bg-active: var(--nitrogen-wash);--border: var(--rule);--border-color: var(--rule);--border-glow: var(--nitrogen);--text-primary: var(--ink);--text-secondary: var(--graphite);--text-muted: var(--graphite);--accent: var(--nitrogen);--accent-cyan: var(--nitrogen);--accent-color: var(--nitrogen);--accent-primary: var(--nitrogen);--accent-text: var(--nitrogen);--accent-green: #5cc98f;--accent-purple: var(--oxygen);--accent-2: var(--oxygen);--secondary-accent: var(--oxygen);--error: var(--oxygen);--danger-color: var(--oxygen);--success: #5cc98f;--grad-primary: var(--nitrogen);--grad-green: #5cc98f;--primary-gradient: var(--nitrogen);--glow-cyan: none;--shadow-card: none;--shadow-soft: none;--nav-bg: var(--paper);--nav-border: var(--rule);--nav-text: var(--ink);--nav-text-hover: var(--nitrogen);--nav-shadow: none;--glass-bg: var(--surface);--glass-border: var(--rule);--glass-shadow: transparent;--body-bg: var(--paper);--body-color: var(--ink);--input-bg: var(--surface);--code-bg: var(--surface-2);--canvas-bg: var(--surface);--btn-primary-bg: var(--nitrogen);--btn-primary-text: var(--on-nitrogen);--btn-primary-hover: var(--nitrogen-hover);--music-bg: var(--paper);--music-text: var(--ink);--music-text-secondary: var(--graphite);--music-sidebar-bg: var(--surface-2);--music-sidebar-border: var(--rule);--music-hover-bg: var(--surface-2);--music-card-bg: var(--surface);--music-main-gradient: var(--paper);--music-search-bg: var(--surface);--music-album-gradient: var(--nitrogen);--music-accent: var(--nitrogen);--music-accent-hover: var(--nitrogen-hover);--music-player-bg: var(--surface);--music-player-bg-hover: var(--surface);--music-player-border: var(--rule);--music-play-btn-bg: var(--nitrogen);--music-play-btn-icon: var(--on-nitrogen);--music-progress-bg: var(--rule);--music-volume-bg: var(--rule);--music-nav-bg: var(--paper);--music-nav-border: var(--rule);--music-nav-text: var(--graphite);--music-nav-text-hover: var(--nitrogen);--music-nav-logo: var(--ink);--font-mono: "Martian Mono", ui-monospace, "SFMono-Regular", monospace;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif}html{overflow-x:hidden;width:100%;background:var(--paper)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);font-stretch:100%;background:var(--paper);color:var(--ink);overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--sulfur);color:#1a1d22}mark{background:var(--sulfur);color:#1a1d22;padding:0 .15em;border-radius:2px}.glassmorphic{background:var(--surface);border:1px solid var(--rule);box-shadow:none}#navbar{position:fixed;top:0;left:0;right:0;z-index:50}#navbar .glassmorphic{background:var(--paper);border:0;border-bottom:1px solid var(--rule);box-shadow:none}.nav-logo{color:var(--ink);text-decoration:none;font-weight:700}.nav-link{color:var(--ink);transition:color .15s ease}.nav-link:hover,.nav-link.active{color:var(--nitrogen)}.dropdown-toggle{color:var(--ink);background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;transition:color .15s ease}.dropdown-toggle:hover,.dropdown-toggle.active{color:var(--nitrogen)}.dropdown-menu{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--lift);max-height:calc(100vh - 80px);overflow-y:auto}.dropdown-item{color:var(--ink);transition:color .15s ease,background .15s ease}.dropdown-item:hover{color:var(--nitrogen);background:var(--surface-2)}.theme-toggle-btn{color:var(--ink);background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--r-m);transition:background .15s ease}.theme-toggle-btn:hover{background:var(--surface-2)}#mobile-menu{background:var(--paper);border-left:1px solid var(--rule)}.mobile-menu-header{border-bottom:1px solid var(--rule);color:var(--ink)}.mobile-menu-link{color:var(--ink);border-bottom:1px solid var(--rule)}.mobile-menu-link:hover{color:var(--nitrogen);background:var(--surface-2)}.mobile-accordion-toggle{color:var(--ink);background:none;border:none;border-bottom:1px solid var(--rule)}.mobile-accordion-toggle:hover{color:var(--nitrogen)}.btn-primary,.nav-contact-btn{background:var(--nitrogen);color:var(--on-nitrogen)!important;border:1px solid var(--nitrogen);padding:.5rem 1.1rem;border-radius:var(--r-m);font-weight:600;transition:background .15s ease;text-decoration:none;white-space:nowrap}.btn-primary:hover,.nav-contact-btn:hover{background:var(--nitrogen-hover);border-color:var(--nitrogen-hover)}.tech-tag{display:inline-block;font-size:.8125rem;font-weight:500;padding:.125rem .5rem;border-radius:var(--r-s);background:transparent;color:var(--graphite);border:1px solid var(--rule)}.section-title{position:relative;font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:780;line-height:1.02;letter-spacing:-.01em;text-align:left;color:var(--ink);margin-bottom:1.5rem;padding-bottom:0}.section-title:after{content:none}:focus-visible{outline:2px solid var(--nitrogen);outline-offset:2px}.btn:focus-visible,button:focus-visible{outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--nitrogen);outline-offset:0;border-color:var(--nitrogen)}*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}h1,h2,h3,h4,.section-title,.gradient-text,.text-gradient{background-image:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}:where(body){font-family:var(--font-body);font-optical-sizing:auto}:where(h1,h2){font-family:var(--font-display);font-stretch:var(--stretch-display, 68%);font-weight:780;letter-spacing:-.01em;line-height:1.04;text-wrap:balance}:where(h3,h4){font-family:var(--font-body);font-stretch:100%;font-weight:650;letter-spacing:0;line-height:1.25}:where(p,li){text-wrap:pretty}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(.prose a,.el-link){color:var(--nitrogen);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}:where(.prose a,.el-link):hover{text-decoration-thickness:2px}:where(.btn,.el-btn){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.5rem 1rem;border-radius:var(--r-m);border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);font:600 .9375rem/1.2 var(--font-body);text-decoration:none;cursor:pointer;box-shadow:none;transform:none;transition:background .15s ease,border-color .15s ease,color .15s ease}:where(.btn,.el-btn):hover{border-color:var(--ink);transform:none;box-shadow:none}:where(.btn-primary,.el-btn--primary){background:var(--nitrogen);border-color:var(--nitrogen);color:var(--on-nitrogen)}:where(.btn-primary,.el-btn--primary):hover{background:var(--nitrogen-hover);border-color:var(--nitrogen-hover)}:where(.btn,.el-btn):disabled{opacity:.5;cursor:not-allowed}:where(input[type=text],input[type=email],input[type=search],input[type=url],input[type=number],input[type=password],textarea,select){font-family:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-m)}:where(input,textarea)::placeholder{color:var(--graphite);opacity:.85}:where(.panel,.el-panel){background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-l);box-shadow:none}:where(.tag,.el-tag){display:inline-block;padding:.1rem .45rem;border:1px solid var(--rule);border-radius:var(--r-s);color:var(--graphite);background:transparent;font:500 .8125rem/1.5 var(--font-body)}:where(.el-container){width:var(--container);margin-inline:auto}.thinking-orb{display:inline-block;vertical-align:middle;flex:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#navbar{background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:none}#navbar .nav-content{position:relative;width:var(--container);max-width:none;height:60px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px;background:transparent;border:0;border-radius:0;box-shadow:none}#navbar .nav-logo{font-family:var(--font-display);font-stretch:72%;font-weight:760;font-size:1.1875rem;letter-spacing:-.005em;color:var(--ink);white-space:nowrap}#navbar .nav-links{gap:2px}#navbar .nav-link{font:500 .9375rem/1 var(--font-body);padding:8px 10px;border-radius:var(--r-m);color:var(--ink);text-decoration:none}#navbar .nav-link:hover,#navbar .nav-link.active,#navbar .dropdown-toggle.active{color:var(--nitrogen)}#navbar .dropdown-menu{top:calc(100% + 6px);min-width:220px;padding:12px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--rule);box-shadow:var(--lift);transition:opacity .15s ease,transform .15s ease,visibility .15s}#navbar .nav-dropdown:has(>.dropdown-menu--wide){position:static}#navbar .dropdown-menu--wide{left:auto;right:0;width:min(900px,100%);transform:translateY(6px)}#navbar .dropdown-menu--wide.show{transform:translateY(0)}#navbar .dropdown-menu--narrow{width:min(480px,calc(100vw - 32px))}#navbar .nav-groups{display:grid;gap:4px 24px}#navbar .dropdown-menu--wide .nav-groups{grid-template-columns:repeat(3,minmax(0,1fr))}#navbar .dropdown-menu--narrow .nav-groups{grid-template-columns:repeat(2,minmax(0,1fr))}#navbar .nav-group-title{margin:4px 8px 6px;font:600 .8125rem/1.4 var(--font-body);color:var(--graphite)}#navbar .dropdown-item{display:block;padding:6px 8px;border-radius:var(--r-s);font:400 .9375rem/1.35 var(--font-body);color:var(--ink)}#navbar .dropdown-item:hover{background:var(--surface-2);color:var(--nitrogen)}#navbar .nav-menu-footer{display:block;margin:12px 8px 4px;padding-top:12px;border-top:1px solid var(--rule);color:var(--nitrogen);font:600 .9375rem/1.3 var(--font-body);text-decoration:none}#navbar .nav-menu-footer:hover{text-decoration:underline}#navbar .theme-toggle-btn,#navbar #menu-btn{width:40px;height:40px;border-radius:var(--r-m);color:var(--ink)}#mobile-menu .mobile-menu-link,#mobile-menu .mobile-accordion-toggle{font-family:var(--font-body)}@media(max-width:1023px){#navbar .dropdown-menu--wide .nav-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}