@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9af6411484c7e20a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3703c28dcda155b1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9af6411484c7e20a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3703c28dcda155b1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code Fallback;src:local("Arial");ascent-override:73.56%;descent-override:23.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_a2a2b2{font-family:Fira Code,Fira Code Fallback;font-style:normal}.__variable_a2a2b2{--font-mono:"Fira Code","Fira Code Fallback"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f3ef;--bg2:#ffffff;--bg3:#f0ede8;--bg4:#e8e4de;--border:#dedad4;--accent:#7a9e8c;--accent2:#c4846a;--accent3:#5e8fa3;--text:#2c2b28;--text2:#6b6963;--text3:#a8a5a0;--sidebar:240px;--r:12px;--rsm:8px;--font:var(--font-inter),"Inter",system-ui,sans-serif;--mono:var(--font-mono),"Fira Code",monospace}body,html{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app,body,html{overflow:hidden}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh}.sidebar{background:var(--bg2);border-right:1px solid var(--border);box-shadow:2px 0 16px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:22px 14px 18px;overflow:hidden}.profile{flex-direction:column;text-align:center;padding-bottom:18px;border-bottom:1px solid var(--border)}.avatar,.profile{display:flex;align-items:center;flex-shrink:0}.avatar{width:64px;height:64px;justify-content:center;font-size:26px;margin-bottom:11px;position:relative}.avatar,.avatar:after{border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2))}.avatar:after{content:"";position:absolute;inset:-3px;z-index:-1;opacity:.25;filter:blur(8px)}.profileName{font-size:17px;font-weight:600;color:var(--text);line-height:1.2}.profileTitle{font-size:12px;color:var(--accent);margin-top:3px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.socialLinks{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;justify-content:center}.socialLink{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:20px;background:var(--bg3);border:1px solid var(--border);font-size:11px;color:var(--text2);text-decoration:none;transition:all .18s}.socialLink:hover{background:var(--bg4);color:var(--accent);border-color:var(--accent)}.nav{display:flex;flex-direction:column;gap:3px;padding:14px 0;flex:1 1}.navBtn{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--rsm);background:transparent;border:1px solid transparent;color:var(--text2);cursor:pointer;font-family:var(--font);font-size:15px;font-weight:500;transition:all .18s;text-align:left;width:100%}.navBtn:hover{background:var(--bg3);color:var(--text)}.navBtn.active{background:var(--bg3);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.navIcon{font-size:15px}.sidebarFooter{padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.badge{padding:4px 11px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.badgeOpen{background:color-mix(in srgb,var(--accent3) 12%,transparent);color:var(--accent3);border:1px solid color-mix(in srgb,var(--accent3) 35%,transparent)}.badgeClosed{background:color-mix(in srgb,var(--accent2) 12%,transparent);color:var(--accent2);border:1px solid color-mix(in srgb,var(--accent2) 35%,transparent)}.pulse{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.main,.section{overflow:hidden;display:flex;flex-direction:column}.section{height:100%;padding:26px 30px;animation:fadeUp .22s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.sectionHeader{flex-shrink:0;margin-bottom:18px}.sectionTitle{font-size:26px;font-weight:700;background:linear-gradient(90deg,var(--text) 60%,var(--text3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sectionSub{font-size:14px;color:var(--text3);margin-top:3px}.expLayout{display:grid;grid-template-columns:268px 1fr;grid-gap:16px;gap:16px;flex:1 1;overflow:hidden;min-height:0}.expTimeline{display:flex;flex-direction:column;gap:5px;overflow-y:auto;padding-right:2px}.expTimeline::-webkit-scrollbar{width:3px}.expTimeline::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.expCard{padding:11px 13px;border-radius:var(--rsm);background:var(--bg2);border:1px solid var(--border);cursor:pointer;transition:all .18s;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.05)}.expCard:hover{background:var(--bg3);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.expCard.expCardActive{background:var(--bg3);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.expCard.expCardActive:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.expCardCompany{font-size:15px;font-weight:600;color:var(--text)}.expCardRole{font-size:13px;color:var(--accent);margin-top:2px}.expCardDuration{font-size:12px;color:var(--text3);margin-top:4px;font-family:var(--mono)}.expDetail{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:0;box-shadow:0 2px 12px rgba(0,0,0,.05)}.expDetail::-webkit-scrollbar{width:3px}.expDetail::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.detailCompany{font-size:22px;font-weight:700;color:var(--text)}.detailRole{font-size:14px;color:var(--accent);margin-top:2px;font-weight:500}.detailMeta{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.metaBadge{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:12px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);white-space:nowrap}.metaBadge.hl{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.detailSubtitle{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text3);margin:14px 0 7px}.respList{display:flex;flex-direction:column;gap:5px}.respItem{display:flex;gap:7px;font-size:14px;color:var(--text2);line-height:1.6}.respItem:before{content:"▸";color:var(--accent);flex-shrink:0;margin-top:1px}.techStack{display:flex;flex-wrap:wrap;gap:5px}.techChip{padding:3px 9px;border-radius:20px;font-size:13px;font-family:var(--mono);background:var(--bg4);border:1px solid var(--border);color:var(--text2);transition:all .15s}.techChip:hover{border-color:var(--accent2);color:var(--accent2)}.projectsGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;overflow-y:auto;flex:1 1;min-height:0;align-content:start;padding-right:2px;max-width:960px;width:100%;margin:0 auto}.projectsGrid::-webkit-scrollbar{width:3px}.projectsGrid::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.projectCard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:15px;display:flex;flex-direction:column;gap:7px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.05)}.projectCard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:0;transition:opacity .18s}.projectCard:hover{background:var(--bg3);border-color:color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(-2px)}.projectCard:hover:before{opacity:1}.projectIcon{font-size:22px}.projectName{font-size:16px;font-weight:600;color:var(--text)}.projectDuration{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.projectDesc{font-size:14px;color:var(--text2);line-height:1.6;flex:1 1}.projectTech{display:flex;flex-wrap:wrap;gap:4px}.projectTag{padding:2px 7px;border-radius:10px;font-size:12px;font-family:var(--mono);background:var(--bg4);color:var(--text3);border:1px solid var(--border)}.projectLinks{display:flex;gap:7px}.projectLink{padding:5px 10px;border-radius:var(--rsm);font-size:13px;text-decoration:none;background:var(--bg4);color:var(--text2);border:1px solid var(--border);transition:all .18s}.projectLink:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.projectLinkPrimary{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.aboutLayout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;grid-gap:14px;gap:14px;overflow:hidden;min-height:0;max-width:960px;width:100%;margin:0 auto}.aboutBio{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:17px;font-size:15px;color:var(--text2);line-height:1.75;overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.04)}.aboutBio p{margin-bottom:10px}.aboutBio p:last-child{margin-bottom:0}.aboutBio::-webkit-scrollbar{width:3px}.aboutBio::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.aboutSkills{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:17px;overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.04)}.aboutSkills::-webkit-scrollbar{width:3px}.aboutSkills::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.skillsHeading{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text3);margin-bottom:11px}.skillsCloud{display:flex;flex-wrap:wrap;column-gap:5px;row-gap:10px;align-items:flex-start}.skillTag{padding:4px 13px;border-radius:20px;font-size:13px;font-family:var(--mono);border:1px solid;cursor:default;transition:transform .15s}.skillTag:hover{transform:scale(1.06)}.expert{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.advanced{background:color-mix(in srgb,var(--accent3) 10%,transparent);color:var(--accent3);border-color:color-mix(in srgb,var(--accent3) 35%,transparent)}.intermediate{background:color-mix(in srgb,#f9a825 10%,transparent);color:#f9a825;border-color:color-mix(in srgb,#f9a825 35%,transparent)}.aboutStats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.statCard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rsm);padding:13px;text-align:center;transition:all .18s;box-shadow:0 1px 6px rgba(0,0,0,.04)}.statCard:hover{border-color:var(--accent);background:var(--bg3)}.statNum{font-size:28px;font-weight:700;font-family:var(--mono);background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.statLabel{font-size:12px;color:var(--text3);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.gameArea{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0;gap:12px}.gameSelector{display:flex;gap:7px;flex-shrink:0}.gameSelectorBtn{padding:7px 15px;border-radius:var(--rsm);background:var(--bg2);border:1px solid var(--border);color:var(--text2);font-family:var(--font);font-size:12px;cursor:pointer;transition:all .18s}.gameSelectorBtn:hover{background:var(--bg3);color:var(--text)}.gameSelectorBtn.gameBtnActive{background:var(--bg3);border-color:var(--accent);color:var(--accent)}.gameContainer{flex:1 1;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;position:relative;min-height:0;box-shadow:0 2px 12px rgba(0,0,0,.05)}.gameContainer,.snakeWrap{display:flex;align-items:center;justify-content:center}.snakeWrap{flex-direction:column;gap:10px;padding:14px;width:100%;height:100%}.snakeScoreBar{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--text3);font-family:var(--mono);flex-wrap:wrap;justify-content:center}.snakeScoreBar b{color:var(--accent);font-size:13px}.memoryWrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;width:100%;height:100%;justify-content:center;overflow:auto}.memoryGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px;max-width:340px;width:100%}.memoryCard{aspect-ratio:1;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rsm);cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .28s;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:52px}.memoryCard:hover,.memoryCardFlipped{background:var(--bg4)}.memoryCardFlipped{border-color:var(--accent)}.memoryCardMatched{background:var(--bg4);border-color:var(--accent3);box-shadow:0 0 8px color-mix(in srgb,var(--accent3) 28%,transparent)}.gameStatsRow{display:flex;gap:20px;font-size:12px;color:var(--text3);font-family:var(--mono);align-items:center;flex-wrap:wrap;justify-content:center}.gameStatsRow b{color:var(--accent)}.typingWrap{justify-content:center;height:100%;padding:20px}.typingInner,.typingWrap{display:flex;align-items:center;width:100%}.typingInner{flex-direction:column;gap:16px;max-width:580px}.typingPrompt{font-size:17px;font-family:var(--mono);color:var(--text2);text-align:center;line-height:1.7;letter-spacing:.03em}.typingPrompt .correct{color:var(--accent3)}.typingPrompt .wrong{color:var(--accent2);background:color-mix(in srgb,var(--accent2) 18%,transparent);border-radius:2px}.typingCursor{border-right:2px solid var(--accent);animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typingInput{width:100%;padding:10px 15px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rsm);color:var(--text);font-family:var(--mono);font-size:14px;outline:none;transition:border-color .18s}.typingInput:focus{border-color:var(--accent)}.btnSm{padding:5px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rsm);color:var(--text2);font-size:13px;cursor:pointer;font-family:var(--font);transition:all .18s}.btnSm:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.mobileNav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,6px)}.mobBtn{flex:1 1;background:none;border:none;color:var(--text3);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:8px 0 4px;transition:color .18s;font-family:var(--font)}.mobBtnIcon{font-size:20px;line-height:1}.mobBtnLabel{font-size:11px;letter-spacing:.04em}.mobBtn.active{color:var(--accent)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}body.floating-active .aboutBio,body.floating-active .aboutLayout,body.floating-active .aboutSkills,body.floating-active .expLayout,body.floating-active .expTimeline,body.floating-active .main,body.floating-active .projectsGrid,body.floating-active .section{overflow:visible!important}.floatToggleRow{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-radius:var(--rsm);background:var(--bg3);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .18s;gap:8px;width:100%;font-family:var(--font)}.floatToggleRow:hover{border-color:var(--accent)}.floatToggleLabel{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:5px}.togglePill{width:34px;height:18px;border-radius:9px;background:var(--border);position:relative;flex-shrink:0;transition:background .22s}.togglePill:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .22s;box-shadow:0 1px 3px rgba(0,0,0,.18)}.togglePill.on{background:var(--accent)}.togglePill.on:after{left:19px}@media (max-width:768px){body,html{overflow:hidden}.app{grid-template-columns:1fr;height:100dvh}.sidebar{display:none}.main{height:calc(100dvh - 58px);overflow:hidden}.section{padding:14px 14px 10px;overflow-y:auto}.expLayout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}.expTimeline{display:grid;grid-template-columns:repeat(2,1fr);overflow-y:visible;flex-shrink:0;grid-gap:6px;gap:6px;padding-right:0}.expDetail{min-height:260px}.aboutLayout,.projectsGrid{grid-template-columns:1fr;overflow-y:visible}.aboutLayout{grid-template-rows:auto}.aboutStats{grid-template-columns:repeat(2,1fr)}.gameArea{overflow-y:auto}.gameContainer{min-height:300px;flex-shrink:0}.mobileNav{display:flex}}@media (max-width:480px){.expTimeline{grid-template-columns:1fr}.memoryGrid{max-width:260px}}