/* Science notebook: paper, ink, a single vermilion accent. */
#guided{border-top:1px solid #c5c7ba;border-bottom:1px solid #c5c7ba;padding:12px 0;margin:0 0 16px;font-size:12px}#guided summary{cursor:pointer;font-weight:bold;color:#ad4e35}#guided p{font-size:11px}#setups{display:flex;flex-wrap:wrap;gap:7px}#setups button{font-size:11px;border-radius:2px;background:#f6f3eb}.touch-hint{font-size:11px;color:#657a87;margin:10px 20px 0}.compare{border-top:1px solid #b6b9ac;border-bottom:1px solid #d2d1c5;padding:22px 0;margin-top:25px}.compare-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.compare h2{font-family:Georgia,serif;font-weight:normal;font-size:22px;margin:0}.compare p{font-size:12px;color:#787e71;margin:8px 0}.compare button{border-radius:2px;font-size:12px}.compare-head>div:last-child{display:flex;gap:8px}#remember{background:#374b49;color:white;border-color:#374b49}#comparison{margin-top:20px;max-width:900px}.comparison-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #dddfd5;font-size:13px}.comparison-label{font:10px 'Courier New',monospace;color:#7c8075;text-transform:uppercase}.comparison-row strong{font-family:'Courier New',monospace}.comparison-row .changed{color:#b84d31}#compareStatus:empty{display:none}@media(max-width:600px){.compare-head{align-items:flex-start;flex-direction:column}.compare h2{font-size:20px}.comparison-row{font-size:11px;gap:8px}.playbar{flex-wrap:wrap}.playbar>div{flex-wrap:wrap}.touch-hint{font-size:10px}}
:root{--paper:#f6f3eb;--ink:#303c3b;--muted:#797c72;--rule:#d2d1c5;--accent:#bc4b2f}body{background:var(--paper);color:var(--ink);font-family:'Trebuchet MS',sans-serif}header{height:92px;background:transparent;border-bottom:1px solid var(--ink);margin:0 4%;padding:0;max-width:none}.logo{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:33px;letter-spacing:-2px}.logo span{color:var(--accent);margin:0}.tagline{font:10px 'Courier New',monospace;letter-spacing:1.5px;color:var(--muted)}.home-link{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:5px}main{max-width:1500px;padding:0 4% 35px}.hero{padding:64px 0 52px;display:grid;grid-template-columns:1.25fr 1fr;gap:8%;background:none;border-radius:0;overflow:visible;border-bottom:1px solid var(--ink)}.eyebrow{color:var(--muted);font:10px 'Courier New',monospace;letter-spacing:1.2px}.hero h1{font-family:Georgia,serif;font-size:clamp(43px,5.6vw,78px);line-height:1.06;font-weight:normal;letter-spacing:-3px;margin:24px 0}.hero h1 em{font-style:italic;color:var(--accent);position:relative}.hero p{font-size:14px;line-height:1.8;color:#71766c}.browse-link{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:var(--paper);font-size:12px;padding:13px 19px;margin-top:14px}.browse-link span{font-size:20px}.pencil-note{display:inline-block;font:16px 'Chalkboard SE','Comic Sans MS',cursive;color:var(--accent);transform:rotate(-7deg);margin-left:18px}.featured{display:block;background:#ede8d7;border:1px solid #c9c4b2;align-self:center;padding:22px 26px;transform:rotate(1.5deg);transition:transform .2s;position:relative}.featured:hover{transform:rotate(0)}.featured:before{content:'';position:absolute;top:-12px;left:42%;width:83px;height:24px;background:#d6cdb28c;transform:rotate(-4deg)}.feature-top{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:1.3px;color:#797767}.featured svg{width:100%;display:block;margin:9px 0}.feature-bottom{display:flex;justify-content:space-between;align-items:center}.feature-bottom h2{font-family:Georgia,serif;font-weight:normal;line-height:1.15;font-size:29px;letter-spacing:-.7px;margin:0}.feature-arrow{font-size:32px;color:var(--accent)}.featured p{font-size:11px;margin-bottom:0}.catalog-bar{margin:32px 0 14px;scroll-margin-top:20px}.catalog-bar h2{font-family:Georgia,serif;font-size:32px;font-weight:normal;letter-spacing:-1px}.search{font:10px 'Courier New',monospace;color:var(--muted)}.search input{width:230px;background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:8px 0;font:13px 'Trebuchet MS',sans-serif}.search input:focus{border-color:var(--accent)}#filters{gap:0;margin-bottom:30px;border-bottom:1px solid var(--rule)}#filters button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:12px 17px;color:#777e73;font-size:12px}#filters button:first-child{padding-left:0;padding-right:24px}#filters button.active{border-color:var(--accent);background:none;color:var(--ink);font-weight:bold}#cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 32px}.card{border:0;border-top:1px solid #b8beb2;border-radius:0;background:none;padding-top:12px;overflow:visible;transition:none;position:relative}.card:hover{transform:none;border-color:var(--accent)}.card canvas{background:#e9f3fc;border-radius:2px;filter:saturate(.65);transition:filter .2s}.card:hover canvas{filter:saturate(1)}.card-info{padding:17px 0 9px;position:relative}.card small{font:9px 'Courier New',monospace;color:var(--muted);letter-spacing:1px}.card h3{font-family:'Trebuchet MS',sans-serif;letter-spacing:-.6px;font-size:19px;margin:11px 0 8px;max-width:90%}.card p{font-size:12px;line-height:1.6;min-height:38px;margin-bottom:13px;color:#777e72}.card .launch{font-size:11px;color:var(--accent);font-weight:normal}.card .launch:after{content:'';position:absolute;right:0;top:38px;width:7px;height:7px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}#experiment{padding-top:30px;max-width:1800px}.experiment-heading h1{font-family:'Trebuchet MS',sans-serif;font-size:30px;letter-spacing:-1px;margin-top:18px}.experiment-heading p{color:#737d71}.experiment-heading>span{font:10px 'Courier New',monospace;color:var(--accent)}.experiment-heading>a{color:var(--muted)}.workbench{border:1px solid #aab5ac;border-radius:3px;background:#e9f3fc}.scene-top{border-bottom:1px solid #cbd6dd;padding:12px 20px}.scene-top>span{font:10px 'Courier New',monospace;letter-spacing:1px}.scene-top button{border-radius:2px;background:transparent;border-color:#b4c6d4}aside{background:#eeece3;border-color:#b7c2b8;padding:24px}aside h2{font-family:'Chalkboard SE','Comic Sans MS',cursive;color:var(--accent);font-size:24px;transform:rotate(-3deg);transform-origin:left center}aside>p{color:var(--muted)}.control{border-color:#d3d3c7}.control output{color:var(--accent);font-family:'Courier New',monospace}.control input[type=range]{accent-color:var(--accent)}.control select{border-radius:2px;background:var(--paper);border-color:#c8cbbf;color:var(--ink)}.prediction{border-radius:0;background:none;border-top:1px dashed #a7af9f;padding:18px 0 0;margin-top:25px}.prediction b{font:18px 'Chalkboard SE','Comic Sans MS',cursive;color:#657653}.prediction p{color:#767d6e;font-size:12px}.playbar{background:#374b49;color:#d9e1d9}.playbar button{border-radius:2px;background:transparent;border-color:#71817a}#reset{background:#e6ddba;border-color:#e6ddba;color:#34433e}#metrics{border-radius:2px;background:#f8faf8;border-color:#b8c8cb}#metrics small{font:9px 'Courier New',monospace}#metrics strong{font:22px 'Courier New',monospace;font-weight:bold}.under .eyebrow{color:var(--accent)}.under p{color:#6e796e}.next-nav{color:var(--accent);border-color:var(--rule)}footer{border-top:1px solid var(--ink);margin:0 4%;padding:24px 0 35px;display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}footer span{letter-spacing:0;font-family:Georgia,serif;font-style:italic;font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}
@media(max-width:1100px){.hero{gap:5%}.pencil-note{display:block;margin:18px 0 0 25px}.feature-bottom h2{font-size:25px}}@media(max-width:800px){header{height:76px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding:40px 0}.hero h1{font-size:46px;letter-spacing:-2px}.hero p{font-size:12px}.featured{padding:16px}.feature-bottom h2{font-size:23px}.featured p{font-size:10px}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.catalog-bar h2{font-size:29px}aside{border-top-color:#b7c2b8}.experiment-heading h1{font-size:27px}}
@media(max-width:540px){.hero{grid-template-columns:1fr;gap:34px;padding:28px 0 35px}.hero h1{font-size:52px}.hero p{font-size:13px}.featured{transform:rotate(1deg);margin:0 10px;padding:16px 20px}.featured svg{height:175px}.feature-bottom h2{font-size:25px}.pencil-note{display:inline-block;font-size:14px;margin-left:14px}.catalog-bar{margin-top:28px}.catalog-bar h2{margin-bottom:16px}.search input{width:100%}#filters button{padding:11px 12px}#cards{gap:22px 18px}.card h3{font-size:15px}.card-info{padding-top:12px}.card small{font-size:8px;letter-spacing:.4px}.card .launch:after{display:none}.card p{display:none}.card canvas{min-height:110px;object-fit:cover}.experiment-heading h1{font-size:24px}#metrics strong{font-size:15px}#metrics small{font-size:8px}footer{gap:20px;font-size:8px}footer span{font-size:11px}#experiment{padding-top:22px}}