.topbar-actions{display:flex;align-items:center;gap:22px}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--ink);font:10px var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
.theme-toggle:hover{background:#e8e9e0;border-color:#aeb4a5}
.theme-icon{font-size:14px;line-height:1}
html[data-theme="dark"]{--paper:#151b18;--ink:#e8e9e0;--muted:#a5aca1;--line:#333d36;color-scheme:dark}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .footer{border-color:#333d36}
html[data-theme="dark"] .topbar nav a,html[data-theme="dark"] .contact-link,html[data-theme="dark"] .footer>a:last-child{color:#c0c5ba}
html[data-theme="dark"] .contact-link,html[data-theme="dark"] .text-link,html[data-theme="dark"] .inline-link{border-color:#59645a}
html[data-theme="dark"] .theme-toggle{color:var(--ink);border-color:#59645a}
html[data-theme="dark"] .theme-toggle:hover{background:#29332d}
html[data-theme="dark"] .hero-role,html[data-theme="dark"] .hero-intro,html[data-theme="dark"] .about-text p,html[data-theme="dark"] .projects-head p,html[data-theme="dark"] .portal-intro p{color:#a5aca1}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .section-number,html[data-theme="dark"] .caption-label,html[data-theme="dark"] .card-index,html[data-theme="dark"] .job-date,html[data-theme="dark"] .job-company,html[data-theme="dark"] .job-description,html[data-theme="dark"] .project-type,html[data-theme="dark"] .project-meta p,html[data-theme="dark"] .portal-item small,html[data-theme="dark"] .social-row a,html[data-theme="dark"] .footer p{color:#a5aca1}
html[data-theme="dark"] .profile-card{background:#242d27;box-shadow:0 18px 50px #0003}
html[data-theme="dark"] .portrait{background:#3b4b3e}
html[data-theme="dark"] .portrait:before,html[data-theme="dark"] .portrait:after{border-color:#bdcf8144}
html[data-theme="dark"] .portrait-shape{background:linear-gradient(145deg,#84966b,#2f4036)}
html[data-theme="dark"] .availability{color:#c0c5ba}
html[data-theme="dark"] .button-dark{background:#bdcf81;color:#202923}
html[data-theme="dark"] .button-dark:hover{background:#d3e29c}
html[data-theme="dark"] .about-text .lead{color:#d4d9c8}
html[data-theme="dark"] .tag-list span,html[data-theme="dark"] .job-tags span{border-color:#465248;color:#c0c5ba}
html[data-theme="dark"] .experience,html[data-theme="dark"] .portal{background:#1d2520}
html[data-theme="dark"] .timeline,html[data-theme="dark"] .job{border-color:#3b453d}
html[data-theme="dark"] .job-company span{color:#818a7e}
html[data-theme="dark"] .art-one{background:#344134}
html[data-theme="dark"] .art-two{background:#493a32}
html[data-theme="dark"] .art-three{background:#303e37}
html[data-theme="dark"] .art-label,html[data-theme="dark"] .art-mark{color:#c5cbbd}
html[data-theme="dark"] .orbit{border-color:#bdcf8170}
html[data-theme="dark"] .orbit-core{background:#71835b;color:#f4f3ec}
html[data-theme="dark"] .stack-card{background:#8c624d}
html[data-theme="dark"] .stack-back{background:#a8785d}
html[data-theme="dark"] .stack-front{color:#f3e5d8}
html[data-theme="dark"] .data-lines{border-color:#718777}
html[data-theme="dark"] .data-lines i{background:#617765}
html[data-theme="dark"] .data-lines i:nth-child(4){background:#b78360}
html[data-theme="dark"] .data-word{color:#d1d9ca}
html[data-theme="dark"] .project-meta h3,html[data-theme="dark"] .portal-item strong{color:#e8e9e0}
html[data-theme="dark"] .portal-item{border-color:#3b453d}
html[data-theme="dark"] .portal-icon{border-color:#4b594e;color:#c4d49b}
html[data-theme="dark"] .portal-item>b,html[data-theme="dark"] .job-arrow{color:#bdcf81}
html[data-theme="dark"] .now-card{background:#303d34}
html[data-theme="dark"] .now-card .caption-label{color:#bdc6ae}
html[data-theme="dark"] .now-card p{color:#c0c9b5}
html[data-theme="dark"] .now-card p strong{color:#e5e9dc}
html[data-theme="dark"] .contact{background:#0e1411}
html[data-theme="dark"] .button-light{background:#bdcf81;color:#202923}
html[data-theme="dark"] .footer p span{color:#878f83}
@media(max-width:640px){.topbar-actions{gap:11px}.theme-toggle{padding:7px 8px}.theme-label{display:none}}