/* Hallmark · Workbench · custom Reaction Lab · genre playful · nav N7 slab · footer Ft5 statement
 * Audience: token creators · purpose: launch and develop experiments · pre-emit critique P4 H5 E4 S5 R4 V5 */
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:auto}body{font:17px/1.65 var(--font-body);background:var(--color-paper);background-image:none;color:var(--color-ink)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:600;line-height:1.06;letter-spacing:-.04em;min-width:0;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}a,button{transition:background .2s,color .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-cyan);outline-offset:5px}button:disabled{opacity:.55;cursor:wait}em{font-style:normal;color:var(--color-accent)}.wrap{width:min(1500px,calc(100% - var(--space-page)*2));margin-inline:auto;max-width:1500px}.eyebrow{font:11px/1.5 var(--font-mono);letter-spacing:1.3px;color:var(--color-muted)}.cyan{color:var(--color-cyan)}.px-btn{clip-path:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--color-accent);color:var(--color-paper);border:1px solid var(--color-accent);border-radius:8px;font:600 16px/1.3 var(--font-body);padding:17px 24px;min-height:54px;text-transform:none;letter-spacing:0;white-space:nowrap;box-shadow:none}.px-btn:hover{transform:translateY(-2px);background:var(--color-accent-bright);color:var(--color-paper)}.px-btn:active{transform:translateY(1px)}.px-btn.ghost{background:transparent;color:var(--color-accent)}.px-btn.sm{font-size:14px;min-height:44px;padding:12px 18px}.text-link{font:500 15px/1.5 var(--font-body);white-space:nowrap;color:var(--color-ink);background:none;border:0;padding:0}.text-link:hover{color:var(--color-cyan)}.logo-crop{display:inline-block;width:46px;height:46px;overflow:visible}.logo-crop img{display:block;width:100%;height:100%;object-fit:contain}.brand{display:flex;gap:8px;align-items:center;color:var(--color-accent)}.brand b{font:700 35px/1 var(--font-pixel);letter-spacing:1px}.lab-top{height:88px;position:fixed;z-index:50;inset:0 0 auto;background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px}.nav-links{display:flex;gap:30px;align-items:center;margin-left:auto}.nav-links a{font:500 15px var(--font-body)}.nav-links a.on{color:var(--color-accent)}.nav-end{display:flex;align-items:center;gap:10px}.nav-system{display:none}.social-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--color-rule);border-radius:8px;color:var(--color-ink)}.social-icon:hover{background:var(--color-panel-raised)}.wallet-button{border:1px solid var(--color-rule-strong);background:none;border-radius:8px;height:44px;padding-inline:16px;font:13px var(--font-mono)}.menu-button{display:none;border:0;background:none;font-size:24px}.mobile-menu{display:none}.mobile-menu.open{display:flex;flex-direction:column;gap:22px;position:fixed;inset:88px 0 auto;background:var(--color-panel);padding:28px;z-index:49}.mobile-menu a{font:18px var(--font-body)}#view{padding-top:88px;outline:none;min-height:100svh}.lab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:5%;padding-block:36px 66px;align-items:center}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(62px,6.4vw,100px);margin:26px 0;line-height:1.0;letter-spacing:-.055em}.hero-copy h1 span{color:var(--color-accent)}.hero-copy p{font-size:20px;max-width:520px;line-height:1.7;color:var(--color-muted)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.hero-note{display:flex;align-items:center;gap:17px;margin-top:32px;font:13px/1.6 var(--font-mono);color:var(--color-muted)}.tiny-flask{font-size:36px;color:var(--color-cyan)}.reaction-scene{position:relative;isolation:isolate;aspect-ratio:1;min-width:0;color:var(--color-accent)}.scene-grid{position:absolute;inset:8%;background-image:linear-gradient(var(--color-soft-strong) 1px,var(--color-clear) 1px),linear-gradient(90deg,var(--color-soft-strong) 1px,var(--color-clear) 1px);background-size:38px 38px;opacity:.3;transform:perspective(450px) rotateX(45deg) translateY(60px);border-radius:50%}.scene-orbit{position:absolute;inset:12%;border:1px solid var(--color-rule-strong);border-radius:50%;border-top-color:var(--color-cyan);animation:orbit 40s linear infinite}.scene-orbit:after{content:'';position:absolute;inset:8%;border:1px dashed var(--color-rule);border-radius:50%}.reaction-equation{display:flex;justify-content:center;align-items:center;gap:14px;position:absolute;inset:4% 0 auto;font:13px var(--font-mono);color:var(--color-muted)}.reaction-equation b{color:var(--color-accent);font-weight:400}.reaction-flask{position:absolute;width:75%;left:12%;top:8%;transform:rotate(calc(var(--reaction-scroll,0)*-8deg));animation:flask-float 6s ease-in-out infinite}.reaction-flask img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 32px var(--color-soft-strong))}.bubble{position:absolute;width:calc(5px + var(--i)*1px);height:calc(5px + var(--i)*1px);border:1px solid var(--color-cyan);left:calc(42% + var(--i)*2.6%);top:65%;border-radius:50%;animation:bubble-rise calc(3s + var(--i)*.3s) linear infinite;animation-delay:calc(var(--i)*-.8s)}.scene-molecule{position:absolute;animation:flask-float 7s ease-in-out infinite}.molecule-one{right:3%;top:25%;color:var(--color-cyan)}.molecule-two{left:4%;top:20%}.tube{position:absolute;bottom:21%;width:32px;height:132px;border:3px solid var(--color-accent);border-top-width:8px;border-radius:3px 3px 18px 18px;background:var(--color-panel);transform:rotate(-11deg);overflow:hidden}.tube-one{left:7%;bottom:20%}.tube-two{left:15%;height:100px;transform:rotate(8deg)}.tube>div{position:absolute;inset:43% 0 0;background:var(--color-cyan);animation:liquid 4s ease-in-out infinite}.tube span{position:absolute;inset:15px 0 auto;text-align:center;font:9px var(--font-mono)}.lab-bot{position:absolute;right:0;bottom:16%;transform:rotate(5deg);animation:flask-float 5s ease-in-out infinite}.bench-base{position:absolute;inset:auto 1% 12%;height:48px;border:1px solid var(--color-rule-strong);border-top:3px solid var(--color-cyan);border-radius:5px 5px 16px 16px;background:var(--color-panel);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 12px 0 var(--color-shadow)}.bench-base>span{font:10px var(--font-mono);letter-spacing:1px;color:var(--color-muted)}.bench-lights{display:flex;gap:8px}.bench-lights i{width:5px;height:5px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}.bench-lights i:nth-child(2){animation-delay:.5s}.bench-lights i:nth-child(3){animation-delay:1s}.reaction-trigger{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:0;border-bottom:1px solid var(--color-cyan);background:none;padding:10px 0;color:var(--color-cyan);font:14px var(--font-body);white-space:nowrap}.reacting .bubble{animation-duration:1s}.reacting .scene-orbit{border-color:var(--color-cyan);box-shadow:0 0 45px var(--color-cyan-soft)}.ticker-band{border-block:1px solid var(--color-rule);overflow:clip;padding-block:20px;font:600 24px var(--font-mono);color:var(--color-muted);background:var(--color-panel)}.ticker-band>div{display:flex;gap:34px;align-items:center;white-space:nowrap;width:max-content;animation:ticker 30s linear infinite}.ticker-band span{color:var(--color-cyan)}.reaction-story{height:270svh;--reaction-progress:0}.story-pin{position:sticky;top:88px;height:calc(100svh - 88px);min-height:680px;padding-block:54px;display:flex;flex-direction:column;justify-content:center;gap:36px}.story-pin header{max-width:900px;margin-inline:auto;text-align:center}.story-pin h2{font-size:clamp(44px,4.5vw,72px);margin:20px 0}.story-pin h2 span{color:var(--color-cyan)}.story-pin p{font-size:19px;color:var(--color-muted);max-width:600px;margin:0 auto 18px}.story-bench{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.2fr) 60px minmax(0,1fr);align-items:center;max-width:960px;width:100%;margin-inline:auto;position:relative;min-height:265px}.story-reagent{display:flex;align-items:center;flex-direction:column;gap:24px;text-align:center;color:var(--color-accent);padding:24px 12px;position:relative;z-index:2}.story-reagent>span{font:11px var(--font-mono);letter-spacing:1px;color:var(--color-muted)}.story-reagent b{font:14px var(--font-body);color:var(--color-muted)}.r-two{opacity:calc(.25 + var(--reaction-progress)*.75);transform:scale(calc(.85 + var(--reaction-progress)*.15))}.story-connector{height:1px;background:var(--color-rule);position:relative;display:flex;justify-content:space-between}.story-connector i{width:5px;height:5px;background:var(--color-cyan);position:relative;top:-2px;animation:pulse 2s infinite}.story-connector i:nth-child(2){animation-delay:.6s}.story-vessel{position:relative;width:100%;max-width:270px;justify-self:center;transform:scale(calc(.8 + var(--reaction-progress)*.2)) rotate(calc(var(--reaction-progress)*-12deg));transition:transform .12s linear}.story-vessel img{width:100%;position:relative;z-index:2}.vessel-rings{position:absolute;inset:14%;border:1px solid var(--color-cyan);border-radius:50%;transform:scale(calc(.8 + var(--reaction-progress)*.8));opacity:calc(.1 + var(--reaction-progress)*.7)}.bench-rule{position:absolute;bottom:0;left:0;right:0;height:18px;border-top:2px solid var(--color-rule-strong);background:var(--color-panel)}.notebook-section{background:var(--color-light);color:var(--color-light-ink);padding-block:110px;color-scheme:light}.notebook-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;align-items:center}.notebook-section .eyebrow{color:var(--color-light-muted)}.notebook-section h2{font-size:clamp(42px,4vw,66px);margin:24px 0}.notebook-section p{font-size:19px;color:var(--color-light-muted);max-width:480px;margin-bottom:30px}.notebook-section .px-btn{background:var(--color-light-ink);border-color:var(--color-light-ink);color:var(--color-light)}.notebook-sheet{border:1px solid var(--color-light-rule);background:var(--color-light);position:relative;padding:40px 40px 40px 62px;border-radius:4px;transform:rotate(2deg);box-shadow:12px 14px 0 var(--color-light-rule)}.sheet-binding{position:absolute;inset:0 auto 0 18px;display:flex;flex-direction:column;justify-content:space-around}.sheet-binding i{width:10px;height:10px;border-radius:50%;background:var(--color-light-rule)}.sheet-top{display:flex;justify-content:space-between;align-items:center;font:11px var(--font-mono);color:var(--color-light-muted)}.notebook-sheet h3{font-size:34px;margin:28px 0}.notebook-sheet dl{margin:0}.notebook-sheet dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--color-light-rule);padding:16px 0;font-size:15px}.notebook-sheet dt{font:12px var(--font-mono);color:var(--color-light-muted)}.notebook-sheet dd{margin:0}.hand-note{font:500 17px/1.5 var(--font-mono);margin:24px 0 0;color:var(--color-light-muted)}.agent-section{padding-block:110px}.agent-section>header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:18px 9%;align-items:end;margin-bottom:46px}.agent-section>header>.eyebrow{grid-column:1/-1}.agent-section h2{font-size:clamp(42px,4vw,66px)}.agent-section h2 span{color:var(--color-accent)}.agent-section header p{font-size:19px;color:var(--color-muted);max-width:400px}.lab-partners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.lab-partner{padding:22px 0 26px;border-top:1px solid var(--color-rule)}.partner-portrait{height:130px;display:grid;place-items:center;color:var(--color-accent);background:var(--color-panel);border-radius:70% 60% 60% 70%;max-width:180px;margin-bottom:24px;transition:transform .3s}.lab-partner:nth-child(even) .partner-portrait{color:var(--color-cyan);background:var(--color-cyan-soft)}.lab-partner:hover .partner-portrait{transform:rotate(-5deg)}.lab-partner h3{font-size:28px;margin:12px 0}.lab-partner p{font-size:15px;color:var(--color-muted);line-height:1.65;min-height:75px}.partner-link{display:block;font:13px var(--font-mono);margin-top:20px;color:var(--color-cyan)}.lab-close{padding-block:80px 100px;border-top:1px solid var(--color-rule);display:flex;align-items:center;justify-content:space-between;gap:40px}.lab-close>div:first-child{color:var(--color-accent)}.lab-close h2{font-size:clamp(44px,4vw,66px);margin-top:18px}.lab-close h2 span{color:var(--color-accent)}.lab-footer{padding-block:48px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--color-rule);font-size:14px}.lab-footer>div>span{display:block;color:var(--color-muted);margin-top:12px}.lab-footer>a{display:flex;align-items:center;gap:8px;white-space:nowrap}.lab-footer small{color:var(--color-dim)}[data-fade]{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}[data-fade].is-in{opacity:1;transform:none}.notebook-sheet.is-in{transform:rotate(2deg)}.loading-state,.empty{padding:80px 0}.skip{position:fixed;top:-100px;left:18px;z-index:90;background:var(--color-accent);color:var(--color-paper);padding:12px}.skip:focus{top:12px}.launch-head,.page-head{padding:46px 0 34px}.launch-head h1,.page-head h1,.px-title{font:600 clamp(42px,4vw,66px)/1.1 var(--font-display);letter-spacing:-2px}.launch-head p,.page-head p,.room-hero p{font:18px/1.7 var(--font-body);color:var(--color-muted);max-width:680px}.field input,.field textarea,.field select{font:16px/1.6 var(--font-body);border-radius:6px;padding:12px}.field>span{font:14px var(--font-body)}.ls{clip-path:none;border-radius:12px}.ls-h h2{font:500 24px var(--font-display)}.ls-h p{font:15px var(--font-body)}.coin-preview{border-radius:12px}.room-hero{padding-block:40px}.room-hero h1{font:600 42px var(--font-display)}.role b{font-family:var(--font-display);font-size:18px}.task .item{font:16px/1.8 var(--font-body)}.room-grid .panel{border-radius:10px}.protocol-step{border-top:1px solid var(--color-rule);padding:30px 0}.protocol-step h2{font-size:30px;margin:12px 0}.protocol-step p{font:18px/1.7 var(--font-body);color:var(--color-muted)}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes flask-float{50%{translate:0 -10px}}@keyframes bubble-rise{0%{translate:0 0;opacity:0}15%{opacity:.8}100%{translate:10px -100px;opacity:0}}@keyframes liquid{50%{inset-block-start:33%}}@keyframes pulse{50%{opacity:.25}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:1100px){.nav-links{gap:18px}.wallet-button{display:none}.nav-row{gap:18px}.lab-hero{gap:2%}.hero-copy h1{font-size:72px}.hero-copy p{font-size:18px}.reaction-equation{font-size:11px;gap:9px}.lab-bot svg{width:80px}.hero-actions{gap:18px}.lab-partners{grid-template-columns:repeat(3,minmax(0,1fr))}.notebook-layout{gap:7%}.notebook-sheet{padding:32px 28px 32px 46px}}
@media(max-width:800px){.nav-links{display:none}.nav-end{margin-left:auto}.menu-button{display:block}.lab-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;padding-top:30px}.hero-copy h1{font-size:58px}.hero-copy p{font-size:17px}.hero-actions .text-link{font-size:13px}.hero-note{display:none}.reaction-equation{font-size:10px;gap:6px}.tube{width:22px;height:92px}.tube-two{height:70px}.lab-bot svg{width:62px}.bench-base{height:35px;padding-inline:10px}.bench-base>span{font-size:8px}.notebook-layout{grid-template-columns:1fr;gap:48px}.notebook-sheet{max-width:620px;margin-inline:auto;width:100%}.notebook-section{padding-block:70px}.agent-section{padding-block:70px}.agent-section>header{grid-template-columns:1fr;gap:24px}.lab-partners{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-close{flex-wrap:wrap}.lab-footer{flex-wrap:wrap}.lab-footer>div{width:100%}.story-bench{grid-template-columns:minmax(0,1fr) 24px minmax(0,1.2fr) 24px minmax(0,1fr)}.story-reagent b{font-size:12px}.story-reagent svg{width:60px}}
@media(max-width:600px){.lab-top,.nav-row{height:74px}.logo-crop{width:38px;height:38px}.brand b{font-size:30px}.nav-row{gap:12px}.nav-end{gap:7px}.nav-end>.px-btn{display:none}.social-icon{width:36px;height:36px}.social-icon svg{width:20px}.mobile-menu.open{top:74px}#view{padding-top:74px}.lab-hero{grid-template-columns:1fr;padding-block:28px 34px;gap:14px}.hero-copy h1{font-size:clamp(60px,16vw,84px);margin-block:22px;line-height:1}.hero-copy p{font-size:18px;max-width:480px}.hero-copy h1 br:first-child{display:none}.hero-actions{gap:20px}.hero-actions .text-link{font-size:14px}.hero-actions .px-btn{font-size:15px;padding:14px 20px}.reaction-scene{max-width:460px;width:100%;margin-inline:auto;aspect-ratio:1.03}.reaction-flask{width:78%;left:10%}.reaction-equation{font-size:11px;gap:9px}.tube{width:26px;height:100px}.tube-two{height:78px}.lab-bot svg{width:74px}.bench-base{height:38px}.bench-base>span{font-size:9px}.reaction-trigger{font-size:13px}.ticker-band{font-size:18px;padding-block:15px}.reaction-story{height:240svh}.story-pin{top:74px;height:calc(100svh - 74px);min-height:590px;padding-block:36px;gap:26px}.story-pin h2{font-size:40px;margin-block:20px}.story-pin p{font-size:17px}.story-pin .eyebrow{font-size:10px}.story-bench{grid-template-columns:minmax(0,1fr) 10px minmax(0,1.3fr) 10px minmax(0,1fr);min-height:190px}.story-reagent{gap:15px;padding-inline:0}.story-reagent svg{width:48px;height:55px}.story-reagent>span{font-size:8px}.story-reagent b{font-size:10px}.story-vessel{min-width:0}.notebook-section h2,.agent-section h2,.lab-close h2{font-size:42px}.notebook-section p,.agent-section header p{font-size:17px}.notebook-sheet{padding:30px 22px 30px 42px;transform:none;box-shadow:6px 8px 0 var(--color-light-rule)}.notebook-sheet.is-in{transform:none}.notebook-sheet h3{font-size:29px}.notebook-sheet dl>div{grid-template-columns:1fr;gap:7px}.notebook-sheet dd{font-size:14px}.sheet-top{font-size:9px}.lab-partners{gap:20px}.partner-portrait{height:106px;max-width:150px}.partner-portrait svg{width:60px}.lab-partner h3{font-size:24px}.lab-partner p{font-size:14px;min-height:0}.partner-link{font-size:11px}.lab-close{padding-block:54px;gap:24px}.lab-close>div:first-child{display:none}.lab-close .eyebrow{font-size:10px}.lab-footer{gap:24px;font-size:13px}.px-btn{font-size:15px}.launch-head h1,.page-head h1{font-size:40px}.launch-head p,.page-head p{font-size:17px}.room-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reaction-story{height:auto}.story-pin{position:relative;top:0;height:auto;min-height:0;padding-block:64px}[data-fade]{opacity:1;transform:none}.ticker-band>div{transform:none}}

.workbench{padding-block:40px 80px}.workbench-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.workbench-head h1{font-size:clamp(48px,4.8vw,72px);margin-top:16px}.workbench-head h1 span{color:var(--color-cyan)}.workbench-head>div:last-child{max-width:310px}.workbench-head p{font-size:18px;color:var(--color-muted);margin-bottom:18px}.workbench-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.scientist-roster{position:sticky;top:112px;border:1px solid var(--color-rule);border-radius:12px;background:var(--color-panel);padding:18px 10px}.roster-caption{display:flex;justify-content:space-between;gap:10px;padding:8px 12px 18px;font:11px var(--font-mono);color:var(--color-muted)}.roster-caption b{color:var(--color-cyan);font-weight:400}.scientist-roster>button{display:flex;width:100%;gap:14px;align-items:center;text-align:left;padding:16px 12px;border:0;border-left:2px solid var(--color-clear);border-radius:4px;background:none;min-height:80px;color:var(--color-muted)}.scientist-roster>button>svg{flex:none;color:var(--color-accent)}.scientist-roster>button b{display:block;font:600 18px var(--font-display);color:var(--color-ink)}.scientist-roster>button small{display:block;font:11px var(--font-body);margin-top:6px}.scientist-roster>button i{font-style:normal;margin-left:auto;color:var(--color-cyan)}.scientist-roster>button.on{background:var(--color-panel-raised);border-left-color:var(--color-cyan)}.scientist-roster>button:hover{background:var(--color-panel-raised)}.roster-launch{border-top:1px solid var(--color-rule);display:flex;align-items:center;gap:16px;padding:22px 12px 6px;font:13px var(--font-body);margin-top:12px}.roster-launch img{width:44px}.experiment-desk{min-width:0;padding:34px 40px 44px;border-radius:14px;background:var(--color-light);color:var(--color-light-ink);color-scheme:light}.desk-tabs{display:flex;gap:24px;border-bottom:1px solid var(--color-light-rule);padding-bottom:14px;margin-bottom:32px}.desk-tabs button{border:0;background:none;font:500 15px var(--font-body);padding:5px 0;color:var(--color-light-muted);white-space:nowrap;position:relative}.desk-tabs button.on{color:var(--color-light-ink)}.desk-tabs button.on:after{content:'';position:absolute;left:0;right:0;bottom:-15px;height:3px;background:var(--color-light-ink)}.desk-tabs button span{display:inline-block;background:var(--color-light-rule);border-radius:4px;padding:0 5px;font-size:11px;margin-left:4px}.desk-agent{display:flex;align-items:center;gap:22px;margin-bottom:28px}.desk-agent>svg{flex:none;color:var(--color-light-ink)}.desk-agent h2{font-size:36px;margin:8px 0 12px}.desk-agent p{color:var(--color-light-muted);font-size:16px;max-width:580px}.experiment-desk .eyebrow{color:var(--color-light-muted)}.example-notice{padding:15px 18px;border:1px solid var(--color-light-rule);border-radius:8px;margin-bottom:28px;display:flex;align-items:start;gap:20px}.example-notice span{font:10px/1.7 var(--font-mono);letter-spacing:.5px;flex:none}.example-notice p{font-size:13px;color:var(--color-light-muted);line-height:1.6}.experiment-desk label{display:block;font:500 15px var(--font-body);margin-bottom:22px}.experiment-desk input,.experiment-desk textarea,.experiment-desk select{display:block;resize:vertical;width:100%;padding:13px 15px;border:1px solid var(--color-light-rule);background:var(--color-light);border-radius:8px;margin-top:10px;color:var(--color-light-ink);font:16px/1.6 var(--font-body)}.experiment-variables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.experiment-desk .px-btn{background:var(--color-light-ink);color:var(--color-light);border-color:var(--color-light-ink)}.experiment-desk .text-link{color:var(--color-light-ink)}.experiment-desk .px-btn.ghost{background:none;color:var(--color-light-ink)}.experiment-results:empty{display:none}.experiment-results{margin-top:36px;border-top:1px solid var(--color-light-rule);padding-top:30px}.results-heading h3{font-size:28px;margin:12px 0 24px}.result-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.result-pair>article{padding:22px;border:1px solid var(--color-light-rule);border-radius:8px}.variant-letter{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--color-light-rule);border-radius:50%;font:13px var(--font-mono);margin-bottom:18px}.result-pair p{font:15px/1.8 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}.result-actions{display:flex;align-items:center;gap:24px;margin-top:26px;flex-wrap:wrap}.notebook-view-head h2{font-size:36px;margin:16px 0}.notebook-view-head p{color:var(--color-light-muted);font-size:16px;margin-bottom:30px}.saved-experiment{border-top:1px solid var(--color-light-rule);padding:28px 0}.saved-experiment header{display:flex;justify-content:space-between;gap:20px;align-items:center;font:11px var(--font-mono);color:var(--color-light-muted)}.saved-experiment h3{font-size:27px;line-height:1.2;margin:20px 0 12px}.trial-context{color:var(--color-light-muted);font-size:13px;margin-bottom:22px}.saved-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.notebook-empty{padding:42px 0;text-align:center}.notebook-empty img{width:90px}.notebook-empty h3{font-size:28px;margin:14px 0}.notebook-empty p{font-size:16px;color:var(--color-light-muted);margin-bottom:26px}.token-lab-row{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--color-light-rule)}.token-lab-row b{font:600 21px var(--font-display)}.token-lab-row small{margin-left:auto;font-size:12px}.field-guide{padding-block:48px 80px}.guide-head h1{font-size:clamp(48px,5vw,74px);margin:22px 0}.guide-head h1 span{color:var(--color-cyan)}.guide-head p{font-size:20px;color:var(--color-muted);max-width:720px;margin-bottom:48px}.guide-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12%}.guide-layout aside{position:sticky;top:140px;align-self:start;color:var(--color-accent)}.guide-layout aside p{font-size:18px;color:var(--color-muted);margin:26px 0}.guide-note{border-top:1px solid var(--color-rule);padding-top:40px;margin-top:70px;max-width:820px}.guide-note h3{font-size:32px;margin-bottom:20px}.guide-note p{font-size:18px;color:var(--color-muted);margin-bottom:22px}.pg-head .lead{font:18px/1.8 var(--font-body)}.hc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hc{clip-path:none;border-radius:10px}.pg .bar{flex-wrap:wrap}.filter{flex-wrap:wrap}.chip{clip-path:none;border-radius:5px;font:13px var(--font-body)}
@media(max-width:1100px){.workbench-shell{grid-template-columns:240px minmax(0,1fr);gap:20px}.experiment-desk{padding:28px}.example-notice{display:block}.example-notice p{margin-top:8px}.scientist-roster>button{gap:10px;padding-inline:9px}.scientist-roster>button b{font-size:17px}.scientist-roster>button small{font-size:10px}}
@media(max-width:800px){.workbench-shell{grid-template-columns:1fr}.scientist-roster{position:relative;top:0;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.roster-caption{grid-column:1/-1}.roster-launch{grid-column:1/-1;padding-block:14px 0}.scientist-roster>button small{font-size:11px}.experiment-desk{padding:32px}.workbench-head h1{font-size:56px}.guide-layout{grid-template-columns:1fr;gap:40px}.guide-layout aside{position:relative;top:0}.guide-layout aside svg{width:100px;height:110px}.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.workbench{padding-block:30px 60px}.workbench-head{display:block;margin-bottom:28px}.workbench-head h1{font-size:50px}.workbench-head>div:last-child{margin-top:24px;max-width:none}.workbench-head p{font-size:17px}.scientist-roster{padding:14px;gap:4px}.scientist-roster>button{gap:8px;padding:12px 6px;min-height:76px}.scientist-roster>button>svg{width:27px}.scientist-roster>button b{font-size:15px}.scientist-roster>button small{font-size:10px;line-height:1.4}.scientist-roster>button i{display:none}.experiment-desk{padding:22px 18px;border-radius:10px}.desk-tabs{gap:18px}.desk-tabs button{font-size:13px}.desk-agent{gap:15px}.desk-agent>svg{width:40px}.desk-agent h2{font-size:30px}.desk-agent p{font-size:15px}.experiment-variables,.result-pair,.saved-directions{grid-template-columns:1fr;gap:0}.experiment-desk label{font-size:14px}.experiment-desk .px-btn{font-size:14px;padding:14px 18px;gap:14px}.result-pair{gap:14px}.results-heading h3{font-size:26px}.notebook-view-head h2{font-size:30px}.token-lab-row{flex-wrap:wrap}.token-lab-row small{margin-left:0}.guide-head h1{font-size:44px}.guide-head p{font-size:18px}.hc-grid{grid-template-columns:1fr}.saved-experiment h3{font-size:24px}.result-actions{gap:20px}}

.logo-crop img{transform:scale(1.5)}
.reaction-products{position:absolute;left:67%;top:0;display:flex;flex-direction:column;gap:7px;pointer-events:none;opacity:clamp(0,(var(--reaction-progress) - .55)*4,1);transform:translateY(calc(32px - var(--reaction-progress)*32px)) rotate(-4deg);transition:opacity .2s,transform .2s}
.reaction-products span{display:block;font:12px var(--font-mono);padding:7px 12px;border:1px solid var(--color-rule-strong);border-radius:4px;background:var(--color-panel);color:var(--color-cyan);white-space:nowrap}
.reaction-products span:nth-child(2){translate:20px 0;color:var(--color-accent)}
.reaction-products span:nth-child(3){translate:-8px 0}
.reaction-story[data-stage="1"] .story-connector,.reaction-story[data-stage="2"] .story-connector{background:var(--color-cyan)}
.reaction-story[data-stage="2"] .r-two{color:var(--color-cyan)}
@media(max-width:600px){.reaction-products{left:auto;right:0;top:-16px;gap:4px}.reaction-products span{font-size:8px;padding:5px 7px}.reaction-products span:nth-child(2){translate:4px 0}}