diff --git a/src/app/globals.css b/src/app/globals.css
index bd676e2..dc12fc4 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -174,6 +174,9 @@
 [data-theme='macos'] { --background: #c0c0c0; --foreground: #000000; }
 [data-theme='zelda'] { --background: #0a1a04; --foreground: #f0c040; }
 [data-theme='mario'] { --background: #5c94fc; --foreground: #ffffff; }
+[data-theme='win95'] { --background: #008080; --foreground: #000000; }
+[data-theme='notebook'] { --background: #f8f1d8; --foreground: #1a2540; }
+[data-theme='manuscript'] { --background: #f5f1e8; --foreground: #1a1a1a; }
 
 body {
   background-color: var(--background);
@@ -524,7 +527,7 @@ body {
   line-height: 1.4 !important;
 }
 
-.theme-knuth * {
+.theme-knuth *:not([data-theme-dropdown]):not([data-theme-dropdown] *) {
   font-family: "Times New Roman", Times, serif !important;
   background-color: transparent !important;
   color: #000000 !important;
@@ -1629,3 +1632,139 @@ body {
 .theme-mario [class*="border-"] { border-color: #000000 !important; }
 .theme-mario [class*="shadow"] { box-shadow: inset -4px -4px 0 #000 !important; }
 .theme-mario [class*="skew"], .theme-mario [class*="rotate"] { transform: none !important; }
+
+/* =====================================================================
+   WIN95 — Windows 95 desktop. Teal background, beveled gray windows,
+   MS Sans Serif / Tahoma typeface, classic 3D borders.
+   ===================================================================== */
+.theme-win95 {
+  font-family: "Tahoma", "MS Sans Serif", "Geneva", sans-serif !important;
+  background-color: transparent !important;
+  color: #000 !important;
+}
+.theme-win95 * {
+  font-family: "Tahoma", "MS Sans Serif", "Geneva", sans-serif !important;
+  letter-spacing: 0 !important;
+  transform: none !important;
+  clip-path: none !important;
+  backdrop-filter: none !important;
+  border-radius: 0 !important;
+}
+.theme-win95 h1, .theme-win95 h2, .theme-win95 h3 {
+  font-family: "Tahoma", sans-serif !important;
+  color: #000 !important;
+  font-weight: bold !important;
+  border: none !important;
+  text-shadow: none !important;
+  letter-spacing: 0 !important;
+  margin: 0 0 0.5em !important;
+}
+.theme-win95 h1 { font-size: 18px !important; }
+.theme-win95 h2 { font-size: 14px !important; }
+.theme-win95 h3 { font-size: 12px !important; }
+.theme-win95 p { color: #000 !important; font-size: 11px !important; line-height: 1.5 !important; margin: 0 0 8px !important; }
+.theme-win95 a, .theme-win95 a:link { color: #0000a8 !important; text-decoration: underline !important; }
+.theme-win95 a:visited { color: #5c2d91 !important; }
+.theme-win95 a:hover { background: #000080 !important; color: #fff !important; }
+.theme-win95 ul { padding-left: 24px !important; list-style: square !important; }
+/* 3D bevel utility */
+.win95-window { background: #c0c0c0; border: 2px solid; border-color: #ffffff #404040 #404040 #ffffff; box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #808080; padding: 2px; color: #000; }
+.win95-titlebar { background: linear-gradient(to right, #000080, #1084d0); color: #fff; font-weight: bold; padding: 2px 4px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; }
+.win95-titlebar-controls { display: flex; gap: 2px; }
+.win95-titlebar-controls span { width: 16px; height: 14px; background: #c0c0c0; border: 1px solid; border-color: #ffffff #404040 #404040 #ffffff; color: #000; font-size: 9px; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
+.win95-body { padding: 8px; background: #c0c0c0; }
+.win95-button { display: inline-block; background: #c0c0c0 !important; color: #000 !important; border: 2px solid !important; border-color: #ffffff #404040 #404040 #ffffff !important; box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #808080 !important; padding: 4px 12px !important; font-size: 11px !important; font-weight: normal !important; text-decoration: none !important; cursor: pointer; }
+.win95-button:active, .win95-button:hover { border-color: #404040 #ffffff #ffffff #404040 !important; box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important; }
+.win95-fieldset { border: 1px solid #808080; box-shadow: inset 1px 1px 0 #ffffff; padding: 8px; margin: 8px 0; }
+.win95-fieldset legend { font-size: 11px; padding: 0 4px; background: #c0c0c0; }
+.theme-win95 [class*="bg-"] { background-color: transparent !important; background-image: none !important; }
+.theme-win95 [class*="text-"]:not(a) { color: #000 !important; }
+.theme-win95 [class*="border-"] { border-color: #808080 !important; }
+.theme-win95 [class*="shadow"] { box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #808080 !important; }
+.theme-win95 [class*="skew"], .theme-win95 [class*="rotate"] { transform: none !important; }
+
+/* =====================================================================
+   NOTEBOOK — Lab notebook on lined paper with red margin and
+   coffee ring stains. Cream paper, navy ink, slightly handwritten feel.
+   ===================================================================== */
+.theme-notebook {
+  font-family: "Bradley Hand", "Comic Sans MS", "Segoe Print", "Georgia", serif !important;
+  background-color: transparent !important;
+  color: #1a2540 !important;
+}
+.theme-notebook * {
+  font-family: "Bradley Hand", "Comic Sans MS", "Segoe Print", "Georgia", serif !important;
+  transform: none !important;
+  clip-path: none !important;
+  backdrop-filter: none !important;
+  letter-spacing: 0 !important;
+}
+.theme-notebook h1, .theme-notebook h2, .theme-notebook h3 {
+  font-weight: bold !important;
+  color: #0e1a3a !important;
+  border: none !important;
+  text-shadow: none !important;
+  text-align: left !important;
+}
+.theme-notebook h1 { font-size: 1.8em !important; margin-bottom: 0.4em !important; }
+.theme-notebook h2 { font-size: 1.3em !important; margin: 0.8em 0 0.3em !important; text-decoration: underline; text-decoration-color: #c93030; }
+.theme-notebook h3 { font-size: 1.1em !important; margin: 0.6em 0 0.2em !important; }
+.theme-notebook p { color: #1a2540 !important; line-height: 28px !important; margin: 0 !important; }
+.theme-notebook a, .theme-notebook a:link { color: #c93030 !important; text-decoration: underline !important; }
+.theme-notebook a:hover { background: #ffe066 !important; }
+.theme-notebook ul { list-style: none !important; padding-left: 0 !important; }
+.theme-notebook ul li { padding-left: 1.5em; position: relative; line-height: 28px; }
+.theme-notebook ul li::before { content: "→"; position: absolute; left: 0; color: #c93030; font-weight: bold; }
+.theme-notebook hr { border: 0 !important; border-top: 2px dashed #c93030 !important; margin: 1em 0 !important; }
+.notebook-sticky { background: #fff8a8; padding: 12px 16px; box-shadow: 2px 4px 8px rgba(0,0,0,0.15); transform: rotate(-1.5deg); display: inline-block; margin: 8px; }
+.notebook-stamp { display: inline-block; border: 3px double #c93030; color: #c93030; padding: 4px 12px; font-weight: bold; text-transform: uppercase; transform: rotate(-4deg); letter-spacing: 0.1em; }
+.theme-notebook [class*="bg-"] { background-color: transparent !important; background-image: none !important; }
+.theme-notebook [class*="text-"]:not(a) { color: #1a2540 !important; }
+.theme-notebook [class*="border-"] { border-color: #1a2540 !important; }
+.theme-notebook [class*="shadow"] { box-shadow: 1px 2px 4px rgba(0,0,0,0.1) !important; }
+.theme-notebook [class*="skew"], .theme-notebook [class*="rotate"] { transform: none !important; }
+
+/* =====================================================================
+   MANUSCRIPT — Two-column scientific journal (MBE / Bioinformatics
+   style). Serif body, sans-serif headings, citation badges,
+   small-caps section labels.
+   ===================================================================== */
+.theme-manuscript {
+  font-family: "Times New Roman", Times, Georgia, serif !important;
+  background-color: transparent !important;
+  color: #1a1a1a !important;
+}
+.theme-manuscript * {
+  font-family: inherit;
+  transform: none !important;
+  clip-path: none !important;
+  backdrop-filter: none !important;
+}
+.theme-manuscript h1, .theme-manuscript h2, .theme-manuscript h3 {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+  color: #1a1a1a !important;
+  border: none !important;
+  text-shadow: none !important;
+  text-align: left !important;
+  letter-spacing: 0 !important;
+}
+.theme-manuscript h1 { font-size: 22pt !important; font-weight: bold !important; line-height: 1.2 !important; margin: 0 0 0.3em !important; }
+.theme-manuscript h2 { font-size: 11pt !important; font-weight: bold !important; text-transform: uppercase; letter-spacing: 0.05em !important; margin: 1.2em 0 0.4em !important; color: #003366 !important; }
+.theme-manuscript h3 { font-size: 10.5pt !important; font-weight: bold !important; font-style: italic; margin: 0.8em 0 0.3em !important; color: #003366 !important; }
+.theme-manuscript p { font-size: 10pt !important; line-height: 1.45 !important; text-align: justify !important; margin: 0 0 0.6em !important; color: #1a1a1a !important; }
+.theme-manuscript a, .theme-manuscript a:link { color: #003366 !important; text-decoration: none !important; border-bottom: 1px dotted #003366 !important; }
+.theme-manuscript a:hover { background: #e8eef5 !important; }
+.theme-manuscript ul { list-style: none !important; padding-left: 0 !important; }
+.theme-manuscript ul li { font-size: 10pt; line-height: 1.5; padding-left: 1.2em; position: relative; }
+.theme-manuscript ul li::before { content: "•"; position: absolute; left: 0; color: #003366; }
+.manuscript-abstract { border-top: 1px solid #003366; border-bottom: 1px solid #003366; padding: 8px 0; margin: 12px 0; font-size: 9.5pt !important; line-height: 1.5; }
+.manuscript-abstract::before { content: "ABSTRACT"; display: block; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 9pt; font-weight: bold; letter-spacing: 0.1em; color: #003366; margin-bottom: 4px; }
+.manuscript-cite { display: inline-block; vertical-align: super; font-size: 7.5pt; color: #003366; text-decoration: none; }
+.manuscript-affil { font-size: 8.5pt !important; line-height: 1.3 !important; color: #555 !important; font-style: italic !important; }
+.manuscript-doi { font-family: "Courier New", monospace; font-size: 8.5pt; color: #555; letter-spacing: 0.02em; }
+.manuscript-section-num { color: #003366; font-weight: bold; margin-right: 0.4em; }
+.theme-manuscript [class*="bg-"] { background-color: transparent !important; background-image: none !important; }
+.theme-manuscript [class*="text-"]:not(a) { color: #1a1a1a !important; }
+.theme-manuscript [class*="border-"] { border-color: #003366 !important; }
+.theme-manuscript [class*="shadow"] { box-shadow: none !important; }
+.theme-manuscript [class*="skew"], .theme-manuscript [class*="rotate"] { transform: none !important; }
diff --git a/src/app/layout.js b/src/app/layout.js
index 1e564b5..6715039 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,6 +1,7 @@
 import { Press_Start_2P, VT323, Share_Tech_Mono, Pixelify_Sans } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/ThemeContext";
+import ThemeBackdrop from "@/components/ThemeBackdrop";
 
 const pressStart2P = Press_Start_2P({
   variable: "--font-press-start",
@@ -35,6 +36,7 @@ export default function RootLayout({ children }) {
     <html lang="en" className="h-full">
       <body className={`${pressStart2P.variable} ${vt323.variable} ${shareTechMono.variable} ${pixelify.variable} min-h-full antialiased`}>
         <ThemeProvider>
+          <ThemeBackdrop />
           {children}
         </ThemeProvider>
       </body>
diff --git a/src/app/members/page.js b/src/app/members/page.js
index 6461f75..743a142 100644
--- a/src/app/members/page.js
+++ b/src/app/members/page.js
@@ -24,6 +24,9 @@ export default function MembersPage() {
       case 'macos': return 'text-black';
       case 'zelda': return 'text-[#f0c040]';
       case 'mario': return 'text-[#fcbc3c]';
+      case 'win95': return 'text-[#000080]';
+      case 'notebook': return 'text-[#0e1a3a]';
+      case 'manuscript': return 'text-[#003366]';
       default: return 'text-retro-amber';
     }
   };
diff --git a/src/app/page.js b/src/app/page.js
index b4596b5..fc032b5 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -58,12 +58,15 @@ export default function Home() {
       theme === 'bios' ? 'bg-black' :
       theme === 'macos' ? 'bg-[#c0c0c0]' :
       theme === 'zelda' ? '' :
-      theme === 'mario' ? '' : ''
+      theme === 'mario' ? '' :
+      theme === 'win95' ? '' :
+      theme === 'notebook' ? '' :
+      theme === 'manuscript' ? '' : ''
     }`}>
       <Navbar />
       
       <div className={`container mx-auto px-4 py-12 relative z-10 flex-grow ${theme === 'knuth' ? 'max-w-[800px]' : ''}`}>
-        <section className={(theme === 'profdr' || theme === 'geocities' || theme === 'y2k' || theme === 'vax' || theme === 'knuth' || theme === 'myspace' || theme === 'typewriter' || theme === 'bios' || theme === 'macos' || theme === 'zelda' || theme === 'mario') ? 'mb-8' : 'mb-16 text-center'}>
+        <section className={(theme === 'profdr' || theme === 'geocities' || theme === 'y2k' || theme === 'vax' || theme === 'knuth' || theme === 'myspace' || theme === 'typewriter' || theme === 'bios' || theme === 'macos' || theme === 'zelda' || theme === 'mario' || theme === 'win95' || theme === 'notebook' || theme === 'manuscript') ? 'mb-8' : 'mb-16 text-center'}>
           {theme === 'knuth' ? (
             <div className="font-serif text-left">
               <h1 style={{fontSize: '28pt', fontWeight: 'bold', marginBottom: '10pt'}}>ACME Laboratory</h1>
@@ -491,6 +494,185 @@ export default function Home() {
                 Correspondence: acme@temple.edu &mdash; SERC, Philadelphia &mdash; All dispatches welcome
               </div>
             </div>
+          ) : theme === 'win95' ? (
+            <div style={{maxWidth: '900px', margin: '0 auto', textAlign: 'left', fontFamily: '"Tahoma", sans-serif'}}>
+              {/* Main "My Computer" window */}
+              <div className="win95-window" style={{marginBottom: '12px'}}>
+                <div className="win95-titlebar">
+                  <span>ACME Lab — My Computer</span>
+                  <div className="win95-titlebar-controls">
+                    <span>_</span><span>□</span><span>×</span>
+                  </div>
+                </div>
+                {/* Menu strip */}
+                <div style={{padding: '2px 4px', fontSize: '11px', borderBottom: '1px solid #808080', boxShadow: 'inset 0 -1px 0 #fff', display: 'flex', gap: '12px'}}>
+                  <span><u>F</u>ile</span>
+                  <span><u>E</u>dit</span>
+                  <span><u>V</u>iew</span>
+                  <span><u>H</u>elp</span>
+                </div>
+                <div className="win95-body" style={{display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '12px'}}>
+                  {/* Left column */}
+                  <fieldset className="win95-fieldset">
+                    <legend>About this Lab</legend>
+                    <p style={{fontSize: '11px', margin: 0, lineHeight: 1.5}}>
+                      The <b>ACME Laboratory</b> develops high-performance computational tools for the
+                      comparative analysis of sequence data. Methods apply universally; pathogens are our
+                      primary case study.
+                    </p>
+                  </fieldset>
+                  {/* Right column — drives */}
+                  <fieldset className="win95-fieldset">
+                    <legend>Network</legend>
+                    <div style={{display: 'flex', flexDirection: 'column', gap: '4px', fontSize: '11px'}}>
+                      <Link href="/projects" style={{display: 'flex', alignItems: 'center', gap: '6px', color: '#000', textDecoration: 'none'}}>
+                        <span style={{display: 'inline-block', width: '16px', height: '14px', background: '#c0c0c0', border: '1px solid', borderColor: '#fff #404040 #404040 #fff'}} />
+                        Projects (C:)
+                      </Link>
+                      <Link href="/members" style={{display: 'flex', alignItems: 'center', gap: '6px', color: '#000', textDecoration: 'none'}}>
+                        <span style={{display: 'inline-block', width: '16px', height: '14px', background: '#c0c0c0', border: '1px solid', borderColor: '#fff #404040 #404040 #fff'}} />
+                        Team (D:)
+                      </Link>
+                      <Link href="/papers" style={{display: 'flex', alignItems: 'center', gap: '6px', color: '#000', textDecoration: 'none'}}>
+                        <span style={{display: 'inline-block', width: '16px', height: '14px', background: '#c0c0c0', border: '1px solid', borderColor: '#fff #404040 #404040 #fff'}} />
+                        Papers (E:)
+                      </Link>
+                      <Link href="/former" style={{display: 'flex', alignItems: 'center', gap: '6px', color: '#000', textDecoration: 'none'}}>
+                        <span style={{display: 'inline-block', width: '16px', height: '14px', background: '#c0c0c0', border: '1px solid', borderColor: '#fff #404040 #404040 #fff'}} />
+                        Alumni (F:)
+                      </Link>
+                    </div>
+                  </fieldset>
+                </div>
+                {/* Status bar */}
+                <div style={{padding: '2px 6px', borderTop: '1px solid #fff', boxShadow: 'inset 0 1px 0 #808080', fontSize: '11px', display: 'flex', justifyContent: 'space-between'}}>
+                  <span>4 object(s)</span>
+                  <span>0 bytes free</span>
+                </div>
+              </div>
+
+              {/* Tools "shortcut" window */}
+              <div className="win95-window">
+                <div className="win95-titlebar">
+                  <span>Installed Software</span>
+                  <div className="win95-titlebar-controls"><span>_</span><span>□</span><span>×</span></div>
+                </div>
+                <div className="win95-body" style={{display: 'flex', gap: '12px', flexWrap: 'wrap'}}>
+                  {['HyPhy', 'Datamonkey', 'HIV-TRACE'].map(tool => (
+                    <Link key={tool} href="/projects" className="win95-button" style={{display: 'inline-flex', alignItems: 'center', gap: '6px', textDecoration: 'none'}}>
+                      <span style={{display: 'inline-block', width: '14px', height: '14px', background: '#000080'}} />
+                      {tool}.exe
+                    </Link>
+                  ))}
+                </div>
+              </div>
+            </div>
+          ) : theme === 'notebook' ? (
+            <div style={{maxWidth: '780px', margin: '0 auto', paddingLeft: '64px', textAlign: 'left'}}>
+              {/* Date / page header */}
+              <div style={{display: 'flex', justifyContent: 'space-between', alignItems: 'baseline', marginBottom: '8px'}}>
+                <h1 style={{margin: 0}}>14 March — Day 42</h1>
+                <span style={{fontSize: '12px', color: '#c93030'}}>p. 84</span>
+              </div>
+
+              <p>Today: keep grinding on selection-detection methods for viral genomes.</p>
+              <p>The whole ACME Lab is a computational molecular evolution group at <b>Temple University</b>. Methods are universal — but pathogens are where it gets fun.</p>
+
+              <h2>Aims</h2>
+              <ul>
+                <li>Find sites of <b>positive selection</b> across measurably evolving pathogens.</li>
+                <li>Push <Link href="/projects">HyPhy</Link> and <Link href="/projects">Datamonkey</Link> further.</li>
+                <li>Map transmission with <Link href="/projects">HIV-TRACE</Link>.</li>
+              </ul>
+
+              <h2>Notes</h2>
+              <p>Stuck on convergence again. Coffee helped. ←</p>
+              <p>Idea: re-run with relaxed clock + see <Link href="/papers">last week&apos;s paper</Link>.</p>
+
+              <h2>Where things live</h2>
+              <ul>
+                <li><Link href="/members">Lab members</Link> — current personnel</li>
+                <li><Link href="/papers">Publications</Link> — full bibliography</li>
+                <li><Link href="/former">Alumni</Link> — where everyone is now</li>
+              </ul>
+
+              <hr />
+              <div style={{display: 'flex', gap: '20px', alignItems: 'center', marginTop: '8px'}}>
+                <span className="notebook-stamp">Reviewed</span>
+                <span style={{fontSize: '12px', color: '#1a2540', fontStyle: 'italic'}}>— D.C., 14/3</span>
+              </div>
+            </div>
+          ) : theme === 'manuscript' ? (
+            <div style={{maxWidth: '900px', margin: '0 auto', textAlign: 'left'}}>
+              {/* Header strip */}
+              <div style={{borderBottom: '1px solid #003366', paddingBottom: '4px', marginBottom: '14px', display: 'flex', justifyContent: 'space-between', fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '9pt', color: '#003366', letterSpacing: '0.05em'}}>
+                <span><b>Mol. Biol. Evol.</b> 41(4):1–24</span>
+                <span className="manuscript-doi">doi:10.1093/molbev/acme.2026</span>
+              </div>
+
+              {/* Article type */}
+              <div style={{fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '9pt', textTransform: 'uppercase', letterSpacing: '0.15em', color: '#003366', fontWeight: 'bold', marginBottom: '8px'}}>
+                Methods
+              </div>
+
+              {/* Title */}
+              <h1>Statistical models and software tools for the comparative analysis of sequence data</h1>
+
+              {/* Authors */}
+              <p style={{fontSize: '11pt', margin: '8px 0 4px', textAlign: 'left'}}>
+                ACME Lab Authors<sup className="manuscript-cite">1,*</sup>
+              </p>
+              <p className="manuscript-affil">
+                <sup>1</sup>Institute for Genomics and Evolutionary Medicine, Temple University, Philadelphia, PA, USA<br />
+                <sup>*</sup>Correspondence: <a href="mailto:acme@temple.edu">acme@temple.edu</a>
+              </p>
+
+              {/* Abstract */}
+              <div className="manuscript-abstract">
+                We present a suite of statistical models and open-source software for the comparative
+                analysis of biological sequence data. Methods are universally applicable across all domains
+                of life, with measurably evolving pathogens as the primary case study. The
+                <Link href="/projects"> HyPhy</Link> package, the <Link href="/projects">Datamonkey</Link> web server,
+                and <Link href="/projects">HIV-TRACE</Link> together support hypothesis testing on phylogenies,
+                browser-based selection analysis, and molecular transmission cluster inference.
+              </div>
+
+              {/* Two-column body */}
+              <div style={{columnCount: 2, columnGap: '24px', columnRule: '1px solid #e0d8c5'}}>
+                <h2><span className="manuscript-section-num">1</span>Introduction</h2>
+                <p>
+                  The comparative analysis of sequence data underpins much of modern evolutionary biology.
+                  Yet quantitative inference of selection — and of the parameters that govern it — remains
+                  challenging. Here we describe the toolkit developed and maintained by the ACME Laboratory,
+                  spanning method development, web infrastructure, and applied epidemiology.
+                </p>
+
+                <h2><span className="manuscript-section-num">2</span>Software</h2>
+                <p>
+                  <b>HyPhy</b> implements maximum-likelihood and Bayesian methods for hypothesis testing on
+                  phylogenies. <b>Datamonkey</b> wraps the most-used HyPhy methods in an accessible web
+                  interface. <b>HIV-TRACE</b> reconstructs molecular transmission clusters from pairwise
+                  genetic distances.
+                </p>
+                <p>
+                  Full documentation, source, and installation notes are available in the
+                  <Link href="/projects"> Software</Link> section.
+                </p>
+
+                <h2><span className="manuscript-section-num">3</span>Authors</h2>
+                <p>
+                  The list of present and past contributors is maintained at
+                  <Link href="/members"> /members</Link>. A complete record of laboratory alumni and their
+                  current affiliations is at <Link href="/former">/former</Link>.
+                </p>
+
+                <h2><span className="manuscript-section-num">4</span>Availability</h2>
+                <p>
+                  All ACME Laboratory tools are open source and freely available. A complete list of
+                  publications, including software citations, is at <Link href="/papers">/papers</Link>.
+                </p>
+              </div>
+            </div>
           ) : theme === 'bios' ? (
             <div className="text-left font-mono">
               <p>ACME LABORATORY BIOS v2.07</p>
@@ -808,7 +990,7 @@ export default function Home() {
           )}
         </section>
 
-        {(theme !== '2020s' && theme !== 'profdr' && theme !== 'geocities' && theme !== 'y2k' && theme !== 'vax' && theme !== 'knuth' && theme !== 'myspace' && theme !== 'typewriter' && theme !== 'bios' && theme !== 'macos' && theme !== 'zelda' && theme !== 'mario') && (
+        {(theme !== '2020s' && theme !== 'profdr' && theme !== 'geocities' && theme !== 'y2k' && theme !== 'vax' && theme !== 'knuth' && theme !== 'myspace' && theme !== 'typewriter' && theme !== 'bios' && theme !== 'macos' && theme !== 'zelda' && theme !== 'mario' && theme !== 'win95' && theme !== 'notebook' && theme !== 'manuscript') && (
           <>
             <section className="grid md:grid-cols-2 gap-8 mb-16">
               <Card title={theme === '80s' ? 'SUPPLY_INVENTORY' : 'CORE_COMPETENCIES'}>
@@ -987,6 +1169,37 @@ export default function Home() {
           <p style={{fontSize: '11px', color: '#7a5c3a', letterSpacing: '0.1em'}}>ACME LABORATORY — TEMPLE UNIVERSITY — PHILADELPHIA, PA</p>
           <p style={{fontSize: '10px', color: '#9a7a5a', marginTop: '4px'}}>Correspondence: acme@temple.edu &nbsp;|&nbsp; SERC</p>
         </footer>
+      ) : theme === 'win95' ? (
+        <footer className="mt-auto" style={{background: '#c0c0c0', borderTop: '2px solid', borderTopColor: '#fff', boxShadow: 'inset 0 -1px 0 #808080', fontFamily: '"Tahoma", sans-serif'}}>
+          <div className="container mx-auto flex items-center justify-between flex-wrap gap-2" style={{padding: '4px 8px'}}>
+            <div className="flex items-center gap-2 flex-wrap">
+              <span className="win95-button" style={{display: 'inline-flex', alignItems: 'center', gap: '6px', fontWeight: 'bold'}}>
+                <span style={{display: 'inline-block', width: '14px', height: '14px', background: 'linear-gradient(45deg,#ff0000 25%,#00ff00 25% 50%,#0000ff 50% 75%,#ffff00 75%)'}} />
+                Start
+              </span>
+              <span style={{background: '#c0c0c0', border: '1px solid', borderColor: '#808080 #fff #fff #808080', padding: '2px 8px', fontSize: '11px'}}>ACME.exe</span>
+            </div>
+            <span style={{background: '#c0c0c0', border: '1px solid', borderColor: '#808080 #fff #fff #808080', padding: '2px 8px', fontSize: '11px', fontFamily: '"Courier New", monospace'}}>3:14 PM</span>
+          </div>
+        </footer>
+      ) : theme === 'notebook' ? (
+        <footer className="mt-auto" style={{background: 'transparent', borderTop: '2px dashed #c93030', fontFamily: '"Comic Sans MS", cursive'}}>
+          <div className="container mx-auto" style={{padding: '12px 16px', paddingLeft: '80px', fontSize: '12px', color: '#1a2540'}}>
+            <p style={{margin: 0}}>ACME Lab — Temple University — SERC, Philadelphia.</p>
+            <p style={{margin: '2px 0 0', color: '#c93030', fontStyle: 'italic'}}>p. 84 of ∞ &nbsp;·&nbsp; sign &amp; date all entries</p>
+          </div>
+        </footer>
+      ) : theme === 'manuscript' ? (
+        <footer className="mt-auto" style={{background: 'transparent', borderTop: '1px solid #003366', fontFamily: '"Times New Roman", serif'}}>
+          <div className="container mx-auto" style={{padding: '12px 16px', textAlign: 'center', fontSize: '9pt', color: '#555'}}>
+            <p style={{margin: 0, fontFamily: 'Helvetica, Arial, sans-serif', letterSpacing: '0.05em'}}>
+              © 2026 The Authors. Published by Oxford University Press on behalf of the Society for Molecular Biology and Evolution.
+            </p>
+            <p className="manuscript-doi" style={{margin: '4px 0 0'}}>
+              ACME Laboratory · Institute for Genomics and Evolutionary Medicine · Temple University · SERC, Philadelphia, PA
+            </p>
+          </div>
+        </footer>
       ) : theme === 'bios' ? (
         <footer className="mt-auto p-4" style={{background: '#000', borderTop: '1px solid #ffb000', fontFamily: '"Courier New", Courier, monospace', textAlign: 'left'}}>
           <p style={{color: '#a07000', fontSize: '12px', textTransform: 'uppercase', letterSpacing: '0.08em'}}>COPYRIGHT (C) 2026 ACME LABORATORY. ALL RIGHTS RESERVED.</p>
diff --git a/src/app/projects/page.js b/src/app/projects/page.js
index 996af50..c8cb3af 100644
--- a/src/app/projects/page.js
+++ b/src/app/projects/page.js
@@ -25,6 +25,9 @@ export default function ProjectsPage() {
       case 'macos': return 'text-black';
       case 'zelda': return 'text-[#f0c040]';
       case 'mario': return 'text-[#fcbc3c]';
+      case 'win95': return 'text-[#000080]';
+      case 'notebook': return 'text-[#0e1a3a]';
+      case 'manuscript': return 'text-[#003366]';
       default: return 'text-retro-blue';
     }
   };
@@ -50,6 +53,9 @@ export default function ProjectsPage() {
                 theme === 'macos' ? 'mac-window !m-0 overflow-hidden' :
                 theme === 'zelda' ? 'zelda-panel !m-0 !p-0 border-2 border-[#f0c040] overflow-hidden' :
                 theme === 'mario' ? 'mario-panel !m-0 !p-0 border-4 border-black overflow-hidden' :
+                theme === 'win95' ? '!m-0 !p-0 overflow-hidden' :
+                theme === 'notebook' ? '!m-0 !p-0 border border-[#aac4e8] overflow-hidden' :
+                theme === 'manuscript' ? '!m-0 !p-0 border border-[#003366] overflow-hidden' :
                 'pixel-border border-4 rounded-2xl'
               }`}>
                 {project.image && theme !== 'vax' && theme !== 'bios' ? (
@@ -119,6 +125,9 @@ export default function ProjectsPage() {
                 theme === 'macos' ? 'bg-white border-black shadow-[2px_2px_0_#808080]' :
                 theme === 'zelda' ? 'bg-[#1a2c0a] border-[#f0c040]' :
                 theme === 'mario' ? 'bg-[#c07028] border-black shadow-[inset_-2px_-2px_0_#8c4a14]' :
+                theme === 'win95' ? 'bg-[#c0c0c0] border-[#808080]' :
+                theme === 'notebook' ? 'bg-white/60 border-[#aac4e8]' :
+                theme === 'manuscript' ? 'bg-transparent border-[#003366]/20' :
                 'bg-black border-retro-green/30 rounded-xl'
               }`}>
                 {(theme === 'profdr' || theme === 'enterprise' || theme === 'vax' || theme === 'knuth' || theme === 'bios' || theme === 'macos') && <div className={`text-[10px] font-bold border-b mb-2 pb-1 ${
diff --git a/src/components/Card.js b/src/components/Card.js
index daada30..69f74e8 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -170,6 +170,46 @@ export default function Card({ title, children, className = "" }) {
     );
   }
 
+  if (theme === 'win95') {
+    return (
+      <div className={`mb-4 ${className}`} style={{background: '#c0c0c0', border: '2px solid', borderColor: '#fff #808080 #808080 #fff', boxShadow: 'inset 1px 1px 0 #dfdfdf', fontFamily: '"Tahoma", sans-serif'}}>
+        {title && (
+          <div style={{background: 'linear-gradient(to right, #000080, #1084d0)', padding: '3px 6px', marginBottom: '6px', display: 'flex', justifyContent: 'space-between', alignItems: 'center'}}>
+            <span style={{color: '#fff', fontWeight: 'bold', fontSize: '11px'}}>{title.replace(/_/g, ' ')}</span>
+            <span style={{color: '#fff', fontSize: '10px', opacity: 0.7}}>&#x2501;&#x25A1;&#x2715;</span>
+          </div>
+        )}
+        <div style={{padding: '8px', fontSize: '12px', color: '#000'}}>{children}</div>
+      </div>
+    );
+  }
+
+  if (theme === 'notebook') {
+    return (
+      <div className={`mb-6 ${className}`} style={{background: 'rgba(255,255,255,0.6)', border: '1px solid #aac4e8', borderLeft: '4px solid #c93030', fontFamily: '"Comic Sans MS", cursive', padding: '12px 16px'}}>
+        {title && (
+          <h3 style={{color: '#0e1a3a', fontWeight: 'bold', fontSize: '14px', borderBottom: '1px dashed #c93030', paddingBottom: '4px', marginBottom: '10px'}}>
+            {title.replace(/_/g, ' ')}
+          </h3>
+        )}
+        <div style={{color: '#1a2540'}}>{children}</div>
+      </div>
+    );
+  }
+
+  if (theme === 'manuscript') {
+    return (
+      <div className={`mb-8 ${className}`} style={{fontFamily: '"Times New Roman", serif', borderTop: '1px solid #003366', paddingTop: '12px'}}>
+        {title && (
+          <h3 style={{fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '10px', fontWeight: 'bold', letterSpacing: '0.12em', textTransform: 'uppercase', color: '#003366', borderBottom: '1px solid #003366', paddingBottom: '4px', marginBottom: '10px'}}>
+            {title.replace(/_/g, ' ')}
+          </h3>
+        )}
+        <div style={{color: '#1a1a1a', fontSize: '14px', lineHeight: '1.6'}}>{children}</div>
+      </div>
+    );
+  }
+
   if (theme === 'typewriter') {
     return (
       <div className={`tw-panel mb-6 ${className}`}>
diff --git a/src/components/EraSelectionSplash.js b/src/components/EraSelectionSplash.js
index 09794c1..6cfc381 100644
--- a/src/components/EraSelectionSplash.js
+++ b/src/components/EraSelectionSplash.js
@@ -51,6 +51,24 @@ export default function EraSelectionSplash() {
       desc: "It's dangerous to go alone. A golden kingdom, dungeon maps, heart containers, and a sword of legend.",
       previewClass: 'zelda-preview flex flex-col items-center justify-center'
     },
+    {
+      id: 'notebook',
+      label: '1991 Lab Notebook',
+      desc: 'Cream paper, blue rule, red margin. Pencil entries, taped figures, and the occasional coffee ring of regret.',
+      previewClass: 'notebook-preview flex flex-col items-stretch justify-start'
+    },
+    {
+      id: 'manuscript',
+      label: '1993 MBE Manuscript',
+      desc: 'Two-column serif. Authors with affiliations. ABSTRACT in small caps. The way papers are supposed to look.',
+      previewClass: 'manuscript-preview flex flex-col items-stretch justify-start'
+    },
+    {
+      id: 'win95',
+      label: '1995 Windows 95',
+      desc: 'Beveled gray windows on a teal desktop. Tahoma, Start menu, and the cathartic click of a 3D button.',
+      previewClass: 'win95-preview flex flex-col items-stretch justify-start'
+    },
     {
       id: 'profdr',
       label: '1994 Yahoo!',
@@ -118,8 +136,8 @@ export default function EraSelectionSplash() {
       text: "How do you prefer to receive your research updates?",
       options: [
         { text: "Printed on continuous-form paper.", themes: ['vax', '80s', 'bios'] },
-        { text: "A simple TeX-rendered preprint.", themes: ['knuth', 'vax', 'typewriter'] },
-        { text: "A personalized email from a web directory.", themes: ['profdr', 'geocities', 'y2k'] },
+        { text: "A simple TeX-rendered preprint.", themes: ['knuth', 'vax', 'typewriter', 'manuscript'] },
+        { text: "A personalized email from a web directory.", themes: ['profdr', 'geocities', 'y2k', 'win95'] },
         { text: "An encrypted transmission directly to my HUD.", themes: ['90s', '2000s', '2010s'] },
         { text: "An AI-generated summary delivered via a minimalist dashboard.", themes: ['enterprise', '2020s', 'macos'] }
       ]
@@ -127,18 +145,19 @@ export default function EraSelectionSplash() {
     {
       text: "The 'correct' amount of visual clutter is...",
       options: [
-        { text: "None. Just text.", themes: ['vax', '80s', '90s', 'knuth', 'bios', 'typewriter'] },
+        { text: "None. Just text.", themes: ['vax', '80s', '90s', 'knuth', 'bios', 'typewriter', 'manuscript'] },
         { text: "Blinking 'NEW' tags and rotating 3D GIFs.", themes: ['geocities', 'profdr', 'myspace', 'mario', 'zelda'] },
         { text: "Holographic panels for a starship pilot feel.", themes: ['2000s', '2010s', 'y2k'] },
-        { text: "Clean and slightly corporate.", themes: ['enterprise', '2020s', 'macos'] }
+        { text: "Clean and slightly corporate.", themes: ['enterprise', '2020s', 'macos', 'win95'] },
+        { text: "Hand-drawn diagrams in the margins.", themes: ['notebook', 'typewriter', 'knuth'] }
       ]
     },
     {
       text: "Your favorite lab tool is...",
       options: [
         { text: "Punch cards.", themes: ['vax', 'bios'] },
-        { text: "A pencil and a yellow legal pad.", themes: ['knuth', 'vax', 'typewriter'] },
-        { text: "Netscape Navigator.", themes: ['profdr', 'geocities', '80s', 'macos'] },
+        { text: "A pencil and a yellow legal pad.", themes: ['knuth', 'vax', 'typewriter', 'notebook', 'manuscript'] },
+        { text: "Netscape Navigator.", themes: ['profdr', 'geocities', '80s', 'macos', 'win95'] },
         { text: "A neural-linked sequencer.", themes: ['2000s', '2010s', '90s', 'zelda', 'mario'] },
         { text: "An LLM assistant.", themes: ['2020s', 'enterprise', 'y2k'] }
       ]
@@ -352,6 +371,29 @@ export default function EraSelectionSplash() {
                        <span className="opacity-60">ONLINE</span>
                      </div>
                    )}
+                   {era.id === 'win95' && (
+                     <div style={{background: '#008080', padding: '4px', height: '100%', width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
+                       <div style={{background: '#c0c0c0', border: '2px solid', borderColor: '#fff #404040 #404040 #fff', boxShadow: 'inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #808080', width: '100%', fontFamily: '"Tahoma",sans-serif'}}>
+                         <div style={{background: 'linear-gradient(to right,#000080,#1084d0)', color: '#fff', fontSize: '8px', fontWeight: 'bold', padding: '1px 3px', display: 'flex', justifyContent: 'space-between'}}><span>ACME.exe</span><span>_□×</span></div>
+                         <div style={{padding: '4px', fontSize: '8px', color: '#000'}}>Welcome to ACME Lab</div>
+                       </div>
+                     </div>
+                   )}
+                   {era.id === 'notebook' && (
+                     <div style={{background: '#f8f1d8', backgroundImage: 'repeating-linear-gradient(0deg, transparent 0px, transparent 11px, #aac4e8 11px, #aac4e8 12px)', padding: '4px 4px 4px 14px', borderLeft: '2px solid #c93030', height: '100%', width: '100%', fontFamily: '"Comic Sans MS",cursive', color: '#1a2540'}}>
+                       <div style={{fontSize: '8px', fontWeight: 'bold', textDecoration: 'underline', textDecorationColor: '#c93030'}}>Mar 14 — Day 42</div>
+                       <div style={{fontSize: '7px', marginTop: '4px'}}>→ ran HyPhy</div>
+                       <div style={{fontSize: '7px'}}>→ p &lt; 0.01 ✓</div>
+                     </div>
+                   )}
+                   {era.id === 'manuscript' && (
+                     <div style={{background: '#f5f1e8', padding: '6px', height: '100%', width: '100%', fontFamily: '"Times New Roman",serif', color: '#1a1a1a', display: 'flex', flexDirection: 'column'}}>
+                       <div style={{fontSize: '7px', fontFamily: 'Helvetica,sans-serif', color: '#003366', letterSpacing: '0.1em', fontWeight: 'bold'}}>MOL. BIOL. EVOL.</div>
+                       <div style={{fontSize: '8px', fontWeight: 'bold', marginTop: '2px', lineHeight: 1.1}}>Detecting selection in viral genomes</div>
+                       <div style={{fontSize: '6px', fontStyle: 'italic', color: '#555', marginTop: '2px'}}>Lab, A.<sup>1</sup> et al.</div>
+                       <div style={{borderTop: '1px solid #003366', borderBottom: '1px solid #003366', marginTop: '4px', padding: '2px 0', fontSize: '6px', columnCount: 2, columnGap: '4px'}}>Lorem ipsum dolor sit amet consectetur.</div>
+                     </div>
+                   )}
                    {era.id === 'knuth' && (
                      <div className="text-[9px] text-left">
                        <h3 style={{borderBottom: '1px solid #000', fontSize: '10px', marginBottom: '2px', borderTop: 'none', borderLeft: 'none', borderRight: 'none'}}>Knuth</h3>
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index b47a1bc..dcf65f4 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -3,7 +3,7 @@ import Link from 'next/link';
 import { useTheme } from './ThemeContext';
 import { useState } from 'react';
 
-function ThemeToggle({ theme, toggleTheme, showDropdown, setShowDropdown }) {
+function ThemeToggle({ theme, toggleTheme, resetTheme, showDropdown, setShowDropdown }) {
   const eras = [
     { id: 'typewriter', label: '1920 Broadsheet' },
     { id: 'vax', label: '1978 VAX/VMS' },
@@ -12,6 +12,9 @@ function ThemeToggle({ theme, toggleTheme, showDropdown, setShowDropdown }) {
     { id: '80s', label: '1985 Terminal' },
     { id: 'mario', label: '1985 Plumber' },
     { id: 'zelda', label: '1986 Adventure' },
+    { id: 'notebook', label: '1991 Lab Notebook' },
+    { id: 'manuscript', label: '1993 MBE Manuscript' },
+    { id: 'win95', label: '1995 Windows 95' },
     { id: 'profdr', label: '1994 Yahoo!' },
     { id: 'geocities', label: '1996 Geocities' },
     { id: '90s', label: '1998 Tactical' },
@@ -25,7 +28,7 @@ function ThemeToggle({ theme, toggleTheme, showDropdown, setShowDropdown }) {
   ];
 
   return (
-    <div className="relative">
+    <div className="relative" style={{zIndex: 200}}>
       <button 
         onClick={() => setShowDropdown(!showDropdown)}
         className={`p-1 transition-all ${
@@ -43,6 +46,9 @@ function ThemeToggle({ theme, toggleTheme, showDropdown, setShowDropdown }) {
           theme === 'macos' ? 'text-black hover:text-[#000080]' :
           theme === 'zelda' ? 'text-[#f0c040] hover:text-white' :
           theme === 'mario' ? 'text-[#fcbc3c] hover:text-white' :
+          theme === 'win95' ? 'text-black hover:text-[#000080]' :
+          theme === 'notebook' ? 'text-[#1a2540] hover:text-[#c93030]' :
+          theme === 'manuscript' ? 'text-[#003366] hover:text-black' :
           theme === 'enterprise' ? 'text-[#6c757d] hover:text-[#007bff]' :
           theme === 'knuth' ? 'text-black hover:text-blue-700' :
           'text-ai-accent hover:opacity-80'
@@ -55,24 +61,57 @@ function ThemeToggle({ theme, toggleTheme, showDropdown, setShowDropdown }) {
         </svg>
       </button>
       {showDropdown && (
-        <div className={`absolute left-0 mt-2 p-2 min-w-[180px] shadow-lg z-[100] ${
-          theme === 'profdr' ? 'bg-white border border-gray-500 text-black' :
-          theme === 'geocities' ? 'bg-[#000080] border-4 border-[#ff00ff] text-[#ffff00]' :
-          theme === 'vax' ? 'bg-black border border-[#33ff33] text-[#33ff33]' :
-          theme === 'y2k' ? 'bg-white border border-[#b3d4ff] text-[#0066cc] rounded-lg' :
-          theme === '80s' ? 'bg-black border-2 border-retro-green text-retro-green' :
-          theme === '90s' ? 'bg-mgs-bg border-2 border-mgs-border text-mgs-green' :
-          theme === '2000s' ? 'bg-me-bg border-2 border-me-orange text-me-orange animate-hologram-flicker' :
-          theme === '2010s' ? 'bg-hero-dark border-4 border-black text-hero-yellow skew-x-[-2deg]' :
-          theme === 'myspace' ? 'bg-[#1e0040] border-2 border-[#ff6699] text-[#eebbdd]' :
-          theme === 'typewriter' ? 'bg-[#ede0c4] border border-[#2a1a0a] text-[#2a1a0a]' :
-          theme === 'bios' ? 'bg-black border border-[#ffb000] text-[#ffb000]' :
-          theme === 'macos' ? 'bg-white border border-black text-black' :
-          theme === 'zelda' ? 'bg-[#1a2c0a] border-2 border-[#f0c040] text-[#f0c040]' :
-          theme === 'mario' ? 'bg-[#3050c0] border-4 border-[#fcbc3c] text-white' :
-          theme === 'enterprise' ? 'bg-white border border-[#dee2e6] text-[#212529] rounded shadow-lg' :
-          theme === 'knuth' ? 'bg-white border border-black text-black' :
-          'bg-ai-sidebar border border-white/10 rounded-xl text-white backdrop-blur-xl'
+        <div
+          data-theme-dropdown="true"
+          style={{
+            position: 'absolute',
+            left: 0,
+            top: '100%',
+            marginTop: '8px',
+            zIndex: 9999,
+            background:
+              theme === 'profdr' ? '#fff' :
+              theme === 'geocities' ? '#000080' :
+              theme === 'vax' ? '#000' :
+              theme === 'y2k' ? '#fff' :
+              theme === '80s' ? '#000' :
+              theme === '90s' ? '#0a0e0a' :
+              theme === '2000s' ? '#0c1c2e' :
+              theme === '2010s' ? '#1f1f1f' :
+              theme === 'myspace' ? '#001e3a' :
+              theme === 'typewriter' ? '#ede0c4' :
+              theme === 'bios' ? '#000' :
+              theme === 'macos' ? '#fff' :
+              theme === 'zelda' ? '#1a2c0a' :
+              theme === 'mario' ? '#3050c0' :
+              theme === 'win95' ? '#c0c0c0' :
+              theme === 'notebook' ? '#f8f1d8' :
+              theme === 'manuscript' ? '#ffffff' :
+              theme === 'enterprise' ? '#fff' :
+              theme === 'knuth' ? '#fff' :
+              '#0f172a',
+          }}
+          className={`p-2 min-w-[180px] shadow-lg ${
+          theme === 'profdr' ? 'border border-gray-500 text-black' :
+          theme === 'geocities' ? 'border-4 border-[#ff00ff] text-[#ffff00]' :
+          theme === 'vax' ? 'border border-[#33ff33] text-[#33ff33]' :
+          theme === 'y2k' ? 'border border-[#b3d4ff] text-[#0066cc] rounded-lg' :
+          theme === '80s' ? 'border-2 border-retro-green text-retro-green' :
+          theme === '90s' ? 'border-2 border-mgs-border text-mgs-green' :
+          theme === '2000s' ? 'border-2 border-me-orange text-me-orange animate-hologram-flicker' :
+          theme === '2010s' ? 'border-4 border-black text-hero-yellow skew-x-[-2deg]' :
+          theme === 'myspace' ? 'border-2 border-[#ff6699] text-[#eebbdd]' :
+          theme === 'typewriter' ? 'border border-[#2a1a0a] text-[#2a1a0a]' :
+          theme === 'bios' ? 'border border-[#ffb000] text-[#ffb000]' :
+          theme === 'macos' ? 'border border-black text-black' :
+          theme === 'zelda' ? 'border-2 border-[#f0c040] text-[#f0c040]' :
+          theme === 'mario' ? 'border-4 border-[#fcbc3c] text-white' :
+          theme === 'win95' ? 'border-2 border-[#fff] text-black shadow-[inset_-1px_-1px_0_#808080,inset_1px_1px_0_#dfdfdf]' :
+          theme === 'notebook' ? 'border border-[#1a2540] text-[#1a2540]' :
+          theme === 'manuscript' ? 'border border-[#003366] text-[#1a1a1a]' :
+          theme === 'enterprise' ? 'border border-[#dee2e6] text-[#212529] rounded shadow-lg' :
+          theme === 'knuth' ? 'border border-black text-black' :
+          'border border-white/10 rounded-xl text-white backdrop-blur-xl'
         }`}>
           {eras.map(era => (
             <button 
@@ -83,6 +122,14 @@ function ThemeToggle({ theme, toggleTheme, showDropdown, setShowDropdown }) {
               {era.label.toUpperCase()}
             </button>
           ))}
+          <div style={{borderTop: '1px solid currentColor', opacity: 0.3, margin: '6px 0'}} />
+          <button
+            onClick={() => { resetTheme(); setShowDropdown(false); }}
+            className="w-full text-left px-2 py-1.5 hover:bg-white/10 text-[10px] font-heading transition-colors rounded-md opacity-80"
+            title="Reset selection and retake the era questionnaire"
+          >
+            ↻ REDO QUESTIONNAIRE
+          </button>
         </div>
       )}
     </div>
@@ -90,7 +137,7 @@ function ThemeToggle({ theme, toggleTheme, showDropdown, setShowDropdown }) {
 }
 
 export default function Navbar() {
-  const { theme, toggleTheme } = useTheme();
+  const { theme, toggleTheme, resetTheme } = useTheme();
   const [showDropdown, setShowDropdown] = useState(false);
 
   const navItems = [
@@ -105,7 +152,7 @@ export default function Navbar() {
       <nav className="theme-knuth sticky top-0 z-50 bg-white" style={{maxWidth: '800px', margin: '0 auto', borderBottom: '1px solid #000', paddingBottom: '10px', marginBottom: '20px'}}>
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-4">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{fontWeight: 'bold', fontSize: '18pt', textDecoration: 'none'}}>ACME Laboratory</Link>
           </div>
           <div className="flex gap-4" style={{fontSize: '12pt'}}>
@@ -125,7 +172,7 @@ export default function Navbar() {
       <nav className="bg-black border-b border-[#33ff33] py-2 font-mono sticky top-0 z-50">
         <div className="container mx-auto px-4 flex justify-between items-center">
            <div className="flex items-center gap-6">
-              <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+              <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
               <Link href="/" className="text-xl font-bold hover:bg-[#33ff33] hover:text-black">
                  [ ACME_LAB ]
               </Link>
@@ -166,7 +213,7 @@ export default function Navbar() {
             </div>
           </div>
           <div className="flex items-center gap-4">
-             <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+             <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
              <button className="hidden lg:block btn-primary enterprise-button text-sm">Contact Us</button>
           </div>
         </div>
@@ -184,7 +231,7 @@ export default function Navbar() {
       }}>
         <div className="container mx-auto px-4 py-2 flex items-center justify-between gap-4 flex-wrap">
           <div className="flex items-center gap-3">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{color: '#ffffff', fontWeight: 'bold', fontSize: '20px', textDecoration: 'none', textShadow: '0 -1px 0 rgba(0,0,0,0.3)', letterSpacing: '-0.5px'}}>
               acme<span style={{color: '#ffcc66'}}>.</span>lab
             </Link>
@@ -220,7 +267,7 @@ export default function Navbar() {
       <nav style={{background: '#000080', borderBottom: '4px ridge #ff00ff', padding: '8px', textAlign: 'center', fontFamily: '"Comic Sans MS", cursive'}}>
         <div className="flex flex-col items-center gap-2">
           <div className="flex items-center gap-3 flex-wrap justify-center">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" className="geo-rainbow" style={{fontWeight: 'bold', fontSize: '20px', textDecoration: 'none'}}>~* ACME Lab *~</Link>
           </div>
           <div className="flex gap-3 flex-wrap justify-center" style={{fontWeight: 'bold'}}>
@@ -245,7 +292,7 @@ export default function Navbar() {
     return (
       <nav className="bg-white text-black p-2 border-b border-gray-500" style={{fontFamily: '"Times New Roman", Times, serif'}}>
         <div className="container mx-auto px-4 flex items-center gap-4 flex-wrap">
-          <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+          <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
           <Link href="/" style={{color: '#0000ee', textDecoration: 'underline'}}>ACME Lab Home</Link>
           <span>|</span>
           {navItems.map((item, i) => (
@@ -265,7 +312,7 @@ export default function Navbar() {
       <nav style={{background: 'linear-gradient(to bottom, #2a0050, #14002a)', borderBottom: '2px solid #ff6699', padding: '8px', textAlign: 'center', boxShadow: '0 2px 12px rgba(255,102,153,0.3)'}}>
         <div className="flex flex-col items-center gap-2">
           <div className="flex items-center gap-3 flex-wrap justify-center">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{fontFamily: '"Impact", "Arial Black", sans-serif', color: '#ff6699', fontWeight: 'bold', fontSize: '22px', textDecoration: 'none', textShadow: '0 0 10px #ff6699'}}>
               ★ ACME Lab ★
             </Link>
@@ -292,7 +339,7 @@ export default function Navbar() {
       <nav style={{background: '#ede0c4', borderBottom: '3px double #2a1a0a', fontFamily: '"Courier New", Courier, monospace'}}>
         <div className="container mx-auto px-4 py-2">
           <div style={{display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderBottom: '1px solid #9a7a5a', paddingBottom: '6px', marginBottom: '6px'}}>
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{color: '#2a1a0a', fontWeight: 'bold', fontSize: '22px', textDecoration: 'none', letterSpacing: '0.12em', fontFamily: '"Times New Roman", serif'}}>
               The ACME Gazette
             </Link>
@@ -318,7 +365,7 @@ export default function Navbar() {
       <nav style={{background: '#000', borderBottom: '1px solid #ffb000', padding: '8px 16px', fontFamily: '"Courier New", Courier, monospace'}}>
         <div className="container mx-auto flex justify-between items-center flex-wrap gap-2">
           <div className="flex items-center gap-4">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{color: '#ffd060', fontWeight: 'bold', fontSize: '13px', letterSpacing: '0.1em', textTransform: 'uppercase', textDecoration: 'none'}}>ACME BIOS v2.07</Link>
           </div>
           <div className="flex gap-6" style={{fontSize: '12px', textTransform: 'uppercase', letterSpacing: '0.08em'}}>
@@ -340,7 +387,7 @@ export default function Navbar() {
         <div style={{background: 'repeating-linear-gradient(90deg, #000 0px, #000 1px, #ffffff 1px, #ffffff 3px)', height: '4px'}} />
         <div className="container mx-auto flex items-center justify-between gap-4 flex-wrap" style={{padding: '4px 16px'}}>
           <div className="flex items-center gap-6">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{fontWeight: 'bold', fontSize: '14px', color: '#000', textDecoration: 'none'}}>&#8984; ACME Lab</Link>
           </div>
           <div className="flex gap-0">
@@ -361,12 +408,84 @@ export default function Navbar() {
     );
   }
 
+  if (theme === 'win95') {
+    return (
+      <nav style={{background: '#c0c0c0', borderBottom: '2px solid', borderBottomColor: '#404040', boxShadow: 'inset 0 1px 0 #fff, inset 0 -1px 0 #808080', fontFamily: '"Tahoma", sans-serif', position: 'sticky', top: 0, zIndex: 50}}>
+        <div className="container mx-auto flex items-center gap-1 flex-wrap" style={{padding: '4px 8px'}}>
+          <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+          <Link href="/" className="win95-button" style={{display: 'inline-flex', alignItems: 'center', gap: '6px', fontWeight: 'bold'}}>
+            <span style={{display: 'inline-block', width: '14px', height: '14px', background: 'linear-gradient(45deg,#ff0000 25%,#00ff00 25% 50%,#0000ff 50% 75%,#ffff00 75%)'}} />
+            Start
+          </Link>
+          <span style={{width: '1px', height: '20px', background: '#808080', boxShadow: '1px 0 0 #fff', margin: '0 6px'}} />
+          {navItems.map(item => (
+            <Link key={item.label} href={item.href} className="win95-button" style={{fontSize: '11px'}}>
+              {item.label.charAt(0) + item.label.slice(1).toLowerCase()}
+            </Link>
+          ))}
+          <div style={{marginLeft: 'auto', background: '#c0c0c0', border: '1px solid', borderColor: '#808080 #fff #fff #808080', padding: '2px 6px', fontSize: '11px'}}>
+            ACME.exe
+          </div>
+        </div>
+      </nav>
+    );
+  }
+
+  if (theme === 'notebook') {
+    return (
+      <nav style={{background: '#f8f1d8', borderBottom: '2px dashed #c93030', fontFamily: '"Comic Sans MS", cursive', position: 'sticky', top: 0, zIndex: 50}}>
+        <div className="container mx-auto flex items-center justify-between gap-4 flex-wrap" style={{padding: '10px 16px'}}>
+          <div className="flex items-center gap-3">
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <Link href="/" style={{color: '#0e1a3a', fontWeight: 'bold', fontSize: '20px', textDecoration: 'none'}}>
+              ACME Lab Notebook
+            </Link>
+          </div>
+          <div className="flex gap-2 flex-wrap">
+            {navItems.map(item => (
+              <Link key={item.label} href={item.href} style={{color: '#1a2540', textDecoration: 'none', fontSize: '14px', padding: '4px 10px', background: '#fff8a8', border: '1px solid #c8b94a', borderRadius: '2px 2px 0 0', display: 'inline-block', boxShadow: '1px 1px 2px rgba(0,0,0,0.1)'}}>
+                {item.label.charAt(0) + item.label.slice(1).toLowerCase()}
+              </Link>
+            ))}
+          </div>
+        </div>
+      </nav>
+    );
+  }
+
+  if (theme === 'manuscript') {
+    const sectionLabels = { PROJECTS: 'Software', TEAM: 'Authors', ALUMNI: 'Acknowledgments', PAPERS: 'References' };
+    return (
+      <nav style={{background: '#f5f1e8', borderBottom: '2px solid #003366', fontFamily: '"Times New Roman", serif', position: 'sticky', top: 0, zIndex: 50}}>
+        <div className="container mx-auto" style={{padding: '8px 16px'}}>
+          <div className="flex items-center justify-between gap-4 flex-wrap" style={{borderBottom: '1px solid #003366', paddingBottom: '6px'}}>
+            <div className="flex items-center gap-3">
+              <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+              <span style={{fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '10px', fontWeight: 'bold', color: '#003366', letterSpacing: '0.15em'}}>MOL. BIOL. EVOL.</span>
+            </div>
+            <Link href="/" style={{color: '#1a1a1a', fontWeight: 'bold', fontSize: '18px', textDecoration: 'none', fontStyle: 'italic'}}>
+              ACME Laboratory
+            </Link>
+            <span style={{fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '9px', color: '#555', letterSpacing: '0.1em'}}>VOL. 41 · NO. 4</span>
+          </div>
+          <div className="flex justify-center gap-6 flex-wrap" style={{paddingTop: '4px', fontFamily: 'Helvetica, Arial, sans-serif'}}>
+            {navItems.map(item => (
+              <Link key={item.label} href={item.href} style={{color: '#003366', textDecoration: 'none', fontSize: '10px', textTransform: 'uppercase', letterSpacing: '0.1em', fontWeight: 'bold'}}>
+                {sectionLabels[item.label] || item.label}
+              </Link>
+            ))}
+          </div>
+        </div>
+      </nav>
+    );
+  }
+
   if (theme === 'zelda') {
     return (
       <nav style={{background: 'linear-gradient(to bottom, #1a2c0a, #2a4010)', borderBottom: '3px solid #f0c040', padding: '10px 0', fontFamily: '"Press Start 2P", monospace', imageRendering: 'pixelated'}}>
         <div className="container mx-auto px-4 flex items-center justify-between gap-4 flex-wrap">
           <div className="flex items-center gap-4">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{color: '#f0c040', fontSize: '12px', textDecoration: 'none', textShadow: '0 0 8px rgba(240,192,64,0.6)', letterSpacing: '1px'}}>
               &#9670; ACME LAB &#9670;
             </Link>
@@ -389,7 +508,7 @@ export default function Navbar() {
       <nav style={{background: '#5c94fc', borderBottom: '4px solid #000', padding: '8px 0', fontFamily: '"Press Start 2P", monospace', imageRendering: 'pixelated'}}>
         <div className="container mx-auto px-4 flex items-center justify-between gap-4 flex-wrap">
           <div className="flex items-center gap-4">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" style={{color: '#ffffff', fontSize: '11px', textDecoration: 'none', textShadow: '2px 2px 0 #000', letterSpacing: '1px'}}>
               ACME LAB
             </Link>
@@ -413,7 +532,7 @@ export default function Navbar() {
       <nav className="bg-ai-bg/95 border-b border-white/5 p-3 sticky top-0 z-50 flex items-center h-14 backdrop-blur-md">
         <div className="container mx-auto flex justify-between items-center px-4">
           <div className="flex gap-4 items-center">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" className="font-bold text-white flex items-center gap-2 hover:opacity-80 transition-opacity">
               <span className="w-8 h-8 rounded-lg bg-gradient-to-br from-ai-accent to-purple-500 flex items-center justify-center text-white text-xs">AC</span>
               <span className="text-sm tracking-tight">ACME_LAB</span>
@@ -445,7 +564,7 @@ export default function Navbar() {
       <nav className="bg-hero-yellow border-b-4 border-black p-2 sticky top-0 z-50 flex items-center h-14 shadow-hero">
         <div className="container mx-auto flex justify-between items-center px-4">
           <div className="flex gap-4 items-center">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" className="font-black text-black italic text-xl tracking-tighter hover:skew-x-[-10deg] transition-transform">
               ACME_LAB
             </Link>
@@ -471,7 +590,7 @@ export default function Navbar() {
       <nav className="bg-me-bg/80 border-b border-me-orange/30 p-4 sticky top-0 z-50 flex items-center h-16 backdrop-blur-md shadow-me">
         <div className="container mx-auto flex justify-between items-center px-4">
           <div className="flex gap-6 items-center">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" className="font-bold text-me-orange tracking-widest flex flex-col leading-none hover:text-white transition-all group">
               <span className="text-[10px] opacity-50 group-hover:opacity-100 transition-opacity">N7_COMMAND_DECK</span>
               <span className="text-xl italic">ACME_LAB</span>
@@ -502,7 +621,7 @@ export default function Navbar() {
       <nav className="bg-mgs-bg border-b-2 border-mgs-border p-3 sticky top-0 z-50 flex items-center h-14 font-mono shadow-mgs">
         <div className="container mx-auto flex justify-between items-center px-4">
           <div className="flex gap-4 items-center">
-            <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+            <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
             <Link href="/" className="font-bold text-mgs-green tracking-tighter flex flex-col leading-none hover:text-white transition-colors text-mgs-green">
               <span className="text-xs opacity-60">TACTICAL_INFO</span>
               <span className="text-lg">ACME_LAB</span>
@@ -554,7 +673,7 @@ export default function Navbar() {
 
       <div className="container mx-auto flex flex-col md:flex-row justify-between items-center gap-4 relative z-10 h-full">
         <div className="flex gap-4 items-center">
-          <ThemeToggle theme={theme} toggleTheme={toggleTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
+          <ThemeToggle theme={theme} toggleTheme={toggleTheme} resetTheme={resetTheme} showDropdown={showDropdown} setShowDropdown={setShowDropdown} />
           <Link href="/" className="font-heading text-lg md:text-2xl text-retro-green hover:text-white transition-colors text-retro-green">
             ACME_LAB
           </Link>
diff --git a/src/components/PageContainer.js b/src/components/PageContainer.js
index bb575d5..bb7d187 100644
--- a/src/components/PageContainer.js
+++ b/src/components/PageContainer.js
@@ -44,7 +44,10 @@ export default function PageContainer({ children, title, titleColorClass = "text
       theme === 'bios' ? 'bg-black text-[#ffb000]' :
       theme === 'macos' ? 'bg-[#c0c0c0] text-black' :
       theme === 'zelda' ? 'bg-[#0a1a04] text-[#a8d840]' :
-      theme === 'mario' ? 'bg-[#5c94fc] text-white' : ''
+      theme === 'mario' ? 'bg-[#5c94fc] text-white' :
+      theme === 'win95' ? 'bg-[#008080] text-black' :
+      theme === 'notebook' ? 'text-[#1a2540]' :
+      theme === 'manuscript' ? 'text-[#1a1a1a]' : ''
     }`}>
       <Navbar />
       <div className="container mx-auto px-4 py-12 relative z-10 flex-grow">
@@ -92,6 +95,22 @@ export default function PageContainer({ children, title, titleColorClass = "text
                 <hr />
               </div>
             )}
+            {theme === 'win95' && (
+              <div style={{background: 'linear-gradient(to right, #000080, #1084d0)', padding: '3px 8px', marginBottom: '8px', display: 'inline-flex', alignItems: 'center', gap: '6px'}}>
+                <span style={{color: '#fff', fontWeight: 'bold', fontSize: '13px', fontFamily: '"Tahoma", sans-serif'}}>{title.replace(/_/g, ' ')}</span>
+              </div>
+            )}
+            {theme === 'notebook' && (
+              <h1 style={{fontFamily: '"Comic Sans MS", cursive', color: '#0e1a3a', fontSize: '24px', borderBottom: '2px dashed #c93030', paddingBottom: '6px', marginBottom: '16px'}}>
+                {title.replace(/_/g, ' ')}
+              </h1>
+            )}
+            {theme === 'manuscript' && (
+              <div style={{marginBottom: '16px', borderBottom: '2px solid #003366', paddingBottom: '8px'}}>
+                <h1 style={{fontFamily: '"Times New Roman", serif', color: '#1a1a1a', fontSize: '22px', fontWeight: 'bold', marginBottom: '2px'}}>{title.replace(/_/g, ' ')}</h1>
+                <p style={{fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '9px', color: '#555', letterSpacing: '0.12em', textTransform: 'uppercase'}}>MOL. BIOL. EVOL. · ACME LABORATORY</p>
+              </div>
+            )}
             {theme === '90s' && <div className="text-[10px] text-mgs-green/40 font-mono tracking-widest mb-1 uppercase">FILE_TYPE: RESEARCH_LOG</div>}
             {theme === '2000s' && <div className="text-[10px] text-me-blue font-bold tracking-[0.3em] mb-1 uppercase opacity-60">CODEX_ENTRY // {title}</div>}
             {theme === '2010s' && <div className="hero-tag mb-4">ACTIVE_QUEST: {title}</div>}
@@ -104,7 +123,7 @@ export default function PageContainer({ children, title, titleColorClass = "text
               </div>
             )}
             
-            {theme !== '2020s' && theme !== 'profdr' && theme !== 'geocities' && theme !== 'y2k' && theme !== 'enterprise' && theme !== 'vax' && theme !== 'myspace' && theme !== 'typewriter' && theme !== 'bios' && theme !== 'macos' && theme !== 'zelda' && theme !== 'mario' && (
+            {theme !== '2020s' && theme !== 'profdr' && theme !== 'geocities' && theme !== 'y2k' && theme !== 'enterprise' && theme !== 'vax' && theme !== 'myspace' && theme !== 'typewriter' && theme !== 'bios' && theme !== 'macos' && theme !== 'zelda' && theme !== 'mario' && theme !== 'win95' && theme !== 'notebook' && theme !== 'manuscript' && (
               <h1 className={`text-4xl mb-12 text-center ${
                 theme === '80s' ? titleColorClass :
                 theme === '90s' ? 'text-mgs-green font-bold tracking-tighter border-b border-mgs-green/20 pb-4' :
@@ -134,6 +153,12 @@ export default function PageContainer({ children, title, titleColorClass = "text
           <div className="mario-panel"><div className="mario-panel-header">[ {title || 'ACME LAB'} ]</div>{children}</div>
         ) : theme === 'myspace' ? (
           <div className="myspace-panel"><div className="myspace-panel-header">{title || 'Content'}</div>{children}</div>
+        ) : theme === 'win95' ? (
+          <div style={{background: '#c0c0c0', border: '2px solid', borderColor: '#fff #808080 #808080 #fff', boxShadow: 'inset 1px 1px 0 #dfdfdf', padding: '8px', fontFamily: '"Tahoma", sans-serif', fontSize: '12px', color: '#000'}}>{children}</div>
+        ) : theme === 'notebook' ? (
+          <div style={{fontFamily: '"Comic Sans MS", cursive', color: '#1a2540'}}>{children}</div>
+        ) : theme === 'manuscript' ? (
+          <div style={{fontFamily: '"Times New Roman", serif', color: '#1a1a1a'}}>{children}</div>
         ) : theme === 'typewriter' ? (
           <div className="tw-panel">{children}</div>
         ) : theme === 'bios' ? (
@@ -256,6 +281,21 @@ export default function PageContainer({ children, title, titleColorClass = "text
           <p style={{fontSize: '12px', color: '#000', textAlign: 'center'}}>ACME Laboratory © 2026 — Temple University</p>
           <p style={{fontSize: '11px', color: '#808080', textAlign: 'center'}}>Trash: 0 items, 0K</p>
         </footer>
+      ) : theme === 'win95' ? (
+        <footer className="mt-auto" style={{background: '#c0c0c0', borderTop: '2px solid', borderTopColor: '#808080', padding: '4px 8px', fontFamily: '"Tahoma", sans-serif', fontSize: '11px', color: '#000', display: 'flex', justifyContent: 'space-between', alignItems: 'center'}}>
+          <span>ACME Laboratory — Temple University</span>
+          <span style={{background: '#c0c0c0', border: '1px solid', borderColor: '#808080 #fff #fff #808080', padding: '1px 6px'}}>© 2026</span>
+        </footer>
+      ) : theme === 'notebook' ? (
+        <footer className="mt-auto" style={{background: 'transparent', borderTop: '2px dashed #c93030', padding: '12px 16px', fontFamily: '"Comic Sans MS", cursive', fontSize: '11px', color: '#7a5c3a', textAlign: 'center'}}>
+          <p>ACME Lab Notebook — Temple University</p>
+          <p style={{color: '#c93030', marginTop: '4px'}}>* Remember to sign your entries! *</p>
+        </footer>
+      ) : theme === 'manuscript' ? (
+        <footer className="mt-auto" style={{borderTop: '2px solid #003366', padding: '12px 16px', fontFamily: 'Helvetica, Arial, sans-serif', fontSize: '9px', color: '#555', letterSpacing: '0.08em', textAlign: 'center'}}>
+          <p style={{textTransform: 'uppercase'}}>ACME Laboratory · Institute for Genomics and Evolutionary Medicine · Temple University</p>
+          <p style={{marginTop: '4px'}}>© 2026 · Received: Jan 2026 · Accepted: Mar 2026 · Published: Apr 2026</p>
+        </footer>
       ) : (
         <footer className={`mt-auto p-8 border-t-4 text-center font-body text-xl ${
           theme === '80s' ? 'border-retro-green bg-black text-retro-fg' :
diff --git a/src/components/ThemeBackdrop.js b/src/components/ThemeBackdrop.js
new file mode 100644
index 0000000..980d3f1
--- /dev/null
+++ b/src/components/ThemeBackdrop.js
@@ -0,0 +1,157 @@
+'use client';
+import { useTheme } from './ThemeContext';
+
+/**
+ * Theme-specific decorative backdrops mounted in the root layout so they
+ * apply on every route (home, /projects, /members, /papers, /former).
+ *
+ * All backdrops are fixed, aria-hidden, pointer-events: none, and sit at
+ * z-index -1 so they never interfere with content or interaction.
+ *
+ * Notes:
+ *  - The base body background color is already set per-theme via
+ *    `[data-theme='...']` CSS variables, so these are purely decorative.
+ *  - Themes without a backdrop entry simply render nothing.
+ */
+export default function ThemeBackdrop() {
+  const { theme, mounted } = useTheme();
+  if (!mounted) return null;
+
+  if (theme === 'win95') {
+    // Solid teal "desktop" — body bg already #008080, but this guarantees
+    // it renders even if Tailwind utilities try to paint over <main>.
+    return (
+      <div
+        aria-hidden="true"
+        style={{ position: 'fixed', inset: 0, zIndex: -1, pointerEvents: 'none', backgroundColor: '#008080' }}
+      />
+    );
+  }
+
+  if (theme === 'notebook') {
+    return (
+      <div aria-hidden="true" style={{ position: 'fixed', inset: 0, zIndex: -1, pointerEvents: 'none', overflow: 'hidden' }}>
+        {/*
+          Lined notebook paper:
+          - Cream background.
+          - Horizontal blue rule every 28px (matches CSS line-height).
+          - Vertical red margin 64px from the left edge.
+        */}
+        <div
+          style={{
+            position: 'absolute',
+            inset: 0,
+            backgroundColor: '#f8f1d8',
+            backgroundImage: [
+              'repeating-linear-gradient(0deg, transparent 0px, transparent 27px, #aac4e8 27px, #aac4e8 28px)',
+              'linear-gradient(90deg, transparent 63px, #c93030 63px, #c93030 65px, transparent 65px)',
+            ].join(','),
+          }}
+        />
+        {/*
+          Coffee ring — SVG-based for crisp edges and variable width.
+          Uses multiple overlapping arcs at different stroke-widths and
+          dash offsets to mimic the uneven deposit a real coffee cup leaves:
+          thick on one side, thin or absent on the other.
+        */}
+        <svg
+          aria-hidden="true"
+          style={{
+            position: 'absolute',
+            top: '8%',
+            right: '4%',
+            width: '420px',
+            height: '420px',
+            transform: 'rotate(-11deg)',
+            overflow: 'visible',
+          }}
+          viewBox="0 0 200 200"
+        >
+          {/*
+            All arcs share the same cx/cy/r so they sit on the same circle.
+            Circumference ≈ 2π×88 ≈ 553px (in viewBox units).
+            Each arc is a dash segment: dasharray="length gap" offset="start".
+            Varying stroke-width gives the organic uneven-deposit look.
+          */}
+          {/* Thin complete base ring — goes all the way around */}
+          <circle cx="100" cy="100" r="88"
+            fill="none"
+            stroke="rgba(101,57,18,0.28)"
+            strokeWidth="1.5"
+          />
+          {/* Heavy arc — bottom-left, thickest deposit */}
+          <circle cx="100" cy="100" r="88"
+            fill="none"
+            stroke="rgba(101,57,18,0.72)"
+            strokeWidth="7"
+            strokeDasharray="180 373"
+            strokeDashoffset="-60"
+            strokeLinecap="round"
+          />
+          {/* Medium arc — right side */}
+          <circle cx="100" cy="100" r="88"
+            fill="none"
+            stroke="rgba(101,57,18,0.58)"
+            strokeWidth="4"
+            strokeDasharray="110 443"
+            strokeDashoffset="-270"
+            strokeLinecap="round"
+          />
+          {/* Thin wispy arc — top, almost absent */}
+          <circle cx="100" cy="100" r="88"
+            fill="none"
+            stroke="rgba(101,57,18,0.32)"
+            strokeWidth="2"
+            strokeDasharray="60 493"
+            strokeDashoffset="-410"
+            strokeLinecap="round"
+          />
+          {/* Small gap-filler blob on lower-right edge */}
+          <circle cx="100" cy="100" r="88"
+            fill="none"
+            stroke="rgba(120,70,25,0.50)"
+            strokeWidth="5"
+            strokeDasharray="30 523"
+            strokeDashoffset="-240"
+            strokeLinecap="round"
+          />
+          {/* Drip — a small teardrop hanging off the bottom of the ring */}
+          <ellipse cx="72" cy="196" rx="4" ry="7"
+            fill="rgba(101,57,18,0.38)"
+          />
+          {/* Tiny detached droplet */}
+          <circle cx="62" cy="207" r="2.5"
+            fill="rgba(101,57,18,0.28)"
+          />
+        </svg>
+      </div>
+    );
+  }
+
+  if (theme === 'manuscript') {
+    return (
+      <div aria-hidden="true" style={{ position: 'fixed', inset: 0, zIndex: -1, pointerEvents: 'none', overflow: 'hidden' }}>
+        <div style={{ position: 'absolute', inset: 0, backgroundColor: '#f5f1e8' }} />
+        <div
+          style={{
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%) rotate(-30deg)',
+            fontFamily: 'Helvetica, Arial, sans-serif',
+            fontSize: '180px',
+            fontWeight: 'bold',
+            color: '#003366',
+            opacity: 0.04,
+            letterSpacing: '0.2em',
+            whiteSpace: 'nowrap',
+          }}
+        >
+          PREPRINT
+        </div>
+      </div>
+    );
+  }
+
+  return null;
+}
diff --git a/src/components/ThemeContext.js b/src/components/ThemeContext.js
index 2d66302..51349ac 100644
--- a/src/components/ThemeContext.js
+++ b/src/components/ThemeContext.js
@@ -27,7 +27,7 @@ export function ThemeProvider({ children }) {
     root.setAttribute('data-theme', state.theme);
     localStorage.setItem('labsite-theme', state.theme);
 
-    document.body.classList.remove('theme-profdr', 'theme-geocities', 'theme-y2k', 'theme-80s', 'theme-90s', 'theme-2000s', 'theme-2010s', 'theme-2020s', 'theme-enterprise', 'theme-vax', 'theme-knuth', 'theme-myspace', 'theme-typewriter', 'theme-bios', 'theme-macos', 'theme-zelda', 'theme-mario', 'crt');
+    document.body.classList.remove('theme-profdr', 'theme-geocities', 'theme-y2k', 'theme-80s', 'theme-90s', 'theme-2000s', 'theme-2010s', 'theme-2020s', 'theme-enterprise', 'theme-vax', 'theme-knuth', 'theme-myspace', 'theme-typewriter', 'theme-bios', 'theme-macos', 'theme-zelda', 'theme-mario', 'theme-win95', 'theme-notebook', 'theme-manuscript', 'crt');
     document.body.classList.add(`theme-${state.theme}`);
     
     if (state.theme === '80s' && state.hasSelectedTheme) {
@@ -43,9 +43,19 @@ export function ThemeProvider({ children }) {
     }));
   };
 
+  const resetTheme = () => {
+    localStorage.removeItem('labsite-theme');
+    setState({
+      theme: '80s',
+      mounted: true,
+      hasSelectedTheme: false
+    });
+  };
+
   const value = useMemo(() => ({
     theme: state.theme,
     toggleTheme,
+    resetTheme,
     mounted: state.mounted,
     hasSelectedTheme: state.hasSelectedTheme
   }), [state.theme, state.mounted, state.hasSelectedTheme]);