@import "https://cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/fonts.css";@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-white:#fff;--color-paper:#f7f3f1;--color-paper-alt:#efe7e5;--color-border:#ddd0ce;--color-border-soft:#eae1df;--color-ink-900:#2c1a1d;--color-ink-700:#4a3238;--color-ink-500:#5a4348;--color-ink-300:#b5a4a8;--color-ink-100:#f0e8ea;--color-rose-900:#4d1f28;--color-rose-800:#6b2e3c;--color-rose-700:#7a3045;--color-rose-500:#b8697a;--color-rose-400:#ce7f90;--color-rose-300:#d8a0ac;--color-rose-200:#e8c9cf;--color-rose-100:#f5e4e7;--color-rose-050:#fef5f6;--color-ochre-900:#4a3008;--color-ochre-700:#7a5010;--color-ochre-500:#c08a28;--color-ochre-300:#e8b96a;--color-ochre-100:#f5e4bc;--color-ochre-050:#fbf4e5;--color-teal-900:#134843;--color-teal-700:#1d6b62;--color-teal-500:#3fa89a;--color-teal-100:#c8eae6;--color-teal-050:#eaf6f5;--color-sage-900:#1e4230;--color-sage-700:#285740;--color-sage-500:#3d8460;--color-sage-100:#d3ede1;--color-sage-050:#eef7f3;--color-lavender-700:#4e4275;--color-lavender-500:#7264a0;--color-lavender-100:#ddd8f0;--color-lavender-050:#f0eef9;--color-crimson-700:#8b1d28;--color-crimson-500:#c0363d;--color-crimson-100:#fadddf;--color-crimson-050:#fef3f3;--bg-page:var(--color-paper);--bg-surface:var(--color-white);--bg-surface-alt:var(--color-paper-alt);--bg-inset:var(--color-ink-100);--text-primary:var(--color-ink-900);--text-body:var(--color-ink-700);--text-muted:var(--color-ink-500);--text-placeholder:var(--color-ink-300);--text-on-dark:var(--color-white);--text-link:var(--color-rose-700);--text-link-visited:var(--color-rose-900);--border-default:var(--color-border);--border-soft:var(--color-border-soft);--border-focus:var(--color-rose-500);--accent-primary:var(--color-rose-500);--accent-primary-bg:var(--color-rose-050);--accent-primary-dark:var(--color-rose-700);--btn-primary-bg:var(--color-rose-800);--btn-primary-text:var(--color-white);--btn-primary-bg-hover:var(--color-rose-900);--accent-warm:var(--color-ochre-500);--accent-warm-bg:var(--color-ochre-050);--accent-warm-dark:var(--color-ochre-700);--status-success:var(--color-sage-500);--status-success-bg:var(--color-sage-050);--status-warning:var(--color-ochre-500);--status-warning-bg:var(--color-ochre-050);--status-error:var(--color-crimson-500);--status-error-bg:var(--color-crimson-050);--viz-rose:var(--color-rose-500);--viz-teal:var(--color-teal-500);--viz-ochre:var(--color-ochre-500);--viz-lavender:var(--color-lavender-500);--viz-sage:var(--color-sage-500);--font-display:"Computer Modern Serif", Georgia, "Times New Roman", serif;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--text-xs:clamp(.68rem, .9vw, .75rem);--text-sm:clamp(.8rem, 1.1vw, .875rem);--text-base:clamp(.925rem, 1.4vw, 1rem);--text-md:clamp(1rem, 1.5vw, 1.125rem);--text-lg:clamp(1.1rem, 1.8vw, 1.25rem);--text-xl:clamp(1.25rem, 2.2vw, 1.5rem);--text-2xl:clamp(1.5rem, 3vw, 1.875rem);--text-3xl:clamp(1.875rem, 4vw, 2.5rem);--text-4xl:clamp(2.25rem, 5vw, 3.25rem);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.65;--leading-loose:1.85;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.18em;--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;--space-20:5rem;--space-24:6rem;--gap-section:clamp(3rem, 8vw, 6rem);--gap-content:clamp(1.5rem, 4vw, 2.5rem);--max-w-prose:66ch;--max-w-content:860px;--max-w-wide:1400px;--container-px:clamp(1.25rem, 5vw, 3rem);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--border-width:1px;--border-width-thick:2px;--shadow-xs:0 1px 2px #2c1a1d0f;--shadow-sm:0 1px 4px #2c1a1d14, 0 0 0 1px #2c1a1d0a;--shadow-md:0 4px 12px #2c1a1d1a, 0 1px 3px #2c1a1d0f;--shadow-lg:0 8px 24px #2c1a1d1f, 0 2px 6px #2c1a1d0f;--transition-fast:.15s ease;--transition-base:.22s ease;--transition-slow:.35s ease;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:300}[data-theme=dark]{--bg-page:#1f1013;--bg-surface:#2a1519;--bg-surface-alt:#331d21;--bg-inset:#3d2328;--color-paper:#1f1013;--color-paper-alt:#2a1519;--color-border:#4d2d33;--color-border-soft:#3d2228;--text-primary:#f0dde0;--text-body:#d4bbc0;--text-muted:#c5aeba;--text-placeholder:#6b5458;--text-on-dark:#f0dde0;--text-link:var(--color-rose-300);--text-link-visited:var(--color-rose-200);--border-default:#4d2d33;--border-soft:#3d2228;--border-focus:var(--color-rose-300);--accent-primary:var(--color-rose-300);--accent-primary-bg:#b8697a1f;--accent-primary-dark:var(--color-rose-500);--btn-primary-bg:var(--color-rose-300);--btn-primary-text:var(--color-ink-900);--btn-primary-bg-hover:var(--color-rose-200);--accent-warm:var(--color-ochre-300);--accent-warm-bg:#e8b96a1a;--accent-warm-dark:var(--color-ochre-500);--status-success:var(--color-sage-100);--status-success-bg:#3d846026;--status-error:var(--color-crimson-100);--status-error-bg:#c0363d26;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 1px 4px #00000073, 0 0 0 1px #00000040;--shadow-md:0 4px 12px #00000073, 0 1px 3px #00000059;--shadow-lg:0 8px 24px #0000008c, 0 2px 6px #00000059}h1,.h1{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h2,.h2{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary)}h3,.h3{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary)}h4,.h4{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--text-primary)}h5,.h5{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--text-body)}.display-xl{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.display-lg{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.display-md{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.text-lead{font-size:var(--text-lg);font-weight:var(--weight-regular);line-height:var(--leading-loose);color:var(--text-body)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--text-muted)}.overline{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pub-title,.lit-title,.cell-label,.finding-card h5,.detail-page-header h1{font-family:var(--font-display)}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.btn.btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);box-shadow:var(--shadow-md);color:var(--btn-primary-text);transform:translateY(-1px)}.btn-secondary{color:var(--accent-primary-dark);border-color:var(--accent-primary-dark);background:0 0}.btn-secondary:hover{background:var(--accent-primary-bg);box-shadow:var(--shadow-xs);color:var(--accent-primary-dark)}.btn-ghost{color:var(--text-body);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--bg-surface-alt);border-color:var(--border-default);color:var(--text-body)}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.btn-lg{font-size:var(--text-md);padding:var(--space-4) var(--space-8)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.tag-default{background:var(--bg-surface-alt);color:var(--text-muted);border-color:var(--border-default)}.tag-primary{background:var(--color-rose-100);color:var(--color-rose-900);border-color:var(--color-rose-300)}.tag-warm{background:var(--color-ochre-100);color:var(--color-ochre-900);border-color:var(--color-ochre-300)}.tag-sage{background:var(--color-sage-100);color:var(--color-sage-900);border-color:var(--color-sage-500)}.tag-teal{background:var(--color-teal-100);color:var(--color-teal-900);border-color:var(--color-teal-500)}.tag-lavender{background:var(--color-lavender-100);color:var(--color-lavender-700);border-color:var(--color-lavender-500)}.card{background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-flat{background:var(--bg-surface);border:var(--border-width) solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6)}.card-tinted{background:var(--accent-primary-bg);border:var(--border-width) solid var(--color-rose-200);border-radius:var(--radius-lg);padding:var(--space-6)}.callout{background:var(--accent-primary-bg);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4) var(--space-5);color:var(--text-body);font-size:var(--text-sm);line-height:var(--leading-loose)}.callout-warm{background:var(--accent-warm-bg);border-left-color:var(--accent-warm)}.callout-success{background:var(--status-success-bg);border-left-color:var(--status-success)}.callout-error{background:var(--status-error-bg);border-left-color:var(--status-error)}.publication-entry{padding:var(--space-6) 0;border-bottom:var(--border-width) solid var(--border-soft)}.publication-entry:last-child{border-bottom:none}.pub-meta-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.pub-year{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.pub-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-2)}.pub-authors{color:var(--text-muted);margin-bottom:var(--space-4)}.pub-actions{gap:var(--space-2);display:flex}.divider-label{align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin:var(--space-8) 0;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--border-soft);flex:1;height:1px}.container{width:100%;max-width:var(--max-w-wide);padding-inline:var(--container-px);margin:0 auto}.container-content{max-width:var(--max-w-wide);padding-inline:var(--container-px);margin:0 auto}.container-prose{width:100%;max-width:var(--max-w-prose);padding-inline:var(--container-px);margin:0 auto}.container-column{width:60%;max-width:var(--max-w-wide);padding-inline:var(--container-px);margin:0 8%}.section{padding-block:var(--gap-section)}.section-alt{padding-block:var(--gap-section);background:var(--bg-surface)}.section-header{margin-bottom:var(--space-10)}.section-header .overline{margin-bottom:var(--space-3);display:block}.section-header h2{margin-bottom:var(--space-4)}.section-header .text-lead{max-width:var(--max-w-prose)}.site-nav{z-index:var(--z-sticky);background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border-soft);box-shadow:var(--shadow-xs);width:100%;position:sticky;top:0;overflow:visible}.nav-inner{max-width:var(--max-w-wide);padding:var(--space-4) var(--container-px);justify-content:space-between;align-items:center;margin:0 auto;display:flex;overflow:visible}.nav-logo{white-space:nowrap;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.nav-logo:hover{color:var(--accent-primary-dark)}.nav-links{align-items:center;gap:var(--space-8);list-style:none;display:flex}.nav-links a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:var(--tracking-wide);transition:color var(--transition-fast);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active{color:var(--accent-primary-dark)}.hero{background:var(--color-ink-900);background-image:radial-gradient(ellipse at 85% 15%, var(--color-rose-800) 0%, transparent 60%);border-bottom:var(--border-width) solid var(--color-rose-900);padding-block:var(--space-20) var(--space-16);width:100%}.hero-inner{max-width:var(--max-w-wide);padding-inline:var(--container-px);margin:0 auto}.hero-overline{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-rose-300);margin-bottom:var(--space-4)}.hero h1{font-family:var(--font-display);color:var(--text-on-dark);margin-bottom:var(--space-6)}.hero-sub{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-ink-300);max-width:var(--max-w-prose);margin-bottom:var(--space-10)}.hero-meta{gap:var(--space-6) var(--space-10);padding-top:var(--space-8);border-top:var(--border-width) solid #f0dde026;flex-wrap:wrap;display:flex}.hero-meta-item{gap:var(--space-1);color:var(--color-ink-300);flex-direction:column;display:flex}.hero-meta-item .lab .site-footer{background:var(--color-ink-900);color:#f0dde080;text-align:center;padding:var(--space-10) var(--container-px);font-size:var(--text-sm);margin-top:auto}.matrix-shell{background:var(--bg-surface);padding:var(--space-6);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-10);overflow:hidden}.matrix-shell-tabs{background:var(--bg-surface-alt);border-bottom:var(--border-width) solid var(--border-default);padding:0 var(--space-6);display:flex}.matrix-tab{padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.matrix-tab:hover{color:var(--text-primary)}.matrix-tab-active{color:var(--accent-primary-dark);border-bottom-color:var(--accent-primary-dark)}.artifact-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.artifact-card{background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base), transform var(--transition-base)}.artifact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.artifact-icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{content:"";background:var(--border-default);width:2px;position:absolute;top:8px;bottom:8px;left:0}.timeline-item{padding-bottom:var(--space-8);position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--space-8) - 5px);border:2px solid var(--border-default);background:var(--bg-surface);border-radius:50%;width:12px;height:12px;position:absolute;top:6px}.timeline-item.completed:before{background:var(--color-sage-500);border-color:var(--color-sage-500)}.timeline-item.active:before{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--color-rose-100)}.timeline-item.upcoming:before{background:var(--bg-surface);border-color:var(--border-default)}.timeline-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.timeline-title{font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.timeline-desc{font-size:var(--text-sm);color:var(--text-muted)}.two-col{gap:var(--gap-content);grid-template-columns:1fr 1fr;display:grid}.three-col{gap:var(--gap-content);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.two-col,.three-col{grid-template-columns:1fr}}.filter-bar{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.filter-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-right:var(--space-2);white-space:nowrap}.filter-btn{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:inline-flex}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-surface-alt)}.filter-btn.active{color:var(--color-rose-900);background:var(--color-rose-100);border-color:var(--color-rose-300)}.filter-btn.active.f-paper{color:var(--color-sage-900);background:var(--color-sage-100);border-color:var(--color-sage-500)}.filter-btn.active.f-pattern{color:var(--color-teal-900);background:var(--color-teal-100);border-color:var(--color-teal-500)}.filter-btn.active.f-reviewed{color:var(--color-ochre-900);background:var(--color-ochre-100);border-color:var(--color-ochre-300)}.filter-btn.active.f-found{color:var(--color-ink-700);background:var(--bg-surface-alt);border-color:var(--border-default)}.filter-count{font-family:var(--font-mono);background:#0000001a;border-radius:999px;padding:.1em .4em;font-size:.6rem}.tag-neutral{background:var(--bg-surface-alt);color:var(--text-muted);border:var(--border-width) solid var(--border-soft)}.filter-btn.f-neutral{color:var(--text-muted);border-color:var(--border-soft)}.filter-btn.f-neutral.active,.filter-btn.f-neutral:hover{background:var(--bg-surface-alt);color:var(--text-primary);border-color:var(--border-soft)}.lit-item{gap:var(--space-4);padding:var(--space-5) 0;border-bottom:var(--border-width) solid var(--border-soft);grid-template-columns:52px 1fr auto;align-items:start;display:grid}.lit-item:last-child{border-bottom:none}.lit-item[data-hidden=true]{display:none}.lit-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);white-space:nowrap;padding-top:.2rem}.lit-body{min-width:0}.lit-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-2)}.lit-meta{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.lit-notes{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.about-grid{gap:var(--space-12);grid-template-columns:200px 1fr;align-items:start;display:grid}.about-avatar{border-radius:var(--radius-lg);background:var(--color-rose-100);border:2px solid var(--color-rose-200);justify-content:center;align-items:center;width:180px;height:180px;font-size:4rem;display:flex}.supervisor-list{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.supervisor-card{gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface-alt);border-radius:var(--radius-md);border:1px solid var(--border-soft);align-items:flex-start;display:flex}@media (width<=640px){.about-grid{grid-template-columns:1fr}}.back-btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;margin-bottom:var(--space-6);transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:inline-flex}.back-btn:hover{color:var(--text-primary)}.stats-grid{gap:var(--space-3);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.stat-number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);line-height:1}.resource-list{gap:var(--space-3);flex-direction:column;display:flex}.resource-card{background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);gap:var(--space-4);transition:border-color var(--transition-base), box-shadow var(--transition-base);grid-template-columns:1fr auto;align-items:start;display:grid}.resource-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.resource-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--text-primary);margin-bottom:var(--space-2)}.resource-meta{color:var(--text-muted);margin-bottom:var(--space-1)}.resource-notes{color:var(--text-muted);margin-top:var(--space-2);font-style:italic}.source-tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--bg-surface-alt);color:var(--text-muted);border:var(--border-width) solid var(--border-soft);margin-right:var(--space-2);display:inline-block}.matrix-wrap{overflow-x:auto}.experiment-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.th-empty{width:140px}.th-mode{padding:var(--space-3) var(--space-4);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-meidum);letter-spacing:var(--tracking-wider);color:var(--accent-primary-dark);border-bottom:var(--border-width) solid var(--border-default)}.td-row-label{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--accent-warm-dark);background:var(--bg-page);border:var(--border-width) solid var(--border-soft);white-space:nowrap}.td-cell{padding:var(--space-4);border:var(--border-width) solid var(--border-soft);vertical-align:top;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}td-cell:hover{background:var(--accent-primary-bg);border-color:var(--color-rose-200)}.td-cell-active{background:var(--accent-primary-bg);border-color:var(--accent-primary)}.td-empty{padding:var(--space-4);border:var(--border-width) solid var(--border-soft);text-align:center;color:var(--text-placeholder);font-size:var(--text-lg)}.cell-label{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.cell-top-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.cell-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.cell-entry-divider{border-top:var(--border-width) solid var(--border-soft);margin-top:var(--space-3);padding-top:var(--space-3)}.cell-toggle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-placeholder);transition:color var(--transition-fast);flex-shrink:0}.cell-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-link);margin-bottom:var(--space-1);text-decoration:none;display:block}.cell-notes{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);font-style:italic}.cell-entry{padding:var(--space-2);border-radius:var(--radius-sm);border:var(--border-width) solid transparent;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.cell-entry:hover{background:var(--accent-primary-bg)}.cell-entry-active{background:var(--accent-primary-bg);border-color:var(--accent-primary)}.cell-hint{font-size:var(--text-xs);color:var(--text-placeholder);margin-top:var(--space-1)}.cell-tags{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.cell-tags .tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.cell-short{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);font-style:italic;line-height:var(--leading-snug)}.detail-drawer{margin-top:var(--space-6);background:var(--color-paper);border:var(--border-width) solid var(--border-default);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-5) var(--space-6)}.detail-title{color:var(--text-primary);margin-bottom:var(--space-2)}.detail-link{color:var(--text-link);font-family:var(--font-mono);text-decoration:none}.tracker-shell{background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:var(--max-w-wide);margin:var(--space-10) auto;overflow:hidden}.tracker-tabs{border-bottom:var(--border-width) solid var(--border-default);background:var(--bg-surface-alt);padding:0 var(--space-6);gap:0;display:flex}.tracker-tab{padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tracker-tab:hover{color:var(--text-primary)}.tracker-tab-active{color:var(--accent-primary-dark);border-bottom-color:var(--accent-primary-dark)}.tracker-panel{padding:var(--space-10) var(--space-8)}.tracker-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none}.tracker-input:focus{border-color:var(--accent-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-slow), color var(--transition-slow)}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}:focus-visible{outline:var(--border-width-thick) solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-sm)}img,svg{max-width:100%;display:block}a{color:var(--text-link);text-underline-offset:3px;transition:color var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--accent-primary)}a:visited{color:var(--text-link-visited)}code{font-family:var(--font-mono);background:var(--bg-inset);color:var(--accent-primary-dark);border-radius:var(--radius-sm);border:1px solid var(--border-soft);padding:.1em .35em;font-size:.875em}p{line-height:var(--leading-normal)}.site-footer{background:var(--color-ink-900);color:#f0dde080;text-align:center;padding:var(--space-10) var(--container-px);font-size:var(--text-sm);margin-top:auto}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}