.shell{max-width:1060px;margin:0 auto;padding:28px 18px}.main{gap:16px;margin-top:18px;display:grid}.header{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;padding:16px 20px;display:grid;position:sticky;top:14px}.headerLeft{justify-self:start}.headerRight{justify-self:end}.name{text-align:center;letter-spacing:-.02em;font-size:40px;font-weight:800}.linkedinBlue{color:#fff;background:#0a66c2;border-color:#0a66c2}.linkedinBlue:hover{background:#004182;border-color:#004182}.pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.pillMark{opacity:.7}.toggleWrap{align-items:center;gap:8px;display:inline-flex}.toggleIcon{font-size:14px}.switch{background:var(--switchOff);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:48px;height:26px;position:relative}.switchOn{background:var(--switchOn)}.knob{background:var(--knob);border-radius:999px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.knobOn{left:24px}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:20px}.h2{margin:0 0 10px;font-size:20px}.muted{color:var(--muted)}.projectsGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project{border:1px solid var(--border);background:var(--panel2);border-radius:16px;padding:16px;transition:transform .2s}.project:hover{transform:scale(1.03)}.projectTitle{font-weight:700}.projectMeta{margin-top:6px;font-size:14px}.actionsRow{justify-content:center;margin-top:22px;display:flex}.btnPrimary{background:var(--primary);color:#fff;border:none;border-radius:14px;padding:18px 40px;font-size:20px;font-weight:800;text-decoration:none;transition:transform .2s,filter .2s}.btnPrimary:hover{filter:brightness(1.05);transform:translateY(-2px)}.form{gap:12px;margin-top:12px;display:grid}.field{gap:6px;display:grid}.label{font-size:14px;font-weight:600}.input,.textarea{border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:10px;padding:12px}.textarea{min-height:110px}.footer{text-align:center;padding:20px 0}.projectLink{color:inherit;text-decoration:none}.projectTopBar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:10px;display:grid}.projectHeading{text-align:center}.projectH1{letter-spacing:-.02em;font-size:28px;font-weight:850}.projectDate{margin-top:4px;font-size:13px}.projectSpacer{width:1px}.tagRow{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.tag{background:var(--pill);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.article h2{margin-top:18px;margin-bottom:8px;font-size:18px}.article p,.article li{color:var(--muted);font-size:15px;line-height:1.7}.projectNav{align-items:center;gap:12px;margin-top:12px;margin-bottom:10px;display:flex}.projectNavSpacer{flex:1}.projectHeader{padding:6px 2px 16px}.projectTitle{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:900;line-height:1.1}.projectSub{align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.dot{opacity:.55}.article{padding:24px}.section{margin-top:18px}.section:first-child{margin-top:0}.sectionH2{letter-spacing:-.01em;margin:0 0 10px;font-size:18px;font-weight:850}.sectionBody{color:var(--muted);font-size:15px;line-height:1.75}.sectionBody p{margin:10px 0 0}.sectionBody ul{margin:10px 0 0;padding-left:18px}.sectionBody li{margin:6px 0}.codeBlockWrap{border:1px solid var(--border);background:var(--panel2);border-radius:14px;margin-top:14px;overflow:hidden}.codeBlockHeader{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.codeBlockTitle{letter-spacing:-.01em;color:var(--text);font-size:13px;font-weight:800}.codeBlockLang{border:1px solid var(--border);background:var(--pill);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.codeBlock{max-height:420px;color:var(--text);margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;overflow:auto}.codeBlock code{white-space:pre}@media (width<=560px){.projectTitle{font-size:28px}.article{padding:18px}}.projectCardTitle{letter-spacing:-.02em;font-size:22px;font-weight:900;line-height:1.08}@media (width<=900px){.projectCardTitle{font-size:17px}}@media (width<=560px){.projectCardTitle{font-size:15px}}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}:root{--bg:#0f1115;--text:#f2f4f8;--muted:#f2f4f8b8;--panel:#14181fb8;--panel2:#14181f8c;--border:#ffffff14;--borderHover:#ffffff24;--shadow:0 10px 30px #00000040;--shadowHover:0 14px 38px #00000052;--pill:#14181f8c;--pillHover:#14181fbf;--primary:#5c5cff;--input:#14181f8c;--switchOff:#ffffff1f;--switchOn:#5c5cff59;--knob:#fff}:root[data-theme=light]{--bg:#f6f7fb;--text:#141823;--muted:#141823b3;--panel:#ffffffd1;--panel2:#ffffffad;--border:#1418231a;--borderHover:#14182329;--shadow:0 10px 26px #1418231a;--shadowHover:0 14px 34px #14182321;--pill:#ffffffb3;--pillHover:#ffffffeb;--primary:#3f57c0;--input:#ffffffe6;--switchOff:#1418231a;--switchOn:#3f57c038;--knob:#fff}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;transition:background-color .22s,color .22s}a,button,input,textarea{-webkit-tap-highlight-color:transparent}#root{min-height:100%}.page{background:var(--bg);min-height:100vh;color:var(--text);transition:background-color .22s,color .22s}