/* Preview-only semantic color overrides. Original layout rules are retained. */
/* Source geometry: assets/home-layout-dark-draft.css */
html[data-theme="light"] body.layout-dark-draft {
 --dark-page:var(--lp-page);
 --dark-band:var(--lp-band);
 --dark-band-alt:var(--lp-page);
 --dark-surface:var(--lp-white);
 --dark-surface-raised:var(--lp-raised);
 --dark-text:var(--lp-ink);
 --dark-text-soft:var(--lp-text);
 --dark-muted:var(--lp-muted);
 --dark-dim:var(--lp-dim);
 --dark-line:var(--lp-line);
 --dark-line-strong:var(--lp-line-strong);
 --dark-steel:var(--lp-accent);
 --dark-purple:var(--lp-violet);
 --dark-teal:var(--lp-green);
 --canvas:var(--lp-page);
 --surface:var(--lp-white);
 --surface-muted:var(--lp-raised);
 --ink:var(--lp-ink);
 --slate:var(--lp-muted);
 --line:var(--lp-line);
 --cyan:var(--lp-accent);
 --cyan-dark:var(--lp-accent);
 --cyan-soft:var(--lp-accent-soft);
 --blue-soft:var(--lp-accent-soft);
 --atmosphere-border: transparent;
 --atmosphere-surface: transparent;
 --draft-deep:var(--lp-page);
 background:
    radial-gradient(ellipse at 13% 2%, rgba(var(--lp-accent-rgb),0.054), transparent 30rem),
    radial-gradient(ellipse at 91% 31%, rgba(var(--lp-accent-rgb),0.045), transparent 34rem),
    var(--dark-page);
}
html[data-theme="light"] body.layout-dark-draft .skip-link {
 color: var(--lp-ink);
 background: var(--lp-paper);
 box-shadow: 0 12px 30px rgba(35,53,73,0.092);
}
html[data-theme="light"] body.layout-dark-draft a:focus-visible,
html[data-theme="light"] body.layout-dark-draft button:focus-visible {
 outline: 2px solid rgba(var(--lp-accent-rgb),0.450);
}
html[data-theme="light"] body.layout-dark-draft .page-grid {
 background-image:
    radial-gradient(circle, rgba(var(--lp-accent-rgb),0.078) 0 1px, transparent 1.25px),
    linear-gradient(118deg, transparent 18%, rgba(var(--lp-accent-rgb),0.021) 40%, transparent 62%);
}
html[data-theme="light"] body.layout-dark-draft .page-grid::before {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 box-shadow: 0 0 0 1px rgba(35,53,73,0.004), inset 0 -30px 90px rgba(35,53,73,0.004);
}
html[data-theme="light"] body.layout-dark-draft .page-grid::after {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 background: radial-gradient(circle at 63% 34%, rgba(var(--lp-accent-rgb),0.027), rgba(255,255,255,0.018) 54%, transparent 72%);
 box-shadow: inset 28px 24px 90px rgba(35,53,73,0.006), 0 42px 120px rgba(35,53,73,0.046);
}
html[data-theme="light"] body.layout-dark-draft .vibe-header,
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-entry-theme {
 border-bottom-color: rgba(var(--lp-accent-rgb),0.140);
 background: rgba(255,255,255,0.820);
 box-shadow: 0 12px 34px rgba(35,53,73,0.041);
}
html[data-theme="light"] body.layout-dark-draft .vibe-header::before,
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-entry-theme::before {
 background: linear-gradient(90deg, var(--lp-page), rgba(255,255,255,0.820) 56%, rgba(255,255,255,0.940));
}
html[data-theme="light"] body.layout-dark-draft .vibe-header .nav-shell,
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-scrolled .nav-shell,
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-entry-theme .nav-shell {
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft .brand-monogram {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 color: var(--lp-ink);
 background: linear-gradient(145deg, var(--lp-raised), var(--lp-white));
 box-shadow: inset 0 1px 0 rgba(35,53,73,0.021), 0 8px 20px rgba(35,53,73,0.064);
}
html[data-theme="light"] body.layout-dark-draft .brand-copy {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a {
 color: var(--lp-muted);
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a::after {
 background: linear-gradient(90deg, transparent, var(--lp-paper) 24%, var(--lp-paper) 76%, transparent);
 box-shadow: 0 0 10px rgba(35,53,73,0.097);
}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a:hover {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.027);
}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a[aria-current="page"] {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.042);
 box-shadow: inset 0 0 0 1px rgba(35,53,73,0.017);
}
html[data-theme="light"] body.layout-dark-draft .header-actions .resume-link,
html[data-theme="light"] body.layout-dark-draft .vibe-header:not(.is-entry-theme) .header-actions .resume-link {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.030);
}
html[data-theme="light"] body.layout-dark-draft .header-actions .header-contact {
 border-color: rgba(var(--lp-accent-rgb),0.450);
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.100);
}
html[data-theme="light"] body.layout-dark-draft .header-actions .resume-link:hover,
html[data-theme="light"] body.layout-dark-draft .header-actions .resume-link:focus-visible {
 border-color: rgba(var(--lp-accent-rgb),0.192);
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.072);
}
html[data-theme="light"] body.layout-dark-draft .header-actions .header-contact:hover,
html[data-theme="light"] body.layout-dark-draft .header-actions .header-contact:focus-visible {
 color: var(--lp-ink);
 background: var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-entry-theme {
 border-bottom-color: transparent;
 background: var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-entry-theme::before {
 background: radial-gradient(ellipse at 50% 100%, var(--lp-white), var(--lp-page));
}
html[data-theme="light"] body.layout-dark-draft #entry-portal.entry-portal {
 background: radial-gradient(ellipse at 50% 5%, var(--lp-white) 0%, var(--lp-page) 42%, var(--lp-page) 77%);
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-horizon-marker {
 border: 1px solid rgba(var(--lp-accent-rgb),0.140);
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-horizon-guide {
 background: linear-gradient(transparent, rgba(var(--lp-accent-rgb),0.100));
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .intro-line:first-child > span {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .intro-line + .intro-line > span {
 color: var(--lp-ink);
 background: linear-gradient(140deg, var(--lp-ink) 14%, var(--lp-ink) 44%, var(--lp-muted) 100%);
 -webkit-text-fill-color: transparent;
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-scroll {
 border-color: rgba(var(--lp-accent-rgb),0.151);
 color: var(--lp-ink);
 background: rgba(255,255,255,0.333);
 box-shadow: inset 0 1px 0 rgba(35,53,73,0.007);
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-scroll:hover,
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-scroll:focus-visible {
 color: var(--lp-ink);
 border-color: rgba(var(--lp-accent-rgb),0.339);
 background: rgba(var(--lp-accent-rgb),0.060);
 box-shadow: inset 0 1px 0 rgba(35,53,73,0.007);
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-scroll:focus-visible {
 outline-color: var(--lp-line);
}
html[data-theme="light"] body.layout-dark-draft .hero-section {
 --draft-band:var(--lp-page);
 background:
    radial-gradient(circle at 82% 23%, rgba(255,255,255,0.200), transparent 24rem),
    radial-gradient(circle at 9% 90%, rgba(var(--lp-accent-rgb),0.021), transparent 25rem),
    linear-gradient(138deg, var(--lp-page) 0%, var(--lp-page) 58%, var(--lp-white) 100%);
}
html[data-theme="light"] body.layout-dark-draft .hero-section::before {
 background:
    linear-gradient(116deg, transparent 15%, rgba(var(--lp-accent-rgb),0.030) 31%, transparent 46%),
    radial-gradient(ellipse at 46% 26%, rgba(var(--lp-accent-rgb),0.048), transparent 42%);
}
html[data-theme="light"] body.layout-dark-draft .hero-position,
html[data-theme="light"] body.layout-dark-draft .section-index,
html[data-theme="light"] body.layout-dark-draft .operations-impact-meta,
html[data-theme="light"] body.layout-dark-draft .experience-type,
html[data-theme="light"] body.layout-dark-draft .card-type {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .hero-section h1,
html[data-theme="light"] body.layout-dark-draft .hero-section h1 .hero-greeting {
 color: var(--lp-ink);
 text-shadow: 0 0 20px rgba(35,53,73,0);
}
html[data-theme="light"] body.layout-dark-draft .hero-section h1 strong {
 color: var(--lp-ink);
 background: linear-gradient(106deg, var(--lp-ink) 0%, var(--lp-ink) 45%, var(--lp-muted) 76%, var(--lp-ink) 100%);
 -webkit-text-fill-color: transparent;
}
html[data-theme="light"] body.layout-dark-draft .coordinate-disc {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 background: radial-gradient(circle at 45% 45%, rgba(var(--lp-accent-rgb),0.048), rgba(255,255,255,0.020) 48%, transparent 71%);
}
html[data-theme="light"] body.layout-dark-draft .disc-ring {
 border-color: rgba(var(--lp-accent-rgb),0.140);
}
html[data-theme="light"] body.layout-dark-draft .disc-ring.ring-two {
 border-color: rgba(var(--lp-accent-rgb),0.140);
}
html[data-theme="light"] body.layout-dark-draft .disc-axis {
 background: rgba(var(--lp-accent-rgb),0.051);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact {
 background:
    radial-gradient(circle at 91% 7%, rgba(var(--lp-accent-rgb),0.069), transparent 30rem),
    linear-gradient(135deg, var(--lp-white) 0%, var(--dark-band-alt) 100%);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-meta time {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-row + .operations-impact-row {
 border-top: 1px solid rgba(var(--lp-accent-rgb),0.140);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics {
 --panel-line:var(--lp-line);
 border: 1px solid rgba(var(--lp-accent-rgb),0.140);
 background: linear-gradient(125deg, var(--lp-white) 0%, var(--lp-white) 42%, var(--lp-white) 100%);
 box-shadow: 0 18px 50px -40px rgba(35,53,73,0.120);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics::before {
 background: linear-gradient(90deg, rgba(var(--lp-accent-rgb),0.100), rgba(var(--lp-accent-rgb),0.019));
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics::after {
 background: linear-gradient(90deg, transparent, rgba(var(--lp-accent-rgb),0.100));
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics > div:first-child {
 background: radial-gradient(ellipse at 90% 0%, rgba(var(--lp-accent-rgb),0.045), transparent 64%);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics dt {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics dd:not(.impact-visual) {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics > div:first-child dt {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics > div:first-child dd:not(.impact-visual) {
 color: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics > div:last-child dd {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft .impact-before {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .impact-arrow {
 color: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics .impact-visual {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .impact-comparison path {
 stroke: rgba(var(--lp-accent-rgb),0.140);
}
html[data-theme="light"] body.layout-dark-draft .impact-bar-before {
 fill: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft .impact-bar-current {
 fill: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft .impact-comparison-labels > span::before {
 background: var(--lp-raised);
}
html[data-theme="light"] body.layout-dark-draft .impact-comparison-labels > span + span::before {
 background: var(--lp-accent-soft);
}
html[data-theme="light"] body.layout-dark-draft .impact-figure-info summary {
 color: var(--lp-accent);
 background: radial-gradient(circle, transparent 8px, var(--lp-raised) 8px, var(--lp-raised) 9px, transparent 9px);
}
html[data-theme="light"] body.layout-dark-draft .impact-figure-info summary:focus-visible {
 outline: 2px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft .impact-figure-info p {
 border: 1px solid var(--lp-line-strong);
 background: var(--lp-raised);
 color: var(--lp-accent);
 box-shadow: 0 14px 25px rgba(35,53,73,0.092);
}
html[data-theme="light"] body.layout-dark-draft .impact-dataset > span {
 border: 1px solid var(--lp-line-strong);
 background: var(--lp-white);
 box-shadow: 0 8px 15px rgba(35,53,73,0.031);
}
html[data-theme="light"] body.layout-dark-draft .impact-dataset > span:nth-child(2) {
 background: var(--lp-raised);
 border-color: var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft .impact-dataset > span:nth-child(3) {
 background: linear-gradient(120deg, var(--lp-raised), var(--lp-raised));
 border-color: var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft .impact-dataset > span:nth-child(3)::before {
 background: repeating-linear-gradient(0deg, transparent 0 8px, rgba(var(--lp-accent-rgb),0.100) 8px 9px);
}
html[data-theme="light"] body.layout-dark-draft .impact-dataset > span:nth-child(3)::after {
 background: var(--lp-accent-soft);
 box-shadow: 0 0 10px rgba(35,53,73,0.107);
}
@media  (hover: hover) and (pointer: fine) {
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics > div:hover {
 background-color: rgba(var(--lp-accent-rgb),0.021);
}
}
html[data-theme="light"] body.layout-dark-draft .operations-impact-next span {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works,
html[data-theme="light"] body.layout-dark-draft #education,
html[data-theme="light"] body.layout-dark-draft .contact-section {
 --draft-band:var(--lp-page);
}
html[data-theme="light"] body.layout-dark-draft #experience,
html[data-theme="light"] body.layout-dark-draft #skills {
 --draft-band:var(--lp-page);
}
html[data-theme="light"] body.layout-dark-draft #education .section-heading h2,
html[data-theme="light"] body.layout-dark-draft #experience .section-heading h2,
html[data-theme="light"] body.layout-dark-draft #works .section-heading h2,
html[data-theme="light"] body.layout-dark-draft #skills .section-heading h2 {
 text-shadow: 0 0 18px rgba(35,53,73,0);
}
html[data-theme="light"] body.layout-dark-draft .education-card {
 background: rgba(var(--lp-accent-rgb),0.019);
 box-shadow: 0 16px 38px rgba(35,53,73,0.051);
}
html[data-theme="light"] body.layout-dark-draft .education-card::after {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 box-shadow: 0 0 0 28px rgba(35,53,73,0.004);
}
html[data-theme="light"] body.layout-dark-draft .education-card:hover {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 box-shadow: 0 23px 48px rgba(35,53,73,0.069);
}
html[data-theme="light"] body.layout-dark-draft .school-cover {
 background: var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft .school-cover::after {
 background: linear-gradient(145deg, rgba(var(--lp-accent-rgb),0.048), rgba(255,255,255,0.080) 58%, rgba(255,255,255,0.300));
}
html[data-theme="light"] body.layout-dark-draft .education-card > .school-card-topline .school-mark {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.033);
 box-shadow: inset 0 1px 0 rgba(35,53,73,0.013), 0 10px 20px rgba(35,53,73,0.046);
}
html[data-theme="light"] body.layout-dark-draft .card-date {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft .education-card h3 {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft .degree {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .education-card ul {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft .education-card li::before {
 background: var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft .education-connector i {
 background: var(--lp-paper);
 box-shadow: 0 0 0 1px rgba(35,53,73,0.051);
}
html[data-theme="light"] body.layout-dark-draft .experience-timeline::before {
 background: linear-gradient(to bottom, var(--lp-paper), var(--dark-line-strong) 28%, var(--dark-line-strong) 75%, transparent);
}
html[data-theme="light"] body.layout-dark-draft .experience-card,
html[data-theme="light"] body.layout-dark-draft .experience-card-featured {
 background: rgba(var(--lp-accent-rgb),0.018);
 box-shadow: 0 11px 28px rgba(35,53,73,0.037);
}
html[data-theme="light"] body.layout-dark-draft .experience-card-featured {
 background: linear-gradient(100deg, rgba(var(--lp-accent-rgb),0.054), rgba(var(--lp-accent-rgb),0.018) 42%);
}
@media  (hover: hover) and (pointer: fine) {
html[data-theme="light"] body.layout-dark-draft .experience-card:hover {
 box-shadow: 0 17px 36px rgba(35,53,73,0.074), inset 3px 0 rgba(var(--experience-tint), 0.65);
}
}
html[data-theme="light"] body.layout-dark-draft .experience-stem span,
html[data-theme="light"] body.layout-dark-draft .experience-card-featured .experience-stem span {
 background: var(--lp-paper);
 box-shadow: 0 0 0 1px rgba(35,53,73,0.046), 0 0 13px rgba(35,53,73,0.018);
}
html[data-theme="light"] body.layout-dark-draft .experience-date {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft .experience-main h3 {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft .experience-role {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .experience-main > p:not(.experience-type):not(.experience-role) {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft .experience-tags span {
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.021);
}
html[data-theme="light"] body.layout-dark-draft #works {
 --work-blue:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder[data-work-tab="dashboard"] {
 --folder-accent-soft:var(--lp-accent-soft);
 --folder-paper:var(--lp-white);
 --folder-glow: rgba(var(--lp-accent-rgb),0.100);
 --folder-hover-fill:var(--lp-accent-soft);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder[data-work-tab="agent"] {
 --folder-accent-soft:var(--lp-accent-soft);
 --folder-paper:var(--lp-white);
 --folder-glow: rgba(255,255,255,0.220);
 --folder-hover-fill:var(--lp-accent-soft);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder[data-work-tab="automation"] {
 --folder-accent-soft:var(--lp-accent-soft);
 --folder-paper:var(--lp-white);
 --folder-glow: rgba(var(--lp-accent-rgb),0.100);
 --folder-hover-fill:var(--lp-accent-soft);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder,
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:hover,
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:focus-visible {
 color: var(--lp-ink);
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #works .work-folder-layer {
 border-color: color-mix(in srgb, var(--folder-accent) 42%, var(--lp-line-strong));
 background: linear-gradient(145deg, rgba(var(--lp-accent-rgb),0.033), var(--folder-paper));
 box-shadow: 0 18px 32px rgba(35,53,73,0.051);
}
html[data-theme="light"] body.layout-dark-draft #works .work-folder-tab {
 border-color: color-mix(in srgb, var(--folder-accent) 48%, var(--lp-line-strong)) !important;
 background: linear-gradient(135deg, rgba(var(--lp-accent-rgb),0.045), var(--folder-accent-soft)) !important;
 box-shadow: 0 -6px 16px rgba(35,53,73,0.037);
}
html[data-theme="light"] body.layout-dark-draft #works .work-folder-body {
 border-color: color-mix(in srgb, var(--folder-accent) 52%, var(--lp-line-strong));
 color: var(--lp-ink);
 background:
    radial-gradient(circle at 80% 13%, rgba(var(--lp-accent-rgb),0.054), transparent 27%),
    linear-gradient(138deg, rgba(var(--lp-accent-rgb),0.033), color-mix(in srgb, var(--folder-accent-soft) 76%, var(--lp-white)));
 box-shadow: 0 19px 36px rgba(35,53,73,0.058), inset 0 1px 0 rgba(35,53,73,0.018);
}
html[data-theme="light"] body.layout-dark-draft #works .work-folder-body::before {
 border-color: color-mix(in srgb, var(--folder-accent) 38%, var(--lp-line-strong));
 background: linear-gradient(145deg, rgba(var(--lp-accent-rgb),0.042), var(--folder-paper));
 box-shadow: 0 11px 21px rgba(35,53,73,0.039);
}
html[data-theme="light"] body.layout-dark-draft #works .work-folder-body::after {
 border-color: color-mix(in srgb, var(--folder-accent) 34%, var(--lp-line-strong));
 background: linear-gradient(145deg, var(--folder-paper), rgba(var(--lp-accent-rgb),0.027));
 box-shadow: 0 9px 18px rgba(35,53,73,0.032);
}
html[data-theme="light"] body.layout-dark-draft #works .work-folder-body strong {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:focus-visible .work-folder-body {
 box-shadow: 0 0 0 3px color-mix(in srgb, var(--folder-accent) 40%, transparent), 0 22px 40px var(--folder-glow);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder.is-open .work-folder-body {
 border-color: color-mix(in srgb, var(--folder-accent) 68%, var(--lp-line-strong));
 box-shadow: 0 24px 44px var(--folder-glow), inset 0 1px 0 rgba(35,53,73,0.025);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:focus-visible .work-folder-tab {
 border-color: color-mix(in srgb, var(--folder-accent) 74%, var(--lp-line)) !important;
 background: linear-gradient(135deg, color-mix(in srgb, var(--folder-accent) 42%, var(--lp-raised)), var(--folder-hover-fill)) !important;
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:focus-visible .work-folder-body {
 border-color: color-mix(in srgb, var(--folder-accent) 78%, var(--lp-line));
 background:
    radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--folder-accent) 28%, transparent), transparent 36%),
    linear-gradient(138deg, color-mix(in srgb, var(--folder-accent) 24%, var(--lp-white)), var(--folder-hover-fill));
 box-shadow: 0 0 0 2px color-mix(in srgb, var(--folder-accent) 30%, transparent), 0 30px 56px var(--folder-glow), inset 0 1px 0 rgba(35,53,73,0.035);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:focus-visible .work-folder-body::before {
 border-color: color-mix(in srgb, var(--folder-accent) 62%, var(--lp-line-strong));
 background: linear-gradient(145deg, color-mix(in srgb, var(--folder-accent) 20%, var(--lp-raised)), color-mix(in srgb, var(--folder-paper) 62%, var(--folder-accent)));
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:focus-visible .work-folder-body::after {
 border-color: color-mix(in srgb, var(--folder-accent) 58%, var(--lp-line-strong));
 background: linear-gradient(145deg, color-mix(in srgb, var(--folder-paper) 65%, var(--folder-accent)), color-mix(in srgb, var(--folder-accent) 22%, var(--lp-raised)));
}
@media  (hover: hover) and (pointer: fine) {
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:hover .work-folder-tab {
 border-color: color-mix(in srgb, var(--folder-accent) 74%, var(--lp-line)) !important;
 background: linear-gradient(135deg, color-mix(in srgb, var(--folder-accent) 42%, var(--lp-raised)), var(--folder-hover-fill)) !important;
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:hover .work-folder-body {
 border-color: color-mix(in srgb, var(--folder-accent) 78%, var(--lp-line));
 background:
      radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--folder-accent) 28%, transparent), transparent 36%),
      linear-gradient(138deg, color-mix(in srgb, var(--folder-accent) 24%, var(--lp-white)), var(--folder-hover-fill));
 box-shadow: 0 30px 56px var(--folder-glow), inset 0 1px 0 rgba(35,53,73,0.035);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:hover .work-folder-body::before {
 border-color: color-mix(in srgb, var(--folder-accent) 62%, var(--lp-line-strong));
 background: linear-gradient(145deg, color-mix(in srgb, var(--folder-accent) 20%, var(--lp-raised)), color-mix(in srgb, var(--folder-paper) 62%, var(--folder-accent)));
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:hover .work-folder-body::after {
 border-color: color-mix(in srgb, var(--folder-accent) 58%, var(--lp-line-strong));
 background: linear-gradient(145deg, color-mix(in srgb, var(--folder-paper) 65%, var(--folder-accent)), color-mix(in srgb, var(--folder-accent) 22%, var(--lp-raised)));
}
}
html[data-theme="light"] body.layout-dark-draft #works .work-kicker {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-state {
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.030);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tags span {
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.024);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-visual {
 --story-soft:var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-agent {
 --story-soft:var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-automation {
 --story-soft:var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-visual .work-visual-window {
 border-color: color-mix(in srgb, var(--story-accent) 42%, var(--lp-line-strong));
 background: var(--lp-white);
 box-shadow: 0 22px 48px rgba(35,53,73,0.069);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-visual .work-visual-bar {
 background: linear-gradient(180deg, var(--lp-white), var(--lp-white));
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-window-title {
 color: color-mix(in srgb, var(--story-accent) 72%, var(--lp-ink));
}
html[data-theme="light"] body.layout-dark-draft #works .work-case-close {
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.027);
}
html[data-theme="light"] body.layout-dark-draft #works .work-case-close:hover,
html[data-theme="light"] body.layout-dark-draft #works .work-case-close:focus-visible {
 border-color: rgba(var(--lp-accent-rgb),0.150);
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.060);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-board {
 background: var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-heading strong {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article {
 border-color: color-mix(in srgb, var(--story-accent) 30%, var(--lp-line-strong));
 background: rgba(var(--lp-accent-rgb),0.021);
 box-shadow: 0 13px 27px rgba(35,53,73,0.032);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article > span {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article > span i {
 color: color-mix(in srgb, var(--story-accent) 70%, var(--lp-ink));
 background: color-mix(in srgb, var(--story-soft) 82%, var(--lp-white));
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article p {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-case-study,
html[data-theme="light"] body.layout-dark-draft #works .work-case-study-dashboard {
 background: rgba(var(--lp-accent-rgb),0.018);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-heading > span {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-heading h4 {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-grid article {
 background: rgba(var(--lp-accent-rgb),0.019);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-grid article > span {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.045);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-grid b {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-grid p {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #works .dashboard-embed-shell,
html[data-theme="light"] body.layout-dark-draft #works .agent-embed-shell,
html[data-theme="light"] body.layout-dark-draft #works .automation-embed-shell {
 background: var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #works .dashboard-embed,
html[data-theme="light"] body.layout-dark-draft #works .agent-embed,
html[data-theme="light"] body.layout-dark-draft #works .automation-embed {
 background: var(--lp-page);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-visual .work-visual-window {
 border: 1px solid var(--lp-line-strong);
 background: var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-visual .work-visual-bar {
 background: var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-window-title {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-heading small {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article {
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article > span {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article > span i {
 color: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-grid article p {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-efficiency-value strong {
 color: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #works .work-efficiency-value > span {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-story-efficiency b {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #works .work-case-study-dashboard {
 border-top: 1px solid var(--lp-line-strong);
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #works .dashboard-demo-stack {
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-disclosure {
 border: 1px solid var(--lp-line-strong);
 background: var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary:hover {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.019);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary:focus-visible {
 outline: 2px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary-title small {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary-topics {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary-toggle {
 color: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #works .agent-embed-shell,
html[data-theme="light"] body.layout-dark-draft #works .automation-embed-shell {
 border-top: 1px solid var(--lp-line-strong);
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-showcase .archive-controls {
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-filter-tabs {
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-filter-tabs button,
html[data-theme="light"] body.layout-dark-draft #skills .archive-filter-tabs button[aria-pressed="true"] {
 color: var(--lp-muted);
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-filter-tabs button:hover,
html[data-theme="light"] body.layout-dark-draft #skills .archive-filter-tabs button:focus-visible {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-filter-tabs button[aria-pressed="true"] {
 color: var(--lp-ink);
 box-shadow: inset 0 -2px 0 rgba(35,53,73,0.120);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-record-tab {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-record-tab:hover,
html[data-theme="light"] body.layout-dark-draft #skills .archive-record-tab:focus-visible {
 color: var(--lp-ink);
 background: linear-gradient(180deg, transparent, rgba(var(--lp-accent-rgb),0.021));
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-record-tab[aria-selected="true"] {
 color: var(--lp-ink);
 background: linear-gradient(180deg, transparent, rgba(var(--lp-accent-rgb),0.033));
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-record-tab::after {
 background: var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-wide-record {
 background: transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-feature-copy::after {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 box-shadow: 0 0 0 42px rgba(35,53,73,0.003);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-placeholder .archive-wide-record h3 {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-placeholder .archive-wide-record .archive-flip-description {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-placeholder .archive-wide-record .archive-flip-kicker {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-flip-category {
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.030);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-flip-orbits span,
html[data-theme="light"] body.layout-dark-draft #skills .archive-flip-card[data-kind="hobby"] .archive-flip-orbits span {
 border-color: rgba(var(--lp-accent-rgb),0.140);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-flip-orbits span:nth-child(1),
html[data-theme="light"] body.layout-dark-draft #skills .archive-flip-card[data-kind="hobby"] .archive-flip-orbits span:nth-child(1) {
 background: rgba(var(--lp-accent-rgb),0.021);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-wide-record .archive-flip-tags li {
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.021);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-wide-record .archive-flip-footer {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-feature-visual {
 background:
    radial-gradient(circle at 74% 20%, rgba(var(--lp-accent-rgb),0.060), transparent 48%),
    linear-gradient(145deg, rgba(var(--lp-accent-rgb),0.018), rgba(var(--lp-accent-rgb),0.018));
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-feature-visual::before {
 background-image: linear-gradient(rgba(var(--lp-accent-rgb),0.048) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--lp-accent-rgb),0.048) 1px, transparent 1px);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-compare-media figure {
 background: rgba(var(--lp-accent-rgb),0.021);
 box-shadow: 0 13px 28px rgba(35,53,73,0.039);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-compare-media figcaption {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card {
 background: rgba(var(--lp-accent-rgb),0.018);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card:hover,
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card.is-selected {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 background: rgba(var(--lp-accent-rgb),0.033);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card h3 {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card p:not(.archive-grid-card-kicker) {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card::after,
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card[data-kind="hobby"]::after {
 background: radial-gradient(circle, rgba(var(--lp-accent-rgb),0.042), transparent 68%);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-grid-card-tags li {
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.021);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-action,
html[data-theme="light"] body.layout-dark-draft #skills .archive-action-secondary {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.027);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-action:hover,
html[data-theme="light"] body.layout-dark-draft #skills .archive-action:focus-visible {
 border-color: rgba(var(--lp-accent-rgb),0.180);
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.060);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-action-primary {
 border-color: rgba(var(--lp-accent-rgb),0.450);
 color: var(--lp-ink);
 background: linear-gradient(135deg, var(--lp-paper), var(--lp-paper));
}
html[data-theme="light"] body.layout-dark-draft .contact-section {
 background:
    radial-gradient(circle at 82% 18%, rgba(var(--lp-accent-rgb),0.066), transparent 23rem),
    radial-gradient(circle at 10% 92%, rgba(var(--lp-accent-rgb),0.018), transparent 24rem),
    linear-gradient(135deg, var(--lp-page) 0%, var(--lp-page) 64%, var(--lp-white) 100%);
}
html[data-theme="light"] body.layout-dark-draft .contact-section::before {
 border-color: rgba(var(--lp-accent-rgb),0.140);
 box-shadow: 0 0 0 58px rgba(35,53,73,0.003);
}
html[data-theme="light"] body.layout-dark-draft .contact-section-kicker {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .contact-section h2 {
 color: var(--lp-ink);
 text-shadow: 0 0 18px rgba(35,53,73,0);
}
html[data-theme="light"] body.layout-dark-draft .contact-section h2 span:last-child {
 background: linear-gradient(105deg, var(--lp-ink) 0%, var(--lp-ink) 46%, var(--lp-muted) 78%, var(--lp-ink) 100%);
 -webkit-text-fill-color: transparent;
}
html[data-theme="light"] body.layout-dark-draft .contact-section-intro {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft .contact-action {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.027);
}
html[data-theme="light"] body.layout-dark-draft .contact-action:hover,
html[data-theme="light"] body.layout-dark-draft .contact-action:focus-visible {
 border-color: rgba(var(--lp-accent-rgb),0.204);
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.060);
}
html[data-theme="light"] body.layout-dark-draft .contact-action-primary {
 border-color: rgba(var(--lp-accent-rgb),0.450);
 color: var(--lp-ink);
 background: linear-gradient(135deg, var(--lp-paper), var(--lp-paper));
 box-shadow: 0 12px 28px rgba(35,53,73,0.051);
}
html[data-theme="light"] body.layout-dark-draft .contact-action-primary:hover,
html[data-theme="light"] body.layout-dark-draft .contact-action-primary:focus-visible {
 color: var(--lp-ink);
 background: var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft .contact-back-to-top {
 border: 1px solid rgba(var(--lp-accent-rgb),0.140);
 color: var(--lp-text);
 background: rgba(var(--lp-accent-rgb),0.021);
 box-shadow: inset 0 1px 0 rgba(35,53,73,0.010);
}
html[data-theme="light"] body.layout-dark-draft .contact-back-to-top:hover,
html[data-theme="light"] body.layout-dark-draft .contact-back-to-top:focus-visible {
 color: var(--lp-ink);
 border-color: rgba(var(--lp-accent-rgb),0.180);
 background: rgba(var(--lp-accent-rgb),0.054);
 box-shadow: 0 0 28px rgba(35,53,73,0.021), inset 0 1px 0 rgba(35,53,73,0.018);
}
html[data-theme="light"] body.layout-dark-draft .contact-backdrop {
 background: rgba(255,255,255,0.700);
}
html[data-theme="light"] body.layout-dark-draft .contact-card {
 background:
    radial-gradient(circle at 90% 7%, rgba(var(--lp-accent-rgb),0.084), transparent 10rem),
    var(--lp-white);
 box-shadow: 0 32px 86px rgba(35,53,73,0.120);
}
html[data-theme="light"] body.layout-dark-draft .contact-close {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.027);
}
html[data-theme="light"] body.layout-dark-draft .contact-close:hover {
 color: var(--lp-ink);
 background: rgba(var(--lp-accent-rgb),0.060);
}
html[data-theme="light"] body.layout-dark-draft .contact-kicker,
html[data-theme="light"] body.layout-dark-draft .contact-list span {
 color: var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft .contact-list a {
 background: rgba(var(--lp-accent-rgb),0.021);
}
html[data-theme="light"] body.layout-dark-draft .contact-list a:hover {
 background: rgba(var(--lp-accent-rgb),0.045);
}
html[data-theme="light"] body.layout-dark-draft .contact-list strong {
 color: var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft .vibe-footer {
 color: var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft .vibe-footer-icp:hover,
html[data-theme="light"] body.layout-dark-draft .vibe-footer-icp:focus-visible,
html[data-theme="light"] body.layout-dark-draft .vibe-footer-police:hover,
html[data-theme="light"] body.layout-dark-draft .vibe-footer-police:focus-visible {
 color: var(--lp-ink);
}
@media  (max-width: 820px) {
html[data-theme="light"] body.layout-dark-draft #works .work-switcher.work-folder-shelf {
 scrollbar-color: rgba(var(--lp-accent-rgb),0.100) transparent;
}
html[data-theme="light"] body.layout-dark-draft #works .work-switcher.work-folder-shelf::-webkit-scrollbar-thumb {
 background: rgba(var(--lp-accent-rgb),0.100);
}
}
@media  (max-width: 620px) {
html[data-theme="light"] body.layout-dark-draft .education-card,
html[data-theme="light"] body.layout-dark-draft .experience-card {
 box-shadow: 0 12px 28px rgba(35,53,73,0.046);
}
html[data-theme="light"] body.layout-dark-draft #skills .archive-showcase .archive-controls {
 background: transparent;
}
}
/* Source geometry: assets/skills-ink-showcase.css */
html[data-theme="light"] body.layout-dark-draft #skills.skv-root {
 --skv-bg:var(--lp-page);
 --skv-ink:var(--lp-ink);
 --skv-muted:var(--lp-muted);
 --skv-dim:var(--lp-dim);
 --skv-line:var(--lp-line);
 --skv-accent:var(--lp-accent);
 --skv-accent-rgb:62,99,141;
 --skv-panel:var(--lp-white);
 --skv-paper:var(--lp-raised);
 --skv-green:var(--lp-green);
 background:transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-filter-tabs button {
 border-bottom:1px solid transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-record-tabs {
 scrollbar-color:var(--lp-raised) transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-record-tab {
 background:transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-record-tab[aria-selected=true] {
 background:linear-gradient(transparent,rgba(var(--skv-accent-rgb),.05));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-record-tab:hover {
 background:rgba(var(--lp-accent-rgb),0.018);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-lead {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-tags li {
 color:var(--lp-text);
 background:rgba(var(--lp-accent-rgb),0.018);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-tools p {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-prev-next button {
 background:transparent;
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-stage {
 background:radial-gradient(ellipse at 67% 34%,rgba(var(--lp-accent-rgb),0.039),transparent 68%),linear-gradient(130deg,rgba(var(--lp-accent-rgb),0.018),rgba(var(--lp-accent-rgb),0.018));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-stage-meta i {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-art-axis {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-art-axis i {
 background:linear-gradient(90deg,transparent,rgba(var(--lp-accent-rgb),0.100),transparent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet {
 border:1px solid rgba(var(--lp-accent-rgb),0.140);
 background:linear-gradient(155deg,var(--lp-raised),var(--lp-white) 70%);
 box-shadow:0 20px 42px -18px rgba(35,53,73,0.120),inset 0 1px 0 rgba(35,53,73,0.017);
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre .skv-line>em {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre code {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre b {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre strong {
 color:var(--lp-green);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre .comment {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-code-head {
 border-bottom:1px solid rgba(var(--lp-accent-rgb),0.140);
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-code-head small {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dots i {
 background:var(--lp-paper);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dots i:nth-child(2) {
 background:var(--lp-raised);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dots i:nth-child(3) {
 background:var(--lp-raised);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-mini-title {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-floor {
 background:linear-gradient(90deg,transparent,rgba(var(--lp-accent-rgb),0.100),transparent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-floor::after {
 background:var(--lp-page);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-object-token {
 border:1px solid var(--lp-line);
 background:linear-gradient(142deg,var(--lp-accent-soft) 0%,var(--lp-paper) 5%,var(--lp-raised) 8%,var(--lp-raised) 55%,var(--lp-paper));
 box-shadow:inset 0 1px 1px rgba(35,53,73,0.097),inset 3px 0 8px rgba(35,53,73,0.069),9px 15px 24px rgba(35,53,73,0.104);
 text-shadow:0 2px 2px rgba(35,53,73,0);
 color:var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-method {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vibe-back {
 background:linear-gradient(130deg,var(--lp-white),var(--lp-white));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vibe-back p {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-brief-line {
 background:var(--lp-raised);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-mini-tag {
 border:1px solid var(--lp-line-strong);
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-browser {
 background:linear-gradient(140deg,var(--lp-raised),var(--lp-white) 70%);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-browser-bar {
 border-bottom:1px solid rgba(var(--lp-accent-rgb),0.140);
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-browser-body {
 background:radial-gradient(ellipse at 100% 85%,rgba(var(--lp-accent-rgb),0.084),transparent 68%);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-preview-nav {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-preview-nav b {
 color:var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-preview-hero small {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-preview-hero h4 {
 color:var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-preview-hero h4 span {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-preview-action {
 border-bottom:1px solid var(--lp-line);
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-preview-sections {
 border-top:1px solid rgba(var(--lp-accent-rgb),0.140);
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vibe-code {
 background:linear-gradient(150deg,var(--lp-raised),var(--lp-white));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-raw-rows {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-raw-fade {
 color:var(--lp-muted);
 border-top:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-python-result {
 background:linear-gradient(150deg,var(--lp-raised),var(--lp-raised));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-python-result h4 {
 color:var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-result-rows {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-result-rows i {
 background:var(--lp-accent-soft);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-python-result>small {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dom-tree {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dom-tree div {
 border-left:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dom-tree .selected {
 background:rgba(var(--lp-accent-rgb),0.060);
 outline:1px solid rgba(var(--lp-accent-rgb),0.140);
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dom-bottom {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-js-code {
 background:linear-gradient(150deg,var(--lp-raised),var(--lp-white));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-js-result {
 background:linear-gradient(140deg,var(--lp-raised),var(--lp-raised));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-js-result p span {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-js-result b {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-output-caption {
 color:var(--lp-accent);
 border-top:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-token-js {
 color:var(--lp-ink);
 background:linear-gradient(140deg,var(--lp-accent-soft) 0%,var(--lp-raised) 8%,var(--lp-raised) 65%,var(--lp-raised));
 border-color:var(--lp-line);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet {
 background:linear-gradient(160deg,var(--lp-raised),var(--lp-white));
 border-color:var(--lp-line);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-top {
 color:var(--lp-text);
 border-bottom:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-x-icon {
 color:var(--lp-green);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-formula {
 color:var(--lp-muted);
 border-bottom:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-formula span {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet table {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet th,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet td {
 border:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet thead th,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet tbody th {
 color:var(--lp-muted);
 background:var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet tr.selected td {
 background:rgba(var(--lp-accent-rgb),0.054);
 color:var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-excel-sheet>small {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vector-canvas {
 background:radial-gradient(ellipse at 50% 50%,var(--lp-raised),var(--lp-white) 90%);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vector-canvas::before {
 border:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vector-tools {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vector-svg {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vector-path {
 stroke:var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vector-handle {
 stroke:var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vector-nodes {
 fill:var(--lp-ink);
 stroke:var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-canvas-label {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-layer-sheet {
 background:linear-gradient(130deg,var(--lp-raised),var(--lp-raised));
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-layer-sheet p {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-layer-sheet p span {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-layer-sheet p small {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-layer-sheet p.selected {
 border-bottom:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-token-ai {
 color:var(--lp-amber);
 background:linear-gradient(140deg,var(--lp-accent-soft) 0%,var(--lp-raised) 8%,var(--lp-raised) 65%,var(--lp-raised));
 border-color:var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-compare-mark {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-figure {
 border:1px solid rgba(var(--lp-accent-rgb),0.140);
 background:linear-gradient(145deg,var(--lp-raised),var(--lp-white));
 box-shadow:0 22px 45px -18px rgba(35,53,73,0.120);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-button {
 background:var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-figure figcaption {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-figure figcaption small {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-zoom {
 border:1px solid rgba(var(--lp-accent-rgb),0.150);
 background:rgba(255,255,255,0.780);
 color:var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-compare-arrow {
 color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-double .skv-image-button {
 background:var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal {
 background:var(--lp-white);
 color:var(--lp-ink);
 border:1px solid var(--lp-line);
 box-shadow:0 40px 130px rgba(35,53,73,0.120);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal::backdrop {
 background:rgba(255,255,255,0.870);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal-caption {
 color:var(--lp-text);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal-close {
 border:1px solid var(--lp-line);
 background:var(--lp-white);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal-main button {
 border:1px solid var(--lp-line-strong);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal-hint {
 color:var(--lp-muted);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root {
 --draft-band:var(--lp-page);
}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet:focus-visible,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-figure:has(:focus-visible) {
 border-color:rgba(var(--lp-accent-rgb),0.420);
 box-shadow:0 28px 54px -16px rgba(35,53,73,0.120),inset 0 1px 0 rgba(35,53,73,0.032);
}
@media  (hover:hover) and (pointer:fine) {
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet:hover,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-figure:hover,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-object-token:hover {
 border-color:rgba(var(--lp-accent-rgb),0.390);
 box-shadow:0 30px 56px -15px rgba(35,53,73,0.120),inset 0 1px 0 rgba(35,53,73,0.032);
}
}
/* Source geometry: assets/experience-dark-timeline.css */
html[data-theme="light"] body.layout-dark-draft #experience.experience-dark-timeline {
 --cw-bg:var(--lp-page);
 --cw-panel:var(--lp-white);
 --cw-text:var(--lp-ink);
 --cw-soft:var(--lp-text);
 --cw-muted:var(--lp-muted);
 --cw-accent:var(--lp-accent);
 --cw-rule:var(--lp-line);
 --draft-band:var(--lp-page);
}
html[data-theme="light"] body.layout-dark-draft #experience .cw-badge {
 background: rgba(var(--lp-accent-rgb),0.030);
}
html[data-theme="light"] body.layout-dark-draft #experience .cw-current {
 border-color: rgba(var(--lp-accent-rgb),0.150);
 background: rgba(var(--lp-accent-rgb),0.042);
}
html[data-theme="light"] body.layout-dark-draft #experience .cw-tags span {
 background: rgba(var(--lp-accent-rgb),0.021);
}
html[data-theme="light"] body.layout-dark-draft #experience .cw-row-index {
 color: var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #experience .cw-timeline-row:first-child .cw-timeline-card {
 background: linear-gradient(135deg, rgba(var(--lp-accent-rgb),0.033), transparent 65%), var(--cw-panel);
 border-color: rgba(var(--lp-accent-rgb),0.140);
}
html[data-theme="light"] body.layout-dark-draft #experience .cw-timeline-card:focus-within {
 border-color: rgba(var(--lp-accent-rgb),0.270);
}
@media  (hover: hover) and (pointer: fine) {
html[data-theme="light"] body.layout-dark-draft #experience .cw-timeline-card:hover {
 border-color: rgba(var(--lp-accent-rgb),0.252);
 background-color: var(--lp-white);
 box-shadow: inset 3px 0 rgba(35,53,73,0.074);
}
}