:root{--paper:#faf7f0;--paper-dim:#f0ebe0;--ink:#1e1b16;--ink-muted:#5c564b;--accent:#1f6e4f;--accent-dim:#163f30;--accent-tint:#e4eee7;--chemistry:#b4452a;--physics:#2a5b8c;--biology:#5b7a3a;--error:#a3362a;--success:var(--accent);--border:#1e1b161a;--border-form:#1e1b1633;--nav-shadow:0 1px 4px #1e1b161a;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;--r-sm:4px;--r-lg:0px;--text-display:56px;--text-h1:40px;--text-h2:28px;--text-h3:20px;--text-body:17px;--text-small:14px;--text-mono:15px;--lh-display:1.08;--lh-h1:1.15;--lh-h2:1.2;--lh-h3:1.3;--lh-body:1.6;--lh-small:1.5;--lh-mono:1.4;--t-fast:.12s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:var(--text-body);line-height:var(--lh-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--ink);font-family:Fraunces,Georgia,serif;font-weight:500}.display{font-family:Fraunces,Georgia,serif;font-size:var(--text-display);line-height:var(--lh-display);font-weight:500}h1{font-size:var(--text-h1);line-height:var(--lh-h1)}h2{font-size:var(--text-h2);line-height:var(--lh-h2)}h3{font-size:var(--text-h3);line-height:var(--lh-h3)}p,li{font-size:var(--text-body);line-height:var(--lh-body);color:var(--ink)}.text-muted{color:var(--ink-muted)}.text-small{font-size:var(--text-small);line-height:var(--lh-small)}.mono{font-family:IBM Plex Mono,Courier New,monospace;font-size:var(--text-mono);line-height:var(--lh-mono)}.mono-small{font-family:IBM Plex Mono,Courier New,monospace;font-size:var(--text-small);line-height:var(--lh-small);letter-spacing:.04em}a{color:var(--accent);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--accent-dim)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:IBM Plex Sans,sans-serif;font-size:var(--text-body);border-radius:var(--r-sm);padding:10px var(--sp-6);cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast);white-space:nowrap;border:none;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--paper)}.btn-primary:hover{background-color:var(--accent-dim);color:var(--paper)}.btn-secondary{color:var(--ink);border:1px solid var(--ink);background-color:#0000}.btn-secondary:hover{background-color:#1e1b160f}.btn:disabled{opacity:.55;cursor:not-allowed}.container{width:100%;max-width:1200px;padding:0 var(--sp-8);margin:0 auto}.divider{border:none;border-top:1px solid var(--border);margin:0}.subject-tag{align-items:center;gap:var(--sp-2);letter-spacing:.08em;text-transform:uppercase;padding:3px var(--sp-2);border-radius:var(--r-sm);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.subject-tag--chemistry{color:var(--chemistry);border-left:3px solid var(--chemistry);padding-left:6px}.subject-tag--physics{color:var(--physics);border-left:3px solid var(--physics);padding-left:6px}.subject-tag--biology{color:var(--biology);border-left:3px solid var(--biology);padding-left:6px}.form-group{gap:var(--sp-1);flex-direction:column;display:flex}.form-label{font-size:var(--text-small);color:var(--ink);font-weight:500}.form-input,.form-select{font-family:IBM Plex Sans,sans-serif;font-size:var(--text-body);color:var(--ink);background-color:var(--paper);border:1px solid var(--border-form);border-radius:var(--r-sm);padding:10px var(--sp-3);width:100%;transition:border-color var(--t-fast);outline:none}.form-input:focus,.form-select:focus{border-color:var(--accent)}.form-input.error,.form-select.error{border-color:var(--error)}.form-error{font-size:var(--text-small);color:var(--error);line-height:var(--lh-small)}.experiment-card{border:1px solid var(--border);border-radius:var(--r-lg);background-color:var(--paper);padding:var(--sp-6);gap:var(--sp-3);color:inherit;transition:border-color var(--t-fast);flex-direction:column;text-decoration:none;display:flex}.experiment-card:hover{color:inherit;border-color:#1e1b1638}.experiment-card__title{font-family:Fraunces,Georgia,serif;font-size:var(--text-h3);line-height:var(--lh-h3);color:var(--ink);font-weight:500}.experiment-card__desc{font-size:var(--text-body);line-height:var(--lh-body);color:var(--ink-muted);flex:1}.experiment-card__status{color:var(--accent);margin-top:var(--sp-1);align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-flex}.breadcrumb{align-items:center;gap:var(--sp-2);font-size:var(--text-small);color:var(--ink-muted);flex-wrap:wrap;display:flex}.breadcrumb a{color:var(--ink-muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb__sep{color:var(--border-form)}.breadcrumb__current{color:var(--ink)}@media (max-width:768px){:root{--text-display:36px;--text-h1:30px;--text-h2:24px;--text-h3:18px}.container{padding:0 var(--sp-4)}}
