:root,[data-theme="dark"]{
      --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2.2rem,1.2rem + 4vw,4.8rem);
      --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
      --radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-full:9999px;
      --font-body:'Satoshi','Inter',sans-serif;--font-display:'Cabinet Grotesk','Arial Black',sans-serif;
      --color-bg:#05070b;--color-surface:#0d1119;--color-surface-2:#121826;--color-surface-3:#1a2233;--color-panel:#090c12;--color-border:rgba(220,232,255,.14);--color-divider:rgba(220,232,255,.08);--color-text:#edf3ff;--color-text-muted:#9eaac7;--color-text-faint:#657290;--color-primary:#55c1ff;--color-primary-2:#1b8bd2;--color-magenta:#ff56d7;--color-gold:#ffd166;--color-green:#93f0bb;--shadow-sm:0 2px 4px rgba(0,0,0,.25);--shadow-md:0 12px 30px rgba(0,0,0,.45);--shadow-lg:0 28px 80px rgba(0,0,0,.62);--transition:180ms cubic-bezier(.16,1,.3,1);
    }
    [data-theme="light"]{--color-bg:#dde8f5;--color-surface:#e8f0fa;--color-surface-2:#f2f7ff;--color-surface-3:#cfdaee;--color-panel:#e2ecf8;--color-border:rgba(10,28,72,.16);--color-divider:rgba(10,28,72,.1);--color-text:#04111e;--color-text-muted:#0050a3;--color-text-faint:#4a5fa0;--color-primary:#0050a3;--color-primary-2:#003a7a;--color-magenta:#6b0aaa;--color-gold:#7a4d00;--color-green:#0e4f2e;--shadow-sm:0 1px 3px rgba(6,18,45,.1);--shadow-md:0 12px 30px rgba(6,18,45,.18);--shadow-lg:0 24px 60px rgba(6,18,45,.22)}
    [data-theme="light"] .display{background:radial-gradient(circle at 50% 15%,rgba(0,88,160,.18),transparent 30%),linear-gradient(180deg,#c8daee,#b8cde4);border-color:rgba(0,88,160,.2)}
    [data-theme="light"] .slot{background:linear-gradient(180deg,#cfdaee,#c0d0e6)}
    [data-theme="light"] .chrome{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.25))}
    [data-theme="light"] .next-cube,[data-theme="light"] .info-tower,[data-theme="light"] .bay,[data-theme="light"] .deck,[data-theme="light"] .dock{background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.15))}
    [data-theme="light"] .module{background:rgba(255,255,255,.35)}
    [data-theme="light"] .row{background:rgba(255,255,255,.3)}
    [data-theme="light"] .about-card{background:rgba(255,255,255,.35)}
    [data-theme="light"] .resume-card{background:rgba(200,140,0,.1);border-color:rgba(180,120,0,.35)}
    [data-theme="light"] .resume-dl{background:rgba(180,120,0,.12);border-color:rgba(180,120,0,.4);color:#7a4d00}
    [data-theme="light"] .resume-dl:hover{background:rgba(180,120,0,.22)}
    [data-theme="light"] .resume-card h3{color:#7a4d00}
    [data-theme="light"] .about-tag.gold{border-color:rgba(140,80,0,.55);background:rgba(140,80,0,.18);color:#5a3200;font-weight:600}
    [data-theme="light"] .about-tag.accent{border-color:rgba(0,88,160,.45);background:rgba(0,88,160,.12);color:#003f7a;font-weight:600}
    [data-theme="light"] .about-tag.magenta{border-color:rgba(140,15,110,.45);background:rgba(140,15,110,.12);color:#6b0652;font-weight:600}
    [data-theme="light"] .ctf-btn--gold{border-color:rgba(160,100,0,.4);background:rgba(160,100,0,.1);color:#6b3f00}
    [data-theme="light"] .masthead{background:rgba(186,210,240,.82)}
    [data-theme="light"] .deck{background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.2))}
    [data-theme="light"] .bootlog{color:#0058a0}
    [data-theme="light"] .bootlog span{color:#0050a3}
    [data-theme="light"] .dock{background:rgba(186,210,240,.9)}
    [data-theme="light"] .dock a{color:var(--color-text-muted)}
    [data-theme="light"] .dock a.active{background:rgba(0,88,160,.15);color:var(--color-primary)}

    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
    body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:radial-gradient(circle at 15% 18%,rgba(85,193,255,.09),transparent 20%),radial-gradient(circle at 82% 10%,rgba(255,86,215,.08),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--color-bg);min-height:100dvh;overflow-x:hidden}
    body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px;opacity:.24;mask-image:radial-gradient(circle at center,black 60%,transparent 100%)}
    body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.026) 0,rgba(255,255,255,.026) 1px,transparent 2px,transparent 4px);opacity:.1}
    a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}svg{display:block}img{max-width:100%;display:block}
    :focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
    .skip-link{position:absolute;left:1rem;top:-3rem;background:var(--color-primary);color:#07101a;padding:.5rem 1rem;border-radius:.5rem;z-index:100}.skip-link:focus{top:1rem}
    [hidden]{display:none !important}
    .panel:focus{outline:none}
    .shell{width:min(100%,1400px);margin:0 auto;padding:1rem}
    .masthead{position:sticky;top:.75rem;z-index:40;display:flex;justify-content:flex-end;padding:.5rem .75rem;background:rgba(8,11,18,.72);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-md);backdrop-filter:blur(18px);margin-bottom:1.25rem;width:fit-content;margin-left:auto}
    .toolbar{display:flex;gap:.45rem;align-items:center}.toolbar button{min-height:30px;padding:0 .75rem;border-radius:999px;border:1px solid var(--color-border);background:rgba(255,255,255,.03);color:var(--color-text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition);cursor:pointer}.toolbar button:hover{background:rgba(85,193,255,.1);color:var(--color-text);border-color:rgba(85,193,255,.28)}

    .hero-rack{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem;margin-bottom:1.25rem}
    .next-cube,.info-tower,.bay,.deck,.dock{border:1px solid var(--color-border);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:var(--shadow-lg)}
    .next-cube{position:relative;border-radius:1.6rem;overflow:hidden;min-height:38rem;background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.01) 38%),linear-gradient(180deg,#0c1119,#070a10)}
    .next-cube::before{content:"";position:absolute;inset:1.25rem;border:1px solid rgba(255,255,255,.05);border-radius:1rem;pointer-events:none}
    .cube-face{position:absolute;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.06)}
    .cube-top{top:1rem;left:8%;width:52%;height:3rem;transform:skewX(-38deg);border-radius:.5rem}
    .cube-side{top:4rem;right:1rem;width:16%;height:60%;transform:skewY(-38deg);border-radius:.6rem}
    .cube-front{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;height:100%}
    .chrome{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1rem;border-bottom:1px solid var(--color-divider);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
    .dots{display:flex;gap:.45rem}.dots span{width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:var(--color-surface-3)}.dots span:nth-child(1){background:#ff8b6b}.dots span:nth-child(2){background:#ffd166}.dots span:nth-child(3){background:#7ee787}
    .titlebar{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}
    .cube-main{display:grid;grid-template-columns:1fr 16rem;gap:1rem;padding:1.25rem}
    .display{padding:1.25rem;border-radius:1.15rem;background:radial-gradient(circle at 50% 15%,rgba(85,193,255,.14),transparent 26%),linear-gradient(180deg,#09111b,#05080e);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
    .display::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.028) 0,rgba(255,255,255,.028) 1px,transparent 2px,transparent 4px);opacity:.1;pointer-events:none}
    .eyebrow{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.36rem .72rem;border-radius:999px;border:1px solid rgba(85,193,255,.2);background:rgba(85,193,255,.1);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem}
    h1{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,6rem);line-height:.92;letter-spacing:-.04em;text-transform:uppercase;max-width:9ch;margin-bottom:1rem}
    h1 .accent{color:var(--color-primary);display:block}
    .lede{max-width:58ch;color:var(--color-text-muted)}
    .philosophy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.4rem}.philo-card{padding:.9rem;border-radius:1rem;background:rgba(255,255,255,.03);border:1px solid var(--color-border)}.philo-card strong{display:block;font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.25rem}.philo-card span{color:var(--color-text-muted);font-size:var(--text-sm)}
    .cartridge-bay{display:grid;align-content:start;gap:.75rem}.slot{padding:1rem;border-radius:1rem;background:linear-gradient(180deg,#161d2d,#0d121b);border:1px solid var(--color-border);position:relative;min-height:6.8rem}.slot::before{content:"";position:absolute;left:50%;top:.7rem;transform:translateX(-50%);width:44%;height:.38rem;border-radius:999px;background:rgba(255,255,255,.08)}.slot small{display:block;color:var(--color-magenta);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;margin-top:.8rem}.slot strong{display:block;font-size:var(--text-lg);line-height:1.05}.slot span{display:block;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:.25rem}
    .status-strip{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:1rem 1.25rem;border-top:1px solid var(--color-divider);background:rgba(255,255,255,.02);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}

    .info-tower{border-radius:1.6rem;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.tower-body{padding:1rem;display:grid;gap:1rem}.module{padding:1rem;border-radius:1rem;border:1px solid var(--color-border);background:rgba(255,255,255,.03)}.module h2,.section-title{font-size:var(--text-lg);margin-bottom:.35rem}.bootlog{display:grid;gap:.35rem;min-height:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-green);font-size:.93rem}.meter{height:.72rem;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:.8rem}.meter span{display:block;height:100%;width:76%;background:linear-gradient(90deg,var(--color-magenta),var(--color-primary),var(--color-gold));animation:pulse 2.8s ease-in-out infinite}
    .module-grid{display:grid;gap:.75rem}.row{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border-radius:1rem;border:1px solid var(--color-border);background:rgba(255,255,255,.02)}.row strong{display:block}.row span{font-size:var(--text-sm);color:var(--color-text-muted)}

    .bay{border-radius:1.6rem;overflow:hidden;margin-bottom:1.25rem}.bay-main{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;padding:1.25rem}.section-copy{padding:1rem;border-radius:1.1rem;border:1px solid var(--color-border);background:rgba(255,255,255,.02)}.section-copy h2{font-family:var(--font-display);font-size:var(--text-xl);line-height:1;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:.7rem}
    .project-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.project-card{position:relative;text-align:left;padding:1rem;min-height:12.5rem;border-radius:1rem;border:1px solid var(--color-border);background:linear-gradient(180deg,#171f31,#0c1018);display:grid;align-content:start;gap:.65rem;transition:all var(--transition)}.project-card::before{content:"";position:absolute;left:50%;top:.7rem;transform:translateX(-50%);width:42%;height:.38rem;border-radius:999px;background:rgba(255,255,255,.08)}.project-card:hover,.project-card.active{transform:translateY(-3px);border-color:rgba(85,193,255,.32);box-shadow:0 18px 36px rgba(0,0,0,.34)}.project-card small{color:var(--color-magenta);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;margin-top:.75rem}.project-card .pc-title{font-size:var(--text-lg);line-height:1.05}.project-card .pc-desc{color:var(--color-text-muted);font-size:var(--text-sm)}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--color-border);background:rgba(255,255,255,.05);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.project-detail{padding:1rem;border-radius:1rem;border:1px solid var(--color-border);background:rgba(255,255,255,.03);min-height:13rem}

    .deck{border-radius:1.6rem;overflow:hidden;margin-bottom:1.25rem}.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.25rem}.deck-card{padding:1rem;border-radius:1rem;background:rgba(255,255,255,.03);border:1px solid var(--color-border)}.deck-card h3{font-family:var(--font-display);font-size:var(--text-lg);line-height:1;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:.55rem}.deck-card p{color:var(--color-text-muted)}

    .dock{position:sticky;bottom:1rem;z-index:30;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;padding:.8rem;width:fit-content;max-width:100%;margin:0 auto;border-radius:1.4rem;background:rgba(7,10,16,.88);backdrop-filter:blur(18px);border:1px solid var(--color-border)}.dock a{min-width:74px;min-height:74px;padding:.5rem;border-radius:1rem;display:grid;place-items:center;gap:.3rem;color:var(--color-text-muted);border:1px solid transparent;transition:all var(--transition)}.dock a:hover,.dock a.active{transform:translateY(-4px) scale(1.03);background:rgba(255,255,255,.05);border-color:rgba(85,193,255,.28);color:var(--color-text)}.dock svg{width:2.3rem;height:2.3rem;color:var(--color-primary)}.dock span{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}

    .run-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(85,193,255,.35);background:rgba(85,193,255,.08);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);text-decoration:none;transition:all var(--transition)}.run-btn:hover{background:rgba(85,193,255,.18);border-color:rgba(85,193,255,.6);transform:translateY(-1px)}
    [data-theme="light"] .run-btn{border-color:rgba(0,105,168,.35);background:rgba(0,105,168,.08);color:var(--color-primary)}
    [data-theme="light"] .run-btn:hover{background:rgba(0,105,168,.15)}
    .palette-flip{--color-primary:#ff61df;--color-primary-2:#cb3aad;--color-magenta:#61d7ff}
    [data-theme="light"].palette-flip,[data-theme="light"] .palette-flip{--color-primary:#a3007f;--color-primary-2:#7a005f;--color-magenta:#005f86}
    @keyframes pulse{0%,100%{transform:scaleX(.92);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
    @media (max-width:1080px){.hero-rack,.bay-main,.deck-grid{grid-template-columns:1fr}.project-rack,.philosophy{grid-template-columns:1fr}.masthead{width:fit-content}}
    @media (max-width:680px){
      .shell{padding:.75rem}
      .masthead{position:static;border-radius:1.2rem;margin-left:0;width:auto}
      .cube-main{grid-template-columns:1fr}
      .dock{width:100%;justify-content:space-evenly;border-radius:1rem;padding:.5rem}
      .dock a{flex:0 0 auto;min-width:70px;min-height:56px;padding:.5rem .25rem}
      .dock a span{font-size:.65rem}
      .status-strip{flex-direction:column}
      #panel-mail .next-cube{max-width:100%;margin:0}
      .hero-rack{grid-template-columns:1fr}
      .about-extra-grid{grid-template-columns:1fr}
    }
    @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

    .avatar-module{padding:0;overflow:hidden;border-radius:1rem;border:1px solid var(--color-border);background:linear-gradient(180deg,#161d2d,#0d121b)}
    .avatar-img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 15%;display:block;filter:contrast(1.03) saturate(0.96)}
    .avatar-caption{padding:.65rem 1rem;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);border-top:1px solid var(--color-divider)}

    @media(max-width:780px){
      .bay-main{grid-template-columns:1fr}
    }
    .ctf-btn{min-height:40px;padding:0 1.1rem;border-radius:.7rem;border:1px solid rgba(85,193,255,.35);background:rgba(85,193,255,.08);color:var(--color-primary);font:inherit;font-size:var(--text-sm);letter-spacing:.06em;cursor:pointer;transition:all var(--transition);white-space:nowrap}
    .ctf-btn:hover:not(:disabled){background:rgba(85,193,255,.18);border-color:rgba(85,193,255,.6)}
    .ctf-btn:disabled{opacity:.4;cursor:default}

    .about-extra{border-radius:1.6rem;overflow:hidden;margin-bottom:1.25rem}
    .about-extra-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem;padding:1.25rem}
    @media(max-width:900px){.about-extra-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:580px){.about-extra-grid{grid-template-columns:1fr}}
    .about-card{padding:1rem;border-radius:1rem;border:1px solid var(--color-border);background:rgba(255,255,255,.03)}
    .about-card h3{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.75rem}
    .about-tags{display:flex;flex-wrap:wrap;gap:.45rem}
    .about-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:rgba(255,255,255,.07);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text)}
    .about-tag.accent{border-color:rgba(85,193,255,.5);background:rgba(85,193,255,.14);color:var(--color-primary);font-weight:500}
    .about-tag.gold{border-color:rgba(255,193,7,.5);background:rgba(255,193,7,.14);color:var(--color-gold);font-weight:500}
    .about-tag.magenta{border-color:rgba(210,56,176,.5);background:rgba(210,56,176,.14);color:var(--color-magenta);font-weight:500}
    .resume-card{padding:1rem;border-radius:1rem;border:1px solid rgba(255,193,7,.45);background:rgba(255,193,7,.08);display:flex;flex-direction:column;gap:.65rem}
    .resume-card h3{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);margin-bottom:0}
    .resume-dl{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border-radius:.75rem;border:1px solid rgba(255,193,7,.55);background:rgba(255,193,7,.14);color:var(--color-gold);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all var(--transition)}
    .resume-dl:hover{background:rgba(255,193,7,.26);border-color:rgba(255,193,7,.8);transform:translateY(-1px)}
    .resume-dl svg{flex-shrink:0}

    .site-footer{padding:1.25rem 0 .5rem;text-align:center}
    .btn-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.75rem}
    .btn-strip a{display:inline-block;line-height:0;border-radius:2px;overflow:hidden;transition:transform .15s,box-shadow .15s;image-rendering:pixelated}
    .btn-strip a:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(85,193,255,.35)}
    .btn-strip img{display:block;width:88px;height:31px;image-rendering:pixelated}
    .footer-copy{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint)}

    [data-theme="light"] .slot small{color:#6b0aaa}
    [data-theme="light"] .project-card small{color:#6b0aaa}
    [data-theme="light"] .eyebrow{color:#6b0aaa}
    [data-theme="light"] .section-title{color:#04111e}
    [data-theme="light"] .lede{color:#1a3060}
    [data-theme="light"] .slot strong{color:#04111e}
    [data-theme="light"] .slot span{color:#1a3060}
    [data-theme="light"] .status-strip span{color:#0050a3}



    [data-theme="light"] .project-card{background:linear-gradient(180deg,#c8d8ee,#b8cce0);border-color:rgba(0,50,140,.25)}
    [data-theme="light"] .project-card .pc-desc{color:#0d2040}
    [data-theme="light"] .project-card .pc-title{color:#04111e}
    [data-theme="light"] .project-card.active,[data-theme="light"] .project-card:hover{background:linear-gradient(180deg,#b8ccdf,#a8bcd0);border-color:rgba(0,80,163,.5)}
    [data-theme="light"] .chip{border-color:rgba(0,60,160,.35);background:rgba(0,60,160,.1);color:#003080}

    /* Toolbar, spacing and markup helpers (formerly inline styles) */
    .toolbar{margin-left:auto}
    .section-copy>.project-rack,.section-copy>.project-detail{margin-top:1rem}
    .ctf-btn--gold{border-color:rgba(255,193,7,.35);background:rgba(255,193,7,.06);color:var(--color-gold)}
    .ctf-btn--gold:hover:not(:disabled){background:rgba(255,193,7,.14);border-color:rgba(255,193,7,.6)}

    /* About → Explore buttons */
    .explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.25rem}
    .explore-btn{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.25rem;border-radius:1rem;font-size:var(--text-base);text-align:left;height:auto;line-height:1.4}
    .explore-btn svg{flex-shrink:0}
    .explore-btn strong{display:block}
    .explore-btn strong+span{font-size:var(--text-sm);opacity:.7}
    @media(max-width:580px){.explore-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}}

    /* Mail panel */
    .mail-cube{max-width:600px;margin:0 auto}
    .mail-body{padding:1.5rem 1.75rem 1.75rem}
    .mail-title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1rem}
    .mail-lede{margin-bottom:1.5rem}
    .mail-links{display:grid;gap:.75rem}
    .mail-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:1rem;text-decoration:none;font-size:var(--text-base);overflow-wrap:anywhere}
    .mail-link svg{flex-shrink:0}
    @media(max-width:680px){.mail-body{padding:1rem}}

    /* Publications (About panel) */
    .pub-list{display:grid;gap:1rem;padding:1.25rem}
    .pub-card{padding:1.1rem 1.2rem;border-radius:1rem;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);background:rgba(255,255,255,.03);scroll-margin-top:5rem}
    .pub-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}
    .pub-badge{font-size:var(--text-xs);letter-spacing:.08em;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted)}
    .pub-badge--role{border-color:rgba(255,193,7,.5);background:rgba(255,193,7,.08);color:var(--color-gold)}
    .pub-title{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.2;margin-bottom:.4rem}
    .pub-authors{font-size:var(--text-sm);color:var(--color-text-muted)}
    .pub-self{color:var(--color-text)}
    .pub-meta{margin-top:.25rem;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint)}
    .pub-summary{margin-top:.6rem;max-width:75ch;font-size:var(--text-sm);color:var(--color-text-muted)}
    .pub-card .chips{margin-top:.75rem}
    .pub-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}
    .pub-actions .run-btn{margin-top:0}
    .pub-copy-status{font-size:var(--text-xs);color:var(--color-green)}
    [data-theme="light"] .pub-card{background:rgba(255,255,255,.35)}
    .detail-chips{margin-top:1rem}
    .inline-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}