@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_22d2e32d-module__J6aq2a__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_22d2e32d-module__J6aq2a__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8dd8a3188b79fd8f-s.2o9_j983y90g0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c8f209abc35ee02-s.p.0c0g8ifvh7k7-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Serif Display Fallback;src:local(Times New Roman);ascent-override:94.37%;descent-override:30.51%;line-gap-override:0.0%;size-adjust:109.78%}.dm_serif_display_7c5313ba-module__CFEoAW__className{font-family:DM Serif Display,DM Serif Display Fallback;font-style:normal;font-weight:400}.dm_serif_display_7c5313ba-module__CFEoAW__variable{--font-dm-serif-display:"DM Serif Display", "DM Serif Display Fallback"}
:root{--radius-lg:16px;--radius-md:12px;--max-width:1240px;--section-space:clamp(2.9rem, 6vw, 5rem);--pointer-x:50vw;--pointer-y:28vh;--pointer-alpha:.12;--bg-top:#080c1c;--bg-bottom:#040810;--ink:#e2e8f4;--muted:#8892b0;--subtle:#64748b;--line:#63a2ff29;--line-strong:#63a2ff47;--accent:#38bdf8;--accent-alt:#2563eb;--accent-strong:#0ea5e9;--glass-border:#63a2ff2e;--surface:#0e142cc2;--surface-solid:#0a0f22eb;--shadow-soft:0 24px 56px #00041280;--shadow-header:0 8px 28px #00041261;--shadow-card:0 12px 32px #00041466;--shadow-card-hover:0 20px 48px #00041485}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-manrope), "Segoe UI", sans-serif;color:var(--ink);background:radial-gradient(circle 32rem at var(--pointer-x) var(--pointer-y), rgba(56, 189, 248, calc(var(--pointer-alpha) + .04)) 0%, transparent 64%), radial-gradient(circle at 8% -12%, #38bdf81f 0%, transparent 44%), radial-gradient(circle at 96% -6%, #a78bfa1a 0%, transparent 42%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);min-height:100vh;margin:0;overflow-x:hidden}.particle-canvas{z-index:1;pointer-events:none;filter:saturate(1.4)contrast(1.18)brightness(1.12);width:100%;height:100%;position:fixed;inset:0}.bg-orb{z-index:-1;pointer-events:none;filter:blur(96px);opacity:.18;border-radius:999px;position:fixed}.orb-left{background:#38bdf847;width:32rem;height:32rem;top:-16rem;left:-12rem}.orb-right{background:#a78bfa3d;width:26rem;height:26rem;bottom:-12rem;right:-10rem}.main-shell{width:min(var(--max-width), 94vw);z-index:2;margin:0 auto;position:relative}.content-layout{position:relative}.main-sections{min-width:0;padding-bottom:clamp(2.2rem,4.2vw,3.6rem)}.site-header,.section,.site-footer{width:min(var(--max-width), 94vw);z-index:2;margin:0 auto;position:relative}.site-header{z-index:20;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-header);background:#0a0f22cc;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.72rem 1.1rem;display:flex;position:sticky;top:1rem}.brand{font-family:var(--font-dm-serif-display), "Georgia", serif;color:var(--ink);letter-spacing:-.01em;font-size:1.15rem;text-decoration:none}.site-nav{gap:.5rem;display:flex}.site-nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:.38rem .7rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink);background:#38bdf814;border-color:#38bdf833}.site-nav a.active,.site-nav a[aria-current=location]{color:var(--accent);background:#38bdf81a;border-color:#38bdf84d}.menu-toggle{cursor:pointer;background:0 0;border:0;width:2.1rem;height:2.2rem;padding:0;display:none}.menu-toggle span{background:var(--muted);border-radius:2px;width:100%;height:2px;margin:.28rem 0;transition:background .2s;display:block}.global-scroll-indicator{display:none}.scroll-profile{border:1px solid var(--glass-border);background:#0e1630b3;border-radius:12px;gap:.22rem;padding:.85rem .8rem;display:grid;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00041233}.scroll-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.8;margin:0;font-size:.65rem;font-weight:800}.scroll-brand{font-family:var(--font-dm-serif-display), "Georgia", serif;color:var(--ink);font-size:.98rem;font-weight:400;line-height:1.25;text-decoration:none}.scroll-role{color:var(--muted);margin:0;font-size:.72rem;line-height:1.35}.scroll-email{color:var(--accent);opacity:.8;align-items:center;gap:.3rem;margin-top:.22rem;font-size:.67rem;font-weight:600;text-decoration:none;transition:opacity .18s;display:inline-flex}.scroll-email:hover{opacity:1}.scroll-social{justify-content:center;gap:.36rem;margin-top:.4rem;display:flex}.scroll-social-link{border:1px solid var(--line);color:var(--muted);background:#0e163466;border-radius:6px;align-items:center;gap:.28rem;padding:.28rem .56rem;font-size:.67rem;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.scroll-social-link:hover{color:var(--ink);border-color:var(--glass-border);background:#38bdf812}.scroll-downloads{border-top:1px solid var(--line);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:.38rem;margin-top:.62rem;padding-top:.62rem;display:grid}.scroll-download-link{min-width:0;min-height:2.22rem;color:var(--ink);white-space:nowrap;background:linear-gradient(#ffffff12,#0000),#38bdf814;border:1px solid #38bdf838;border-radius:9px;justify-content:center;align-items:center;gap:.34rem;padding:.46rem .48rem;font-size:.66rem;font-weight:850;line-height:1.15;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 7px 16px #00041229}.scroll-download-link:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#fff3,#0000 62%);transition:opacity .18s;position:absolute;inset:0}.scroll-download-link svg{color:var(--accent);opacity:.9}.scroll-download-link span{text-overflow:ellipsis;min-width:0;overflow:hidden}.scroll-download-resume{background:linear-gradient(#ffffff17,#0000),linear-gradient(135deg,#38bdf833,#2563eb24);border-color:#38bdf857}.scroll-download-letter{background:linear-gradient(#ffffff14,#0000),linear-gradient(135deg,#a78bfa24,#38bdf817);border-color:#a78bfa47}.scroll-download-link:hover,.scroll-download-link:focus-visible{color:var(--accent);border-color:#38bdf86b;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,0 10px 22px #00041238}.scroll-download-link:hover:before,.scroll-download-link:focus-visible:before{opacity:1}.scroll-nav{scrollbar-width:thin;scrollbar-color:#38bdf866 transparent;flex-direction:column;flex:auto;gap:.22rem;min-height:0;margin-top:.9rem;padding-right:.3rem;display:flex;overflow-y:auto}.scroll-nav a{color:var(--muted);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.52rem .6rem;font-size:.88rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex}.scroll-nav a:hover,.scroll-nav a:focus-visible{color:var(--ink);border-color:var(--line);background:#38bdf812;transform:translate(2px)}.scroll-nav a.active,.scroll-nav a[aria-current=location]{color:var(--ink);background:#38bdf81a;border-color:#38bdf852;transform:translate(3px);box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00041233}.nav-left{align-items:center;gap:.5rem;display:inline-flex}.nav-icon{width:.98rem;height:.98rem;color:var(--accent);opacity:.7;justify-content:center;align-items:center;transition:opacity .18s;display:inline-flex}.scroll-nav a.active .nav-icon,.scroll-nav a[aria-current=location] .nav-icon{opacity:1}.nav-icon svg{width:100%;height:100%}.scroll-nav a small{letter-spacing:.08em;color:var(--subtle);font-variant-numeric:tabular-nums;font-size:.64rem}.scroll-nav a.active small,.scroll-nav a[aria-current=location] small{color:var(--accent);opacity:.8}.indicator-rail{pointer-events:none;flex-direction:column;align-items:center;width:.75rem;display:flex;position:absolute;top:.95rem;bottom:.95rem;right:.16rem}.indicator-node{background:#0e1630f5;border:1px solid #38bdf880;border-radius:999px;justify-content:center;align-items:center;width:10px;height:10px;display:flex;box-shadow:0 0 8px #38bdf84d,0 0 0 3px #38bdf81a}.indicator-node span{background:var(--accent);border-radius:999px;width:4px;height:4px}.indicator-track{background:#38bdf81f;border-radius:999px;flex:1;width:3px;margin-top:.5rem;position:relative;overflow:hidden}.indicator-progress{background:linear-gradient(#38bdf8 0%,#2563eb 100%);border-radius:999px;width:100%;min-height:4px;transition:height .14s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 12px #38bdf880}.indicator-thumb{background:radial-gradient(circle at 30% 30%,#fff 0%,#b8e6ff 100%);border:1px solid #38bdf899;border-radius:999px;width:10px;height:10px;transition:top .12s ease-out;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #38bdf82e,0 0 14px #38bdf866}.global-scroll-indicator:hover .indicator-thumb{box-shadow:0 0 0 3px #38bdf847,0 0 20px #38bdf880}.sidebar-contact{border-top:1px solid var(--line);background:linear-gradient(#080c1c00 0%,#080c1cd9 20%,#050814f5 100%);flex-shrink:0;margin-top:.6rem;padding-top:.75rem;padding-bottom:.15rem;position:sticky;bottom:0}.sidebar-contact-title{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.sidebar-contact-form{gap:.44rem;margin-top:.5rem;display:grid}.sidebar-contact-form label{gap:.22rem;display:grid}.sidebar-contact-form label span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:700}.sidebar-contact-form input,.sidebar-contact-form textarea{border:1px solid var(--line-strong);width:100%;font:inherit;color:var(--ink);background:#0e1634b3;border-radius:8px;padding:.45rem .52rem;font-size:.78rem;line-height:1.35;transition:border-color .18s,box-shadow .18s}.sidebar-contact-form textarea{min-height:5.6rem;max-height:5.6rem;overflow-y:auto;resize:none!important}.sidebar-contact-form input:focus,.sidebar-contact-form textarea:focus{border-color:#38bdf899;outline:none;box-shadow:0 0 0 3px #38bdf81f}.sidebar-contact-form input::placeholder,.sidebar-contact-form textarea::placeholder{color:var(--subtle)}.sidebar-submit{width:100%;min-height:2rem;padding:.46rem .7rem;font-size:.78rem}.sidebar-contact-status{margin:0;font-size:.7rem;font-weight:700}.sidebar-contact-status-success{color:#34d399}.sidebar-contact-status-error{color:#f87171}.sidebar-analytics{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#0000),#0e163475;border-radius:10px;flex-shrink:0;margin-top:.5rem;padding:.55rem .62rem}.sidebar-analytics-head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.38rem;font-size:.62rem;font-weight:850;display:flex}.sidebar-analytics-dot{background:var(--accent);border-radius:999px;width:7px;height:7px;box-shadow:0 0 9px #38bdf8a6}.sidebar-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.44rem;margin-top:.48rem;display:grid}.sidebar-analytics-grid div{background:#38bdf812;border:1px solid #38bdf81f;border-radius:8px;min-width:0;padding:.42rem .45rem}.sidebar-analytics-grid strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:900;line-height:1;display:block}.sidebar-analytics-grid span,.sidebar-analytics-note{color:var(--subtle);margin-top:.18rem;font-size:.62rem;font-weight:750;display:block}.sidebar-analytics-note{margin:.42rem 0 0}.contact-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.sidebar-inline-links{flex-wrap:wrap;justify-content:center;gap:.36rem;margin-top:.6rem;display:flex}.sidebar-inline-links a{border:1px solid var(--line-strong);color:var(--muted);background:#0e163480;border-radius:8px;justify-content:center;align-items:center;gap:.32rem;padding:.36rem .68rem;font-size:.72rem;font-weight:700;text-decoration:none;transition:transform .18s,border-color .18s,color .18s;display:inline-flex}.sidebar-inline-links a:hover,.sidebar-inline-links a:focus-visible{color:var(--accent);border-color:#38bdf866;transform:translateY(-1px)}.theme-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex;position:relative}.theme-switch-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle-icon{opacity:.28;pointer-events:none;z-index:2;font-size:.82rem;line-height:1;transition:opacity .22s,filter .22s;position:absolute;top:50%;transform:translateY(-50%)}.toggle-icon-sun{color:#f59e0b;left:.38rem}.toggle-icon-moon{color:#93c5fd;right:.38rem}.theme-switch-input:not(:checked)~.theme-switch-track .toggle-icon-sun{opacity:1;filter:drop-shadow(0 0 5px #f59e0bbf)}.theme-switch-input:checked~.theme-switch-track .toggle-icon-moon{opacity:1;filter:drop-shadow(0 0 5px #93c5fdbf)}.theme-switch-track{border:1px solid var(--line-strong);background:#0e1634d9;border-radius:999px;width:4.4rem;height:1.55rem;transition:background .22s,border-color .22s,box-shadow .22s;position:relative}.theme-switch-thumb{z-index:1;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-radius:999px;width:1.32rem;height:1.32rem;transition:left .28s cubic-bezier(.34,1.56,.64,1),background .22s,box-shadow .22s;position:absolute;top:50%;left:.14rem;transform:translateY(-50%);box-shadow:0 2px 8px #00000047,0 1px 2px #0000001f}.theme-switch-text{display:none}.theme-switch-input:checked~.theme-switch-track{background:#1d4ed847;border-color:#38bdf873;box-shadow:inset 0 1px #38bdf81a,0 0 10px #38bdf81f}.theme-switch-input:checked~.theme-switch-track .theme-switch-thumb{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);left:2.94rem;box-shadow:0 2px 8px #38bdf861,0 1px 2px #0000001a}.theme-switch-input:focus-visible~.theme-switch-track{outline-offset:2px;outline:2px solid #38bdf873}.mobile-theme-toggle{margin-left:auto;margin-right:.35rem}.sidebar-theme-toggle{flex-shrink:0;justify-content:center;width:100%;margin-top:.5rem;margin-bottom:.2rem}.section{padding-top:var(--section-space);padding-bottom:0}.hero{padding-top:clamp(3.8rem,8vw,7rem)}.hero-badge{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#38bdf812;border:1px solid #38bdf847;border-radius:999px;align-items:center;gap:.48rem;margin-bottom:1.4rem;padding:.28rem .8rem .28rem .6rem;font-size:.73rem;font-weight:800;display:inline-flex}.hero-badge-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0;animation:2.4s infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.welcome-line{font-family:var(--font-dm-serif-display), "Georgia", serif;letter-spacing:-.01em;background:linear-gradient(130deg,#38bdf8 0%,#3b82f6 55%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.15}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:.6rem 0 0;font-size:.7rem;font-weight:800}h1,h2,h3{margin:0;line-height:1.1}h1{max-width:17ch;font-family:var(--font-dm-serif-display), "Georgia", serif;color:var(--ink);letter-spacing:-.02em;margin-top:.85rem;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.1}.hero-title{letter-spacing:0;text-wrap:balance;max-width:13.5em;font-size:3.55rem;line-height:1.04}.hero-title span{text-wrap:balance;display:block}@media (max-width:860px){.hero-title{font-size:3rem}}@media (max-width:560px){.hero-title{font-size:2.35rem;line-height:1.08}}h2{font-family:var(--font-dm-serif-display), "Georgia", serif;color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.7rem,3.6vw,2.5rem)}p{color:var(--muted);margin:0;font-size:1rem;line-height:1.7}.lead{max-width:62ch;margin-top:1.2rem;font-size:1.02rem;line-height:1.72}.contact-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.7rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.68rem 1.15rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);box-shadow:0 8px 24px #38bdf84d}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 12px 32px #38bdf870}.btn-secondary{color:var(--muted);border-color:var(--line-strong);background:#0e1634b3;box-shadow:inset 0 1px #ffffff0f}.btn-secondary:hover,.btn-secondary:focus-visible{color:var(--ink);background:#38bdf814;border-color:#38bdf859}.section-head{border-bottom:1px solid var(--line);flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.2rem;display:flex;position:relative}.section-head:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-alt));border-radius:999px;width:3rem;height:2px;position:absolute;bottom:-1px;left:0}.section-head p{max-width:60ch;font-size:.95rem}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;display:grid}.about-grid p{font-size:1.02rem;line-height:1.72}.timeline{gap:.85rem;display:grid}.timeline-item,.project-card,.contact-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);transition:border-color .25s,box-shadow .25s,transform .25s}.timeline-item{box-shadow:inset 3px 0 0 #38bdf859, var(--shadow-card);border-radius:14px;overflow:hidden}.timeline-item:hover{box-shadow:inset 3px 0 0 #38bdf88c, var(--shadow-card-hover);border-color:#38bdf859}.timeline-grid{grid-template-columns:10.5rem minmax(0,1fr);align-items:stretch;gap:1rem;padding:1.1rem 1.2rem;display:grid}.timeline-logo-column{border-right:1px solid var(--line);text-align:center;grid-template-rows:minmax(0,1fr) auto;place-items:stretch center;gap:0;min-height:100%;padding-right:.85rem;display:grid}.timeline-body{gap:.55rem;min-width:0;display:grid}.timeline-head{justify-content:space-between;align-items:baseline;gap:.85rem;display:flex}.timeline-head h3{color:var(--ink);min-width:0;font-size:1rem;font-weight:700;line-height:1.35}.timeline-head time{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:700}.brand-mark{box-shadow:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.brand-mark-maxx{width:7.2rem;height:3.2rem}.brand-mark-oracle{width:7.9rem;height:2.45rem}.brand-mark-yousource{width:9.8rem;height:3.15rem}.brand-mark-mapua{width:5.2rem;height:5.2rem}.timeline-logo-column .brand-mark{filter:brightness(.85)contrast(1.05);opacity:.9;align-self:center;margin-inline:auto}.brand-mark img{object-fit:contain;object-position:center center;width:100%;height:100%;display:block}.brand-mark-oracle img{object-position:center 56%}.timeline-logo-meta{border-top:1px solid var(--line);align-self:end;justify-items:center;gap:.18rem;width:100%;margin-top:0;padding-top:.5rem;font-size:.75rem;line-height:1.3;display:grid}.timeline-logo-meta span{color:var(--muted);font-weight:600}.timeline-logo-meta a{color:var(--accent);opacity:.85;font-size:.72rem;font-weight:700;text-decoration:none;transition:opacity .18s}.timeline-logo-meta a:hover,.timeline-logo-meta a:focus-visible{opacity:1}.timeline-role-list{gap:.6rem;display:grid}.timeline-role-item{gap:.28rem;display:grid}.timeline-role-item+.timeline-role-item{border-top:1px solid var(--line);padding-top:.6rem}.timeline-role-head{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.timeline-role-head h4{color:var(--ink);opacity:.85;margin:0;font-size:.88rem;font-weight:700;line-height:1.35}.timeline-role-head time{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.67rem;font-weight:700}.timeline-item p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.58}.timeline-bullets{color:var(--muted);gap:.3rem;margin:0;padding-left:1rem;display:grid}.timeline-bullets li{font-size:.91rem;line-height:1.52}.skills-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.skill-group{border:1px solid var(--glass-border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:14px;padding:1rem;transition:border-color .25s,box-shadow .25s}.skill-group:hover{box-shadow:var(--shadow-card-hover);border-color:#38bdf847}.skill-group h3{font-family:var(--font-manrope), "Segoe UI", sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.4rem;margin:0 0 .7rem;font-size:.68rem;font-weight:900;display:flex}.skill-group h3:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;flex-shrink:0;display:inline-block}.skill-list{flex-wrap:wrap;gap:.46rem;margin:0;padding:0;list-style:none;display:flex}.skill-list li{color:var(--muted);background:#38bdf80f;border:1px solid #38bdf833;border-radius:999px;padding:.38rem .64rem;font-size:.78rem;font-weight:700;transition:border-color .18s,color .18s,background .18s}.skill-list li:hover{color:var(--accent);background:#38bdf81a;border-color:#38bdf866}.skill-group .skill-list{gap:.42rem}.skill-group .skill-list li{padding:.34rem .6rem;font-size:.76rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{flex-direction:column;padding:1.2rem;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-alt));opacity:.7;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.project-card:hover{box-shadow:var(--shadow-card-hover);border-color:#38bdf84d;transform:translateY(-3px)}.project-card:hover:before{opacity:1}.project-card h3{color:var(--ink);margin-bottom:.52rem;font-size:1.08rem;line-height:1.3}.project-card p{flex:1;font-size:.93rem;line-height:1.66}.project-card p+p{margin-top:.68rem}.project-card a{color:var(--accent);opacity:.9;align-items:center;gap:.3rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .18s;display:inline-flex}.project-card a:after{content:"↗";font-size:.8em}.project-card a:hover{opacity:1}.project-meta{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.project-meta span{color:var(--muted);background:#a78bfa12;border:1px solid #a78bfa38;border-radius:999px;padding:.22rem .52rem;font-size:.72rem;font-weight:700}.site-footer{padding:1.4rem 0 2.2rem}.site-footer p{border-top:1px solid var(--line);color:var(--subtle);padding-top:.95rem;font-size:.86rem}.contact-card{padding:clamp(1.18rem,3vw,1.85rem)}.reveal{--reveal-progress:0;opacity:var(--reveal-progress);transform:translate3d(0, calc((1 - var(--reveal-progress)) * 22px), 0);will-change:opacity, transform;transition:opacity .44s ease-out,transform .44s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translate(0,0)}@media (min-width:1025px){.site-header,.mobile-theme-toggle{display:none}.main-shell,.site-footer{width:min(1400px,96vw)}.content-layout{border:1px solid var(--glass-border);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-soft);background:#080c1c99;border-radius:20px;display:block;overflow:hidden}.content-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(36rem 14rem at 0 0,#38bdf80f 0%,#0000 70%),radial-gradient(28rem 12rem at 100% 5%,#a78bfa0d 0%,#0000 78%);position:absolute;inset:0}.global-scroll-indicator{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:16rem;height:calc(100vh - 2rem);box-shadow:inset 0 1px 0 #ffffff0d, inset -1px 0 0 var(--line);z-index:30;background:#080c1cb8;border-top-left-radius:19px;border-bottom-left-radius:19px;flex-direction:column;padding:1rem .82rem 1rem .8rem;display:flex;position:fixed;top:1rem;left:2vw;overflow:hidden;transform:translateZ(0)}.global-scroll-indicator.sidebar-top{width:16rem;height:calc(100vh - 2rem);position:absolute;top:1rem;left:0}.global-scroll-indicator.sidebar-bottom{width:16rem;height:calc(100vh - 2rem);position:absolute;top:auto;bottom:1rem;left:0}.main-sections{padding-inline:clamp(1.2rem,2.5vw,2.1rem);z-index:2;margin-left:calc(16rem + clamp(.9rem,1.5vw,1.4rem));padding-bottom:clamp(4rem,8vh,6rem);position:relative}.main-sections .section{width:100%;margin:0}.main-sections .hero{padding-top:clamp(3.2rem,6.5vw,6rem)}.site-footer p{margin-left:calc(16rem + clamp(.9rem,1.5vw,1.4rem))}}@media (min-width:1459px){.global-scroll-indicator.sidebar-fixed{left:calc(50vw - 700px)}}@media (max-width:860px){.about-grid,.project-grid,.skills-groups{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr;gap:.7rem;padding:.95rem 1rem}.timeline-logo-column{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto auto;justify-items:center;padding-bottom:.55rem;padding-right:0}.timeline-logo-column .brand-mark{margin-bottom:.35rem}.timeline-head{flex-direction:column;align-items:flex-start;gap:.3rem}.timeline-head time{white-space:normal}.timeline-role-head{flex-direction:column;align-items:flex-start;gap:.2rem}}@media (max-width:740px){.site-header{top:.7rem}.menu-toggle{display:inline-block}.site-nav{border-radius:var(--radius-md);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(13rem,88vw);box-shadow:var(--shadow-header);background:#080c1cf2;flex-direction:column;padding:.48rem;display:none;position:absolute;top:calc(100% + .42rem);right:0}.site-nav.open{display:flex}}@media (max-width:1024px){.global-scroll-indicator{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scroll-nav::-webkit-scrollbar{width:6px}.scroll-nav::-webkit-scrollbar-thumb{background:#38bdf859;border-radius:999px}.scroll-nav::-webkit-scrollbar-thumb:hover{background:#38bdf88c}.scroll-nav::-webkit-scrollbar-track{background:#38bdf80f;border-radius:999px}html[data-theme=light]{--bg-top:#f4f7ff;--bg-bottom:#e8eeff;--ink:#0f172a;--muted:#475569;--subtle:#64748b;--line:#6366f124;--line-strong:#6366f138;--accent:#4f46e5;--accent-alt:#1d4ed8;--accent-strong:#1e3a8a;--glass-border:#6366f129;--surface:#ffffffc7;--surface-solid:#f8fafff5;--shadow-soft:0 24px 52px #0f17501f;--shadow-header:0 6px 20px #0f175017;--shadow-card:0 10px 28px #0f175017;--shadow-card-hover:0 18px 44px #0f175024}html[data-theme=light] body{background:radial-gradient(circle 30rem at var(--pointer-x) var(--pointer-y), rgba(99, 102, 241, var(--pointer-alpha)) 0%, transparent 64%), radial-gradient(circle at 8% -12%, #6366f11a 0%, transparent 44%), radial-gradient(circle at 96% -6%, #7c3aed14 0%, transparent 42%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%)}html[data-theme=light] .particle-canvas{filter:saturate(1.7)contrast(1.2)brightness(.92)}html[data-theme=light] .bg-orb{opacity:.2}html[data-theme=light] .orb-left{background:#6366f13d}html[data-theme=light] .orb-right{background:#7c3aed33}html[data-theme=light] .site-header{box-shadow:var(--shadow-header);background:#f8faffd1;border-color:#6366f12e}html[data-theme=light] .brand{color:#0f172a}html[data-theme=light] .content-layout{box-shadow:var(--shadow-soft);background:#f8faffd1;border-color:#6366f12e}html[data-theme=light] .content-layout:before{background:radial-gradient(36rem 14rem at 0 0,#6366f10f 0%,#0000 70%),radial-gradient(28rem 12rem at 100% 5%,#7c3aed0d 0%,#0000 78%)}html[data-theme=light] .global-scroll-indicator{background:#f8faffdb;border-right-color:#6366f124;box-shadow:inset 0 1px #fffc,inset -1px 0 #6366f11a}html[data-theme=light] .scroll-profile{background:#ffffffe0;border-color:#6366f12e;box-shadow:0 4px 14px #0f175012,inset 0 1px #ffffffe6}html[data-theme=light] .scroll-kicker{color:var(--accent)}html[data-theme=light] .scroll-brand{color:#0f172a}html[data-theme=light] .scroll-role,html[data-theme=light] .scroll-nav a{color:var(--muted)}html[data-theme=light] .scroll-nav a:hover,html[data-theme=light] .scroll-nav a:focus-visible{color:var(--ink);background:#6366f10f;border-color:#6366f12e}html[data-theme=light] .scroll-nav a.active,html[data-theme=light] .scroll-nav a[aria-current=location]{color:var(--accent);background:#6366f117;border-color:#6366f147;box-shadow:0 4px 12px #0f175014}html[data-theme=light] .nav-icon{color:var(--accent)}html[data-theme=light] .scroll-nav a small{color:var(--subtle)}html[data-theme=light] .scroll-nav a.active small,html[data-theme=light] .scroll-nav a[aria-current=location] small{color:var(--accent)}html[data-theme=light] .indicator-node{background:#f8fafffa;border-color:#6366f180;box-shadow:0 0 8px #6366f140,0 0 0 3px #6366f11a}html[data-theme=light] .indicator-node span{background:var(--accent)}html[data-theme=light] .indicator-track{background:#6366f11a}html[data-theme=light] .indicator-progress{background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);box-shadow:0 0 12px #6366f166}html[data-theme=light] .indicator-thumb{background:radial-gradient(circle at 30% 30%,#fff 0%,#eef2ff 100%);border-color:#6366f18c;box-shadow:0 0 0 2px #6366f129,0 0 14px #6366f14d}html[data-theme=light] .welcome-line{background:linear-gradient(130deg,#4f46e5 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .hero-badge{color:var(--accent);background:#6366f112;border-color:#6366f147}html[data-theme=light] .hero-badge-dot{background:var(--accent);box-shadow:0 0 8px #6366f199}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3{color:#0f172a}html[data-theme=light] .eyebrow{color:var(--muted)}html[data-theme=light] .btn-primary{background:linear-gradient(135deg,#4f46e5 0%,#1d4ed8 100%);box-shadow:0 8px 24px #4f46e547}html[data-theme=light] .btn-primary:hover{box-shadow:0 12px 32px #4f46e566}html[data-theme=light] .btn-secondary{color:var(--muted);background:#ffffffe0;border-color:#6366f138;box-shadow:inset 0 1px #ffffffe6}html[data-theme=light] .btn-secondary:hover{color:var(--accent);background:#6366f10d;border-color:#6366f161}html[data-theme=light] .section-head{border-color:#6366f124}html[data-theme=light] .section-head:after{background:linear-gradient(90deg, var(--accent), var(--accent-alt))}html[data-theme=light] .timeline-item{box-shadow:inset 3px 0 0 #4f46e54d, var(--shadow-card);background:#ffffffd9;border-color:#6366f124}html[data-theme=light] .timeline-item:hover{box-shadow:inset 3px 0 0 #4f46e580, var(--shadow-card-hover);border-color:#6366f147}html[data-theme=light] .timeline-head h3{color:#0f172a}html[data-theme=light] .timeline-head time{color:var(--accent)}html[data-theme=light] .timeline-logo-column{border-right-color:#6366f11f}html[data-theme=light] .timeline-logo-column .brand-mark{filter:none;opacity:1}html[data-theme=light] .timeline-logo-meta{border-top-color:#6366f11a}html[data-theme=light] .timeline-logo-meta span{color:var(--muted)}html[data-theme=light] .timeline-logo-meta a{color:var(--accent)}html[data-theme=light] .timeline-role-head h4{color:#0f172a}html[data-theme=light] .timeline-role-head time,html[data-theme=light] .timeline-item p,html[data-theme=light] .timeline-bullets{color:var(--muted)}html[data-theme=light] .timeline-role-item+.timeline-role-item{border-top-color:#6366f11a}html[data-theme=light] .skill-group{background:#ffffffd9;border-color:#6366f124}html[data-theme=light] .skill-group:hover{border-color:#6366f142}html[data-theme=light] .skill-group h3{color:var(--accent)}html[data-theme=light] .skill-group h3:before{background:var(--accent);box-shadow:0 0 6px #4f46e580}html[data-theme=light] .skill-list li{color:var(--muted);background:#6366f10d;border-color:#6366f12e}html[data-theme=light] .skill-list li:hover{color:var(--accent);background:#6366f117;border-color:#6366f15c}html[data-theme=light] .project-card{background:#ffffffe0;border-color:#6366f124}html[data-theme=light] .project-card:hover{border-color:#6366f147}html[data-theme=light] .project-card:before{background:linear-gradient(90deg,#4f46e5,#1d4ed8)}html[data-theme=light] .project-card h3{color:#0f172a}html[data-theme=light] .project-card a{color:var(--accent)}html[data-theme=light] .project-meta span{color:var(--muted);background:#7c3aed0f;border-color:#7c3aed33}html[data-theme=light] .sidebar-contact{background:linear-gradient(#f8faff00 0%,#f3f6ffe0 20%,#eef2fff7 100%);border-top-color:#6366f124}html[data-theme=light] .sidebar-contact-title{color:#0f172a}html[data-theme=light] .sidebar-contact-form label span{color:var(--muted)}html[data-theme=light] .sidebar-contact-form input,html[data-theme=light] .sidebar-contact-form textarea{color:#0f172a;background:#ffffffe0;border-color:#6366f13d;box-shadow:inset 0 1px #ffffffb3}html[data-theme=light] .sidebar-contact-form input::placeholder,html[data-theme=light] .sidebar-contact-form textarea::placeholder{color:#4755698c}html[data-theme=light] .sidebar-contact-form input:focus,html[data-theme=light] .sidebar-contact-form textarea:focus{border-color:#4f46e599;box-shadow:0 0 0 3px #6366f124}html[data-theme=light] .sidebar-analytics{background:linear-gradient(#fffc,#0000),#6366f10b;border-color:#6366f129}html[data-theme=light] .sidebar-analytics-grid div{background:#6366f10e;border-color:#6366f121}html[data-theme=light] .sidebar-analytics-grid strong{color:#0f172a}html[data-theme=light] .scroll-email{color:var(--accent)}html[data-theme=light] .scroll-social-link{color:var(--muted);background:#fff9;border-color:#6366f124}html[data-theme=light] .scroll-social-link:hover{color:var(--accent);background:#6366f10d;border-color:#6366f147}html[data-theme=light] .scroll-downloads{border-top-color:#6366f124}html[data-theme=light] .scroll-download-link{color:#172033;background:linear-gradient(#ffffffe0,#ffffff85),#6366f10e;border-color:#6366f12e;box-shadow:inset 0 1px #ffffffc7,0 7px 16px #0f17500f}html[data-theme=light] .scroll-download-resume{background:linear-gradient(#ffffffe6,#eef2ff99),#4f46e514;border-color:#4f46e53d}html[data-theme=light] .scroll-download-letter{background:linear-gradient(#ffffffe6,#f5f3ff9e),#7c3aed0f;border-color:#7c3aed33}html[data-theme=light] .scroll-download-link:hover,html[data-theme=light] .scroll-download-link:focus-visible{color:var(--accent);border-color:#4f46e557;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #0f17501a}html[data-theme=light] .sidebar-inline-links a{color:var(--muted);background:#ffffffdb;border-color:#6366f133}html[data-theme=light] .sidebar-inline-links a:hover{color:var(--accent);border-color:#4f46e561}html[data-theme=light] .toggle-icon-sun{color:#d97706}html[data-theme=light] .toggle-icon-moon{color:#4f46e5}html[data-theme=light] .theme-switch-input:not(:checked)~.theme-switch-track .toggle-icon-sun{filter:drop-shadow(0 0 5px #d97706a6)}html[data-theme=light] .theme-switch-input:checked~.theme-switch-track .toggle-icon-moon{filter:drop-shadow(0 0 5px #4f46e5a6)}html[data-theme=light] .theme-switch-track{background:#e0e7ffb3;border-color:#6366f140}html[data-theme=light] .theme-switch-thumb{background:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);box-shadow:0 2px 8px #6366f133,0 1px 2px #00000014}html[data-theme=light] .theme-switch-input:checked~.theme-switch-track{background:#38bdf824;border-color:#38bdf873;box-shadow:inset 0 1px #38bdf81a,0 0 10px #38bdf81a}html[data-theme=light] .theme-switch-input:checked~.theme-switch-track .theme-switch-thumb{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);box-shadow:0 2px 8px #38bdf852,0 1px 2px #0000000f}html[data-theme=light] .scroll-nav{scrollbar-color:#6366f159 transparent}html[data-theme=light] .scroll-nav::-webkit-scrollbar-thumb{background:#6366f159}html[data-theme=light] .scroll-nav::-webkit-scrollbar-track{background:#6366f10d}html[data-theme=light] .site-footer p{border-top-color:#6366f11f}html[data-theme=light] .menu-toggle span{background:#0f172a}html[data-theme=light] .site-nav a{color:var(--muted)}html[data-theme=light] .site-nav a:hover,html[data-theme=light] .site-nav a:focus-visible{color:var(--ink);background:#6366f112;border-color:#6366f133}html[data-theme=light] .site-nav a.active,html[data-theme=light] .site-nav a[aria-current=location]{color:var(--accent);background:#6366f114;border-color:#6366f147}html[data-theme=light] .site-nav{background:#f8fafff5;border-color:#6366f12e}@property --ft-open-rot{syntax:"<angle>";inherits:false;initial-value:0deg}.ft-backdrop{z-index:9990;position:fixed;inset:0}@keyframes ft-beat{0%{transform:rotate(var(--ft-open-rot)) scale(1);box-shadow:0 4px 20px #00000052,0 0 #0000}14%{transform:rotate(var(--ft-open-rot)) scale(1.14);box-shadow:0 6px 30px #0000005c, 0 0 28px 5px var(--ft-glow)}28%{transform:rotate(var(--ft-open-rot)) scale(1.02);box-shadow:0 4px 22px #00000052, 0 0 10px 2px var(--ft-glow-dim)}42%{transform:rotate(var(--ft-open-rot)) scale(1.09);box-shadow:0 5px 26px #00000057, 0 0 18px 3px var(--ft-glow-dim)}70%{transform:rotate(var(--ft-open-rot)) scale(1);box-shadow:0 4px 20px #00000052,0 0 #0000}to{transform:rotate(var(--ft-open-rot)) scale(1);box-shadow:0 4px 20px #00000052,0 0 #0000}}@keyframes ft-menu-in{0%{opacity:0;transform:scale(.88)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ft-window-in{0%{opacity:0;transform:translateY(18px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ft-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ft-ripple{0%{opacity:.78;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes ft-click-bubble-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.015)}}@keyframes ft-click-dot-ping{0%{opacity:.72;transform:scale(.72)}to{opacity:0;transform:scale(1.9)}}.ft-circle{--ft-glow:#38bdf89e;--ft-glow-dim:#38bdf857;--ft-ring:#38bdf8ad;--ft-open-rot:0deg;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-alt) 50%, var(--accent) 100%);cursor:grab;z-index:9995;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;background-size:200% 200%;border-radius:50%;outline:none;justify-content:center;align-items:center;width:52px;height:52px;transition:--ft-open-rot .24s cubic-bezier(.34,1.56,.64,1);animation:2.4s ease-in-out infinite ft-beat,5s linear infinite ft-gradient-shift;display:flex;position:fixed;z-index:9998!important}.ft-circle:before,.ft-circle:after{content:"";border:1.5px solid var(--ft-ring);pointer-events:none;border-radius:50%;animation:2.4s ease-out infinite ft-ripple;position:absolute;inset:0}.ft-circle:after{border-width:1px;animation-delay:.55s}.ft-circle:hover:before,.ft-circle:hover:after{opacity:.9;border-width:2px}.ft-circle:active{cursor:grabbing}.ft-circle.open{--ft-open-rot:45deg}.ft-click-bubble{z-index:9996;pointer-events:none;color:#eef8ff;letter-spacing:0;text-transform:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate;background:linear-gradient(135deg,#0f172afa,#0d1634eb),#0c1226f0;border:1px solid #38bdf852;border-radius:999px;align-items:center;gap:.46rem;width:116px;min-height:36px;padding:.5rem .72rem;font-size:.78rem;font-weight:800;line-height:1.1;animation:1.8s ease-in-out infinite ft-click-bubble-bob;display:inline-flex;position:fixed;box-shadow:0 12px 30px #00041257,inset 0 0 0 1px #ffffff0f,0 0 24px #38bdf829}.ft-click-bubble:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff29,#0000 42%,#38bdf81a);position:absolute;inset:1px}.ft-click-bubble:after{content:"";z-index:-2;border-top:1px solid var(--glass-border);border-right:1px solid var(--glass-border);background:inherit;width:12px;height:12px;position:absolute;top:50%}.ft-click-bubble-left:after{right:-6px;transform:translateY(-50%)rotate(45deg)}.ft-click-bubble-right:after{left:-6px;transform:translateY(-50%)rotate(225deg)}.ft-click-bubble-pulse{background:linear-gradient(135deg, #67e8f9 0%, var(--accent) 100%);border-radius:999px;flex:none;width:9px;height:9px;position:relative;box-shadow:0 0 12px #38bdf8b3}.ft-click-bubble-pulse:after{content:"";border-radius:inherit;border:1px solid #38bdf880;animation:1.45s ease-out infinite ft-click-dot-ping;position:absolute;inset:-4px}.ft-click-bubble-text{position:relative;top:-.5px}.ft-menu{z-index:9997;border:1px solid var(--glass-border);min-width:160px;box-shadow:var(--shadow-card);transform-origin:bottom;border-radius:14px;flex-direction:column;gap:2px;padding:6px;animation:.38s cubic-bezier(.16,1,.3,1) both ft-menu-in;display:flex;position:fixed}.ft-menu-item{color:var(--ink);cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-manrope), sans-serif;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 12px;transition:background .14s,color .14s;display:flex}.ft-menu-item:hover{color:var(--accent);background:#38bdf81a}.ft-menu-icon{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.ft-menu-item:hover .ft-menu-icon{opacity:1}.ft-menu-item-active{color:var(--accent);background:#38bdf814}.ft-menu-item-active .ft-menu-icon{opacity:1}.ft-window{z-index:9995;border:1px solid var(--glass-border);box-shadow:var(--shadow-card-hover);border-radius:14px;animation:.42s cubic-bezier(.16,1,.3,1) both ft-window-in;position:fixed;overflow:hidden}.ft-window-header{cursor:grab;border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px 9px 12px;display:flex}.ft-window-header:active{cursor:grabbing}.ft-window-header-left{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.ft-window-icon{width:18px;height:18px;color:var(--accent);opacity:.8;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ft-window-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:800}.ft-window-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ft-window-tool-btn{border:1px solid var(--line);width:22px;height:22px;color:var(--accent);cursor:pointer;background:#38bdf814;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,border-color .14s,transform 80ms;display:flex}.ft-window-tool-btn:hover,.ft-window-tool-btn.active{background:#38bdf82e;border-color:#38bdf852}.ft-window-tool-btn:active{transform:scale(.94)}.ft-window-close{color:#f87171;cursor:pointer;background:#f8717124;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .14s;display:flex}.ft-window-close:hover{background:#f8717147}.ft-window-body{padding:12px}.ft-kb-header-mode{border:1px solid var(--line);background:#38bdf812;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px;display:inline-grid}.ft-kb-header-mode button{min-width:34px;min-height:20px;color:var(--muted);cursor:pointer;font-family:var(--font-manrope), sans-serif;letter-spacing:.02em;background:0 0;border:0;border-radius:6px;font-size:.62rem;font-weight:900;transition:background .12s,color .12s,box-shadow .12s}.ft-kb-header-mode button:hover,.ft-kb-header-mode button.active{color:var(--accent);background:#38bdf829;box-shadow:inset 0 1px #ffffff0f}.ft-calc{flex-direction:column;gap:10px;display:flex}.ft-calc-display{text-align:right;background:linear-gradient(#38bdf814,#38bdf805),#0003;border:1px solid #38bdf824;border-radius:10px;flex-direction:column;justify-content:flex-end;min-height:66px;padding:11px 13px 10px;display:flex;position:relative}.ft-calc-hist{color:var(--subtle);min-height:.9rem;margin-bottom:3px;font-size:.7rem;font-weight:500;display:block}.ft-calc-val{color:var(--ink);word-break:break-all;font-size:1.55rem;font-weight:700;line-height:1.1}.ft-calc-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:38px;gap:6px;display:grid}.ft-calc-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:.92rem;font-weight:600;font-family:var(--font-manrope), sans-serif;border-radius:8px;justify-content:center;align-items:center;min-height:0;padding:0 4px;transition:background .1s,transform 80ms;display:flex}.ft-calc-btn:hover{background:#38bdf812}.ft-calc-btn:active{transform:scale(.93)}.ft-calc-op{color:var(--accent);background:#38bdf821;border-color:#38bdf838;font-weight:700}.ft-calc-op:hover{background:#38bdf838}.ft-calc-util{color:var(--muted);background:#94a3b814}.ft-calc-util:hover{color:var(--ink);background:#94a3b824}.ft-calc-ac{color:#f87171;background:#f871711f;border-color:#f8717133}.ft-calc-ac:hover{background:#f8717133}.ft-calc-eq{background:linear-gradient(135deg, var(--accent), var(--accent-alt));color:#fff;border-color:#0000;font-weight:700}.ft-calc-eq:hover{opacity:.88}.ft-calc-hist-popup{z-index:9996}.ft-calc-hist-popup .ft-window-header,.ft-calc-hist-popup .ft-window-header:active{cursor:default}.ft-calc-hist-clear{color:#f87171;cursor:pointer;font-size:.62rem;font-weight:700;font-family:var(--font-manrope), sans-serif;background:0 0;border:none;border-radius:4px;padding:2px 5px;transition:background .12s}.ft-calc-hist-clear:hover{background:#f871711f}.ft-calc-hist-empty{color:var(--subtle);text-align:center;margin:0;padding:16px 0;font-size:.78rem}.ft-calc-hist-list{scrollbar-width:thin;scrollbar-color:#38bdf84d transparent;flex-direction:column;max-height:88px;display:flex;overflow-y:auto}.ft-calc-hist-item{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;cursor:pointer;padding:3px 10px;font-size:.72rem;line-height:1.5;transition:background .1s,color .1s}.ft-calc-hist-item:hover{color:var(--ink);background:#38bdf812}.ft-sketch{flex-direction:column;gap:8px;display:flex}.ft-sketch-statusbar{border:1px solid var(--line);background:#38bdf812;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:.46rem;min-height:34px;padding:.28rem .34rem .28rem .52rem;display:grid}.ft-sketch-status-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 12px #38bdf8a6}.ft-sketch-status-dot.paused{background:var(--subtle);box-shadow:none}.ft-sketch-status-text{min-width:0;color:var(--muted);font-size:.72rem;font-weight:800}.ft-sketch-toggle{border:1px solid var(--line);min-width:4.5rem;min-height:24px;color:var(--muted);font-size:.68rem;font-weight:800;font-family:var(--font-manrope), sans-serif;cursor:pointer;background:#94a3b814;border-radius:7px;padding:.2rem .48rem;transition:background .12s,color .12s,border-color .12s}.ft-sketch-toggle:hover,.ft-sketch-toggle.active{color:var(--accent);background:#38bdf81f;border-color:#38bdf847}.ft-sketch-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ft-sketch-colors{flex-wrap:wrap;gap:5px;display:flex}.ft-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:transform .12s,box-shadow .12s}.ft-color-dot:hover{transform:scale(1.2)}.ft-color-dot.active{box-shadow:0 0 0 2px var(--accent);transform:scale(1.15)}.ft-sketch-right{flex-shrink:0;gap:4px;display:flex}.ft-sk-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.68rem;font-weight:700;font-family:var(--font-manrope), sans-serif;white-space:nowrap;border-radius:6px;padding:3px 7px;transition:background .12s,color .12s,border-color .12s}.ft-sk-btn:hover,.ft-sk-btn.active{color:var(--accent);background:#38bdf81a;border-color:#38bdf84d}.ft-sk-btn:disabled{cursor:wait;opacity:.7}.ft-sketch-sizerow{align-items:center;gap:7px;display:flex}.ft-sketch-sizelabel,.ft-sketch-sizenum{color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:700}.ft-sketch-sizenum{min-width:2.2rem}.ft-page-sketch-layer{z-index:9988;opacity:1;pointer-events:none;position:absolute;top:0;left:0;background:0 0!important}.ft-page-sketch-layer.drawing{pointer-events:auto;touch-action:none}.ft-page-sketch-canvas{cursor:crosshair;touch-action:none;display:block;background:0 0!important}.ft-mag-lens{z-index:10002;pointer-events:none;border:3px solid var(--accent);opacity:0;will-change:transform, opacity;background:#f8fafce0;border-radius:50%;width:192px;height:192px;transition:opacity .1s;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-9999px,-9999px);box-shadow:0 0 0 1px #00000024,0 10px 36px #00000073,inset 0 0 12px #0000000f}.ft-mag-lens:after{content:"";z-index:4;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 24px #ffffff14}.ft-mag-frame{z-index:1;will-change:transform, left, top;pointer-events:none;width:100vw;height:100vh;position:absolute}.ft-mag-iframe{pointer-events:none;background:#fff;border:0;width:100vw;height:100vh;display:block}.ft-mag-canvas{z-index:2;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ft-mag-ui-layer{z-index:3;pointer-events:none;will-change:transform, left, top;width:100vw;height:100vh;position:absolute}.ft-mag-ui-layer *,.ft-mag-ui-layer :before,.ft-mag-ui-layer :after{pointer-events:none!important;transition:none!important;animation:none!important}.ft-mag-hint{color:var(--subtle);text-align:center;margin:0;font-size:.68rem;line-height:1.35}.ft-keyboard{flex-direction:column;gap:6px;display:flex}.ft-kb-row{justify-content:center;gap:5px;display:flex}.ft-kb-key{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff09, transparent), var(--surface);min-width:36px;height:38px;color:var(--ink);cursor:pointer;font-size:.9rem;font-weight:750;font-family:var(--font-manrope), sans-serif;-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 7px;transition:background .1s,border-color .1s,transform 70ms,color .1s;display:flex}.ft-kb-key:hover{background:#38bdf814;border-color:#38bdf842}.ft-kb-key:active{background:#38bdf824;transform:scale(.94)}.ft-kb-space{min-width:190px}.ft-kb-enter{min-width:58px;color:var(--accent);background:#38bdf81a;border-color:#38bdf833}.ft-kb-back,.ft-kb-shift{min-width:52px}.ft-kb-active{color:var(--accent);background:#38bdf824;border-color:#38bdf84d}.ft-magnifier{flex-direction:column;gap:12px;display:flex}.ft-mag-head{justify-content:space-between;align-items:baseline;display:flex}.ft-mag-label{color:var(--muted);font-size:.75rem;font-weight:700}.ft-mag-val{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.ft-mag-row{align-items:center;gap:8px;display:flex}.ft-mag-btn{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;transition:background .12s,color .12s;display:flex}.ft-mag-btn:hover{color:var(--accent);background:#38bdf81a}.ft-mag-presets{gap:5px;display:flex}.ft-mag-preset{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.72rem;font-weight:700;font-family:var(--font-manrope), sans-serif;border-radius:7px;flex:1;padding:5px 4px;transition:background .12s,color .12s,border-color .12s}.ft-mag-preset:hover{color:var(--accent);background:#38bdf814}.ft-mag-preset.active{color:var(--accent);background:#38bdf824;border-color:#38bdf84d}.ft-range{accent-color:var(--accent);cursor:pointer;flex:1}html[data-theme=dark] .ft-menu,html[data-theme=dark] .ft-window{background:#0c1226}html[data-theme=dark] .ft-calc-display{background:linear-gradient(#38bdf814,#38bdf805),#0000004d}html[data-theme=light] .ft-circle{--ft-glow:#4f46e570;--ft-glow-dim:#4f46e542;--ft-ring:#4f46e594}html[data-theme=light] .ft-menu,html[data-theme=light] .ft-window{background:#f8faff}html[data-theme=light] .ft-click-bubble{color:#172033;background:linear-gradient(135deg,#fffffffa,#eef2fff0),#f8fafff5;border-color:#4f46e538;box-shadow:0 12px 28px #4f46e524,inset 0 0 0 1px #ffffffbf,0 0 22px #4f46e51f}html[data-theme=light] .ft-click-bubble-pulse{background:linear-gradient(135deg,#818cf8 0%,#4f46e5 100%);box-shadow:0 0 12px #4f46e570}html[data-theme=light] .ft-click-bubble-pulse:after{border-color:#4f46e557}html[data-theme=light] .ft-menu-item:hover{color:var(--accent);background:#4f46e514}html[data-theme=light] .ft-window-tool-btn{color:var(--accent);background:#4f46e512;border-color:#4f46e529}html[data-theme=light] .ft-window-tool-btn:hover,html[data-theme=light] .ft-window-tool-btn.active{background:#4f46e521;border-color:#4f46e547}html[data-theme=light] .ft-kb-header-mode{background:#4f46e50d}html[data-theme=light] .ft-kb-header-mode button:hover,html[data-theme=light] .ft-kb-header-mode button.active{color:var(--accent);background:#4f46e51f}html[data-theme=light] .ft-calc-btn:hover{background:#4f46e50f}html[data-theme=light] .ft-calc-util{color:var(--muted);background:#64748b0f}html[data-theme=light] .ft-calc-util:hover{color:var(--ink);background:#64748b1c}html[data-theme=light] .ft-calc-op{color:var(--accent);background:#4f46e51a;border-color:#4f46e533}html[data-theme=light] .ft-calc-op:hover{background:#4f46e52e}html[data-theme=light] .ft-calc-eq{background:linear-gradient(135deg,#4f46e5,#1d4ed8)}html[data-theme=light] .ft-calc-display{background:linear-gradient(#4f46e514,#4f46e505),#4f46e50a;border-color:#4f46e521}html[data-theme=light] .ft-sk-btn:hover,html[data-theme=light] .ft-sk-btn.active{color:var(--accent);background:#4f46e514;border-color:#4f46e540}html[data-theme=light] .ft-sketch-statusbar{background:#4f46e50b}html[data-theme=light] .ft-sketch-toggle:hover,html[data-theme=light] .ft-sketch-toggle.active{background:#4f46e514;border-color:#4f46e53d}html[data-theme=light] .ft-kb-key:active{background:#4f46e51a}html[data-theme=light] .ft-kb-enter{color:var(--accent);background:#4f46e514;border-color:#4f46e52e}html[data-theme=light] .ft-kb-active{color:var(--accent);background:#4f46e51a;border-color:#4f46e547}html[data-theme=light] .ft-mag-btn:hover{color:var(--accent);background:#4f46e514}html[data-theme=light] .ft-mag-preset:hover{color:var(--accent);background:#4f46e50f}html[data-theme=light] .ft-mag-preset.active{color:var(--accent);background:#4f46e51a;border-color:#4f46e547}