Compare Mistral Medium 3.1 by Mistral AI against Llama 4 Maverick by Meta AI, context windows of 131K vs 1.0M, tested across 26 shared challenges. Updated February 2026.
21 challenges
Tests an AI's ability to generate vector graphics
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Tests an AI's ability to generate a complete, working landing page
Recreate an interactive, classic Mario level in a single HTML file.
Tests an AI's ability to replicate an existing UI with Tailwind CSS
Tests an AI's ability to create interactive web elements
Tests an AI's ability to create a detailed world map in SVG format
Generate a unique and simple recipe with common ingredients.
Create a starter plan for improving long-term health.
Recreate a classic, retro, macOS Desktop UI — make it interactive and nostalgic, make it as interactive as you can, you can be creative.. Feel free to showcase your skills. The entire application must be a single-page self-contained HTML file.
Couldn't render this response
This model didn't return a displayable web page for this challenge.
# Retro macOS Desktop UI (Single-Page HTML)
Here's a fully interactive retro macOS desktop UI (inspired by System 7/8) in a single self-contained HTML file. It includes:
- Classic Finder windows
- Interactive menu bar
- Desktop icons with drag-and-drop
- System sounds
- Working calculator
- Simple text editor
- System preferences
- And more!
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Retro macOS Desktop</title>
<style>
:root {
--window-bg: #c0c0c0;
--window-border-dark: #808080;
--window-border-light: #ffffff;
--title-bar-active: #000080;
--title-bar-inactive: #808080;
--title-bar-text: #ffffff;
--menu-bg: #c0c0c0;
--menu-border: #808080;
--menu-text: #000000;
--menu-highlight: #000080;
--menu-highlight-text: #ffffff;
--desktop-bg: #008080;
--icon-label: #000000;
--scrollbar: #808080;
--scrollbar-thumb: #404040;
--button-face: #c0c0c0;
--button-shadow: #808080;
--button-text: #000000;
--field-bg: #ffffff;
--field-border: #808080;
--field-text: #000000;
--highlight: #000080;
--highlight-text: #ffffff;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Chicago', 'Charcoal', 'Geneva', sans-serif;
user-select: none;
}
body {
background-color: var(--desktop-bg);
background-image:
repeating-linear-gradient(
0deg,
transparent,
transparent 20px,
rgba(0, 0, 0, 0.1) 20px,
rgba(0, 0, 0, 0.1) 21px
),
repeating-linear-gradient(
90deg,
transparent,
transparent 20px,
rgba(0, 0, 0, 0.1) 20px,
rgba(0, 0, 0, 0.1) 21px
);
height: 100vh;
overflow: hidden;
position: relative;
cursor: default;
}
/* Menu Bar */
#menu-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 20px;
background-color: var(--menu-bg);
border-bottom: 1px solid var(--menu-border);
display: flex;
align-items: center;
z-index: 1000;
padding-left: 4px;
}
.menu-item {
height: 100%;
padding: 0 10px;
display: flex;
align-items: center;
position: relative;
color: var(--menu-text);
font-size: 12px;
}
.menu-item:hover {
background-color: var(--menu-highlight);
color: var(--menu-highlight-text);
}
.menu-dropdown {
position: absolute;
top: 100%;
left: 0;
background-color: var(--menu-bg);
border: 1px solid var(--menu-border);
display: none;
min-width: 180px;
z-index: 1001;
}
.menu-item:hover .menu-dropdown {
display: block;
}
.menu-option {
padding: 2px 10px;
font-size: 12px;
color: var(--menu-text);
white-space: nowrap;
}
.menu-option:hover {
background-color: var(--menu-highlight);
color: var(--menu-highlight-text);
}
.menu-separator {
height: 1px;
background-color: var(--menu-border);
margin: 2px 0;
}
/* Desktop Icons */
.desktop-icon {
position: absolute;
width: 32px;
height: 48px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding-bottom: 4px;
cursor: pointer;
z-index: 10;
}
.icon-image {
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 2px;
}
.icon-label {
color: var(--icon-label);
font-size: 12px;
text-align: center;
background-color: rgba(255, 255, 255, 0.7);
padding: 0 2px;
border-radius: 2px;
}
.desktop-icon.selected {
background-color: rgba(0, 0, 128, 0.3);
border: 1px dashed rgba(255, 255, 255, 0.7);
}
/* Windows */
.window {
position: absolute;
background-color: var(--window-bg);
border: 1px solid var(--window-border-dark);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
display: none;
z-index: 20;
min-width: 200px;
min-height: 150px;
resize: both;
overflow: hidden;
}
.window.active {
z-index: 30;
}
.title-bar {
height: 20px;
background-color: var(--title-bar-inactive);
color: var(--title-bar-text);
display: flex;
align-items: center;
padding: 0 4px;
font-size: 12px;
position: relative;
}
.window.active .title-bar {
background-color: var(--title-bar-active);
}
.title-bar-text {
margin-left: 4px;
}
.window-controls {
position: absolute;
right: 4px;
display: flex;
}
.window-control {
width: 13px;
height: 13px;
margin-left: 3px;
border: 1px solid;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
cursor: pointer;
}
.close {
background-color: var(--window-bg);
border-color: var(--window-border-dark);
}
.minimize {
background-color: var(--window-bg);
border-color: var(--window-border-dark);
}
.zoom {
background-color: var(--window-bg);
border-color: var(--window-border-dark);
}
.window-content {
height: calc(100% - 20px);
padding: 4px;
overflow: auto;
}
/* Scrollbar */
.window-content::-webkit-scrollbar {
width: 16px;
height: 16px;
}
.window-content::-webkit-scrollbar-track {
background-color: var(--scrollbar);
border: 1px solid var(--window-border-dark);
}
.window-content::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
border: 1px solid var(--window-border-dark);
min-height: 20px;
}
.window-content::-webkit-scrollbar-button {
height: 16px;
background-color: var(--scrollbar);
border: 1px solid var(--window-border-dark);
}
/* Finder Window */
.finder-toolbar {
height: 32px;
background-color: var(--window-bg);
border-bottom: 1px solid var(--window-border-dark);
display: flex;
align-items: center;
padding: 0 4px;
margin-bottom: 4px;
}
.finder-view {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
gap: 10px;
padding: 4px;
}
.finder-item {
display: flex;
flex-direction: column;
align-items: center;
width: 64px;
cursor: pointer;
}
.finder-item-icon {
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 2px;
}
.finder-item-label {
font-size: 12px;
text-align: center;
color: var(--menu-text);
background-color: var(--window-bg);
padding: 0 2px;
}
.finder-item.selected {
background-color: var(--highlight);
color: var(--highlight-text);
}
/* Calculator */
.calculator {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4px;
padding: 4px;
}
.calculator-display {
grid-column: 1 / -1;
height: 32px;
background-color: var(--field-bg);
border: 1px solid var(--field-border);
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 4px;
font-size: 16px;
margin-bottom: 4px;
}
.calculator-button {
height: 32px;
background-color: var(--button-face);
border: 1px solid;
border-color: var(--button-shadow) var(--button-shadow) var(--button-face) var(--button-face);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
cursor: pointer;
color: var(--button-text);
}
.calculator-button:active {
border-color: var(--button-face) var(--button-face) var(--button-shadow) var(--button-shadow);
}
/* Text Editor */
.text-editor {
width: 100%;
height: 100%;
border: none;
background-color: var(--field-bg);
font-family: 'Monaco', 'Courier New', monospace;
font-size: 12px;
padding: 4px;
resize: none;
outline: none;
}
/* System Preferences */
.preferences-pane {
padding: 8px;
}
.preference-section {
margin-bottom: 16px;
}
.preference-label {
font-size: 12px;
margin-bottom: 4px;
display: block;
}
.preference-control {
width: 100%;
max-width: 200px;
}
/* About This Mac */
.about-mac {
display: flex;
flex-direction: column;
align-items: center;
padding: 16px;
text-align: center;
}
.mac-logo {
width: 64px;
height: 64px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23000000" d="M50 10C22.4 10 0 32.4 0 50s22.4 40 50 40 50-22.4 50-40S77.6 10 50 10zm0 70c-19.3 0-35-15.7-35-35s15.7-35 35-35 35 15.7 35 35-15.7 35-35 35z"/><path fill="%23808080" d="M50 20c-13.8 0-25 11.2-25 25s11.2 25 25 25 25-11.2 25-25S63.8 20 50 20zm0 40c-11 0-20-8.9-20-20s8.9-20 20-20 20 8.9 20 20-8.9 20-20 20z"/><path fill="%23000000" d="M50 30c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm0 20c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10z"/></svg>');
background-size: contain;
margin-bottom: 8px;
}
.system-info {
font-size: 12px;
margin-bottom: 8px;
}
.copyright {
font-size: 10px;
color: #666;
}
/* Context Menu */
.context-menu {
position: absolute;
background-color: var(--menu-bg);
border: 1px solid var(--menu-border);
display: none;
min-width: 150px;
z-index: 100;
}
.context-menu-item {
padding: 2px 10px;
font-size: 12px;
color: var(--menu-text);
white-space: nowrap;
}
.context-menu-item:hover {
background-color: var(--menu-highlight);
color: var(--menu-highlight-text);
}
/* Sounds */
.sound-player {
display: none;
}
/* Startup Screen */
#startup-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 10000;
font-family: 'Monaco', 'Courier New', monospace;
}
#startup-logo {
width: 64px;
height: 64px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23FFFFFF" d="M50 10C22.4 10 0 32.4 0 50s22.4 40 50 40 50-22.4 50-40S77.6 10 50 10zm0 70c-19.3 0-35-15.7-35-35s15.7-35 35-35 35 15.7 35 35-15.7 35-35 35z"/><path fill="%23808080" d="M50 20c-13.8 0-25 11.2-25 25s11.2 25 25 25 25-11.2 25-25S63.8 20 50 20zm0 40c-11 0-20-8.9-20-20s8.9-20 20-20 20 8.9 20 20-8.9 20-20 20z"/><path fill="%23FFFFFF" d="M50 30c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm0 20c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10z"/></svg>');
background-size: contain;
margin-bottom: 16px;
}
#startup-text {
font-size: 14px;
margin-bottom: 8px;
}
#startup-progress {
width: 200px;
height: 16px;
border: 1px solid #666;
position: relative;
margin-top: 16px;
}
#startup-progress-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #444;
width: 0%;
transition: width 0.5s linear;
}
/* Shutdown Dialog */
#shutdown-dialog {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
align-items: center;
justify-content: center;
z-index: 10000;
}
#shutdown-panel {
background-color: var(--window-bg);
border: 1px solid var(--window-border-dark);
padding: 16px;
width: 300px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
#shutdown-message {
font-size: 12px;
margin-bottom: 16px;
}
#shutdown-buttons {
display: flex;
justify-content: flex-end;
}
#shutdown-cancel, #shutdown-confirm {
padding: 4px 8px;
margin-left: 8px;
font-size: 12px;
cursor: pointer;
}
#shutdown-cancel {
background-color: var(--button-face);
border: 1px solid var(--button-shadow);
}
#shutdown-confirm {
background-color: var(--button-face);
border: 1px solid var(--button-shadow);
}
/* Drag and Drop */
.dragging {
opacity: 0.7;
}
/* Status Bar */
#status-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background-color: var(--menu-bg);
border-top: 1px solid var(--menu-border);
display: flex;
align-items: center;
padding: 0 4px;
font-size: 10px;
z-index: 999;
}
#time-display {
margin-left: auto;
}
/* Fonts */
@font-face {
font-family: 'Chicago';
src: url('data:font/truetype;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBQ8AAADsAAAAYGNtYXD//wADAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADevelop a cutting-edge 3-month longevity plan for a biohacker.
For the Advanced Biohacker
This plan integrates nutrigenomics, metabolic flexibility, epigenetic modulation, neuroplasticity enhancement, and precision biometrics to maximize lifespan, healthspan, cognitive function, and physical performance. It is structured in three phases (Foundation, Optimization, Peak Performance) with progressive intensity.
Goal: Establish metabolic flexibility, baseline biomarkers, and foundational habits.
| Supplement | Dosage | Timing | Purpose |
|---|---|---|---|
| NMN + Resveratrol | 500mg NMN + 500mg Resveratrol | Morning (fasted) | NAD+ boost, SIRT1 activation |
| Berberine | 500mg 2x/day | With meals | AMPK activation, glucose control |
| Omega-3 (EPA/DHA) | 2g EPA, 1g DHA | With lunch | Anti-inflammatory, brain health |
| Magnesium L-Threonate | 1g | Evening | Synaptic plasticity, sleep |
| Vitamin D3 + K2 | 5,000 IU D3 + 100mcg K2 | Morning | Immune, cardiovascular, epigenetic |
| Sulforaphane (Broccoli Sprout Extract) | 100mg | Evening | Nrf2 activation, detox |
| Collagen Peptides | 20g | Post-workout | Gut, skin, joint repair |
| Electrolytes (Na/K/Mg) | As needed | Throughout day | Prevent keto-flu, optimize hydration |
| Metric | Tool | Target |
|---|---|---|
| Blood Glucose | CGM (Nutrisense, Levels) | <90mg/dL fasting, <120mg/dL postprandial |
| Ketones | Keto-Mojo | 0.5-3.0 mmol/L |
| HRV | Oura Ring / Whoop | >50ms (trend upward) |
| Sleep Score | Oura / Sleep Cycle | >85% efficiency |
| Resting HR | Whoop / Apple Watch | <60 BPM (trend downward) |
| Body Comp | DEXA (Monthly) / InBody (Weekly) | Maintain muscle, reduce fat % |
| Blood Work (Baseline & End of Phase 1) | InsideTracker / WellnessFX | Optimize: HbA1c, LDL-P, hs-CRP, homocysteine, testosterone, vitamin D |
Goal: Enhance autophagy, mitochondrial efficiency, and cognitive performance.
| Supplement | Dosage | Timing | Purpose |
|---|---|---|---|
| Rapamycin (or Rapalogue: Berberine + Metformin) | 5mg rapamycin (1x/week) OR 500mg berberine + 500mg metformin (daily) | Morning (fasted) | mTOR inhibition, autophagy |
| Fisetin | 500mg | 2x/week (fasting days) | Senolytic (clears zombie cells) |
| Lion’s Mane + Bacopa | 1g Lion’s Mane, 300mg Bacopa | Morning | Neurogenesis, memory |
| Alpha-GPC | 300mg | Pre-workout | Acetylcholine boost |
| TA-65 (Astragalus) | 25mg | Morning | Telomere support |
| PQQ + CoQ10 | 20mg PQQ + 200mg CoQ10 | Morning | Mitochondrial biogenesis |
| Lithium Orotate | 5mg | Evening | Neuroprotection, mood |
Goal: Maximize physical/cognitive output, induce deep autophagy, and lock in adaptations.
| Supplement | Dosage | Timing | Purpose |
|---|---|---|---|
| NAD+ IV (or NMN + TMG) | 250mg NAD+ IV (1x/week) OR 1g NMN + 500mg TMG (daily) | Morning | Deep NAD+ recharge |
| Dasatinib + Quercetin | 5mg Dasatinib + 1g Quercetin | 1x/week (fasting) | Senolytic combo |
| Modafinil (or Adrafinil) | 100mg | 2x/week (high-focus days) | Cognitive enhancement |
| Noopept | 20mg | Morning | Memory, neuroprotection |
| Creatine Monohydrate | 5g | Post-workout | Strength, brain energy |
| Astaxanthin | 12mg | Morning | Mitochondrial protection |
| Hydrogen Water | 2L/day | Throughout day | Anti-oxidative stress |
| Strategy | Protocol | Frequency |
|---|---|---|
| Stem Cell Activation (Fasting + Hyperbaric) | 72-hour fast + HBOT | 1x/month |
| Peptide Therapy (BPC-157, Thymosin Beta-4) | 250mcg BPC-157 (subQ, daily) | 4 weeks on/off |
| Red Light + PEMF Combo | 10 min red light + 20 min PEMF | 3x/week |
| Sauna + Cold Plunge Contrast | 20 min sauna (170°F) → 3 min ice bath | 3x/week |
| Vagus Nerve Stimulation | Xen by Neuvana (transcutaneous) | Daily (5-10 min) |
✅ Metabolic:
✅ Cognitive:
✅ Longevity Biomarkers:
✅ Physical Performance:
✅ Stress Resilience:
This is your blueprint for extreme human optimization. Execute with discipline, track relentlessly, and iterate. 🚀
3-Month Longevity Plan for Biohackers
Disclaimer: Before starting any new supplement or exercise regimen, consult with a healthcare professional to ensure safety and suitability.
Month 1: Optimization and Baseline Establishment
Month 2: Intensification and Refining
Month 3: Peak Performance and Long-Term Optimization
Additional Recommendations:
Action Plan:
By following this comprehensive 3-month plan, biohackers can optimize their longevity, physical and cognitive performance, and develop a robust foundation for long-term health and well-being.
Design an innovative, multi-component dish worthy of a 3-star Michelin restaurant.
Dish Title: "Ethereal Forest: Porcini-Infused Venison with Black Garlic Miso, Fermented Plum Gelée, and Smoked Bone Marrow Custard"
Conceptual Narrative: This dish is a poetic homage to the transience of autumn—where the earthy depth of the forest floor meets the fleeting sweetness of overripe fruit. The venison, aged and sous-vide to silken perfection, represents the wild grace of the deer in its natural habitat, while the porcini infusion evokes the damp, musky aroma of fallen leaves. The black garlic miso bridges umami and caramelized sweetness, a nod to the slow decay that nourishes new life. The fermented plum gelée introduces a sharp, almost vinous contrast, mimicking the last burst of fruit before winter’s arrival. Finally, the smoked bone marrow custard—a play on the classic chawanmushi—anchors the dish in primal richness, its wobbling texture evoking morning mist over a still lake.
The plating is designed to disorient and delight: components are arranged in a deconstructed "forest floor" pattern, with edible moss (made from spirulina and maltodextrin), gold-leaf "sunbeams," and a delicate porcini tuile as a structural centerpiece.
Ingredients:
Method:
Plating: Slice into 5 perfect medallions, arrange in a staggered line (like stepping stones). Drizzle remaining porcini consommé in a delicate zigzag.
Ingredients:
Method:
Plating: Scatter shards asymmetrically around the venison, like fallen bark.
Ingredients:
Method:
Plating: Place 3 gelée domes near the venison, offset by edible gold leaf (to mimic sunlight through leaves).
Ingredients:
Method:
Plating: Quenelle custard onto a slate spoon, rest on a bed of edible moss (spirulina + maltodextrin).
| Ingredient | Source | Substitute (if unavailable) |
|---|---|---|
| Scottish Highland Venison | Highland Game (UK) or First Light (NZ) | American elk loin (less gamey) |
| Italian Porcini | TartufLanghe (Piedmont, Italy) | Morel mushrooms (less earthy) |
| Black Garlic (Kuro Ninniku) | Mitoku (Japan) or Black Garlic Co. (US) | Roasted garlic + balsamic reduction |
| Greengage Plums | French Reine-Claude plums (seasonal) | Damsons or umeboshi paste |
| 24k Gold Leaf | Manetti (Florence, Italy) | Edible gold spray (less elegant) |
Final Note: This dish is not just eaten—it’s experienced. The first bite should transport the diner to a misty forest at dawn, where the crunch of leaves, the musk of mushrooms, and the fleeting sweetness of fruit collide in a single, ephemeral moment.
Would you like a deconstructed cocktail pairing to accompany this? (E.g., a smoked barley old-fashioned with plum bitters?)
Dish Name: "Terra Verde Odyssey"
Conceptual Narrative: "Terra Verde Odyssey" is a culinary journey that explores the harmonious union between the earth's umami flavors and the ocean's freshness. The dish is inspired by the Mediterranean's terroir, where the scent of wild herbs and the taste of the sea converge. This multi-component creation features an unexpected pairing of black truffle and sea urchin, elevated by advanced culinary techniques and presented with an artistic flair.
Components:
Recipe:
Component 1: Black Truffle and Sea Urchin Tartlet
Component 2: Smoked Eel and Fennel Emulsion
Component 3: Pickled Mustard Green Gelée
Component 4: Saffron-Infused Cauliflower Purée
Component 5: Crispy Fried Capers and Microgreens
Sourcing Notes:
Plating Presentation:
Innovative Techniques:
Michelin 3-Star Worthy: "Terra Verde Odyssey" is a symphony of flavors, textures, and presentation that would be worthy of a Michelin 3-star restaurant. The dish showcases a deep understanding of flavor pairing, advanced culinary techniques, and exquisite plating presentation. The use of high-quality, seasonal ingredients and the attention to detail in each component elevate this dish to a truly exceptional culinary experience.