:root{--paper:#f5f1e7;--ink:#33564a;--muted:#819078;--line:#d9dfce;--sage:#8ba77e;--rose:#c89486;--plum:#a695b5;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,a,select{touch-action:manipulation}button,select{font:inherit;color:inherit;background:#faf9f0;border:1px solid #ccd6c0;border-radius:8px;min-height:38px;padding:8px 12px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#e9eddf}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b09055;outline-offset:3px}a{color:inherit;text-decoration:none}header{max-width:1290px;margin:auto;padding:23px 34px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:31px Georgia,serif;letter-spacing:-.7px}.brand span{color:#99a788;font-size:30px;margin-right:7px}.mast{font-size:8px;letter-spacing:2px;color:#8c9a7e}header button{border:0;background:transparent;font-size:11px}main{max-width:1290px;margin:auto;padding:0 34px}.intro{display:flex;justify-content:space-between;align-items:center;padding:32px 0 27px;gap:25px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:600;color:#849576;margin:0 0 9px}h1{font:45px/1.08 Georgia,serif;letter-spacing:-1px;margin:0}h1 em{font-weight:400;color:#a2887d}h2{font:26px/1.2 Georgia,serif;letter-spacing:-.4px;margin:0}.intro>p{font-size:12px;line-height:1.9;color:#829176}.guide{padding:23px 28px;background:#e7ecdd;border-radius:16px;max-width:980px;margin-bottom:23px;line-height:1.8}.guide p{font-size:12px}.guide .small{font-size:10px;color:#7b8a6d}#jobs{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:22px}#jobs button{background:transparent;border-color:transparent;font-size:10px;padding:9px 8px;text-align:left;display:flex;align-items:center;gap:6px}#jobs button[aria-current=true]{background:#e5ebd9;border-color:#a4b594}#jobs img{width:29px;height:29px;object-fit:contain}#jobs small{font-size:7px;color:#95a184;letter-spacing:1px;display:block;margin-top:3px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.instrument{border:1px solid #d4ddc7;border-radius:20px;background:#fbfaf2;overflow:hidden}.instrumentHead{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 26px 0}.instrumentHead .eyebrow{font-size:7px;margin-bottom:7px}.seal{font-size:7px;letter-spacing:1px;background:#eeeddf;color:#8a927e;padding:7px 10px;border-radius:20px;white-space:nowrap}.seal.earned{background:#e3ebd5;color:#6c8159}.chainWrap{padding:0 6px}.chainWrap canvas{width:100%;height:auto;display:block;aspect-ratio:760/270}.motionControls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 25px 15px}.motionControls>div{display:flex;gap:6px}.motionControls button{font-size:10px;padding:7px 10px;min-height:33px;background:transparent}.branches{border:1px solid #d5ddc9;border-radius:9px;padding:3px}.branches button{border:0;min-height:26px;padding:5px 10px}.branches button[aria-pressed=true]{background:#e5ebd8;color:#4e7045}.waveControl{display:grid;grid-template-columns:140px 1fr 33px;align-items:center;gap:15px;margin:0 26px 20px;font-size:10px}.waveControl label{color:#718465}.waveControl label span{font-size:8px;color:#93a283;display:block;margin-top:3px}.waveControl output{font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.waveControl input{width:100%;accent-color:#7b986c;cursor:pointer}.readouts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 6px;margin:0 26px;border-top:1px solid #e1e5d6;border-bottom:1px solid #e1e5d6;text-align:center}.readouts span{display:block;font-size:6px;letter-spacing:1px;color:#8c9b7e;margin-bottom:5px}.readouts strong{font:23px Georgia,serif;font-variant-numeric:tabular-nums}.plotHead{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;margin:20px 27px 0;color:#819475}.legend{display:flex;align-items:center;gap:5px;letter-spacing:0}.legend i{width:12px;height:8px;background:#f0ded3;border:1px solid #dfc3b5}#plot{display:block;width:100%;height:auto;aspect-ratio:760/330;touch-action:manipulation;cursor:crosshair}.instrumentFoot{display:flex;align-items:center;gap:15px;justify-content:space-between;border-top:1px solid #e0e4d4;margin:0 25px;padding:15px 0 21px;min-height:70px}.instrumentFoot p{font-size:11px;line-height:1.7;color:#7e9070;margin:0}.instrumentFoot button{font-size:10px;white-space:nowrap}.recipe{background:#fbfaf2;border:1px solid #d4ddc7;border-radius:18px;padding:24px 23px}.recipe h2{font-size:24px}.recipe>#tip{font-size:11px;line-height:1.7;color:#829174;min-height:38px;margin:11px 0 18px}.budget{display:flex;justify-content:space-between;padding:10px 11px;background:#e9eede;border-radius:7px;font-size:10px}.budget.over{background:#f2ddd2;color:#a57561}.cellChoice{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:18px 4px 17px}.cellChoice>div:not(.cellLink){display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.cellChoice img{width:65px;height:65px;object-fit:contain}.cellChoice strong{font:13px Georgia,serif}.cellChoice>div>span{font:9px Georgia,serif;color:#8ea07e}.cellLink{font:30px Georgia,serif;color:#b39a66;text-align:center}.cellLink small{display:block;font:6px system-ui;letter-spacing:1px;color:#9ca688}.weightGroup{margin-bottom:15px}.weightGroup>label{font-size:10px;color:#7d906d;display:block;margin-bottom:8px}.weights{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.weights button{padding:7px 4px;min-height:62px;background:#f8f8ed;border-color:#dfe4d3;border-radius:7px;font-size:8px;line-height:1.5}.weights img{display:block;width:30px;height:30px;object-fit:contain;margin:auto auto 3px}.weights small{display:block;color:#9da88e;font-size:7px}.weights button[aria-pressed=true]{background:#e6edda;border-color:#90a979;box-shadow:0 0 0 1px #90a979}.springChoices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.springChoices label{font-size:10px;color:#829572}.springChoices select{display:block;width:100%;font-size:10px;min-height:35px;margin-top:6px;padding:7px 8px}.invitation{border-top:1px solid #dfe5d3;padding-top:18px}.invitation .eyebrow{font-size:7px;margin-bottom:10px}.target{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;padding:6px 0;color:#829173}.target span:first-child{display:flex;align-items:center;gap:6px}.target i{width:6px;height:6px;border-radius:50%;background:#cda191}.target.travel i{background:#8ea87d}.target b{font-weight:400;font-size:9px;color:#b08b76}.target.good b{color:#789560}.primary{background:var(--ink);border-color:var(--ink);color:#fcf7e9}.primary:hover:not(:disabled){background:#52705a}#check{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:13px}.recipeTools{display:flex;gap:6px;justify-content:space-between;margin-top:11px}.recipeTools button{font-size:9px;min-height:32px;padding:7px 9px}.coach{font-size:10px;line-height:1.8;color:#889779;background:#efefe1;border-radius:8px;padding:12px;margin:14px 0 0}.shelf{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 25px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shelf h2{font-size:24px}#shelf{display:flex;justify-content:flex-end;gap:12px;flex:1}.shelfSeal{width:45px;text-align:center;font-size:8px;color:#94a082;opacity:.45}.shelfSeal img{width:42px;height:42px;object-fit:contain;display:block;margin:0 auto 4px;filter:grayscale(.8)}.shelfSeal.earned{opacity:1}.shelfSeal.earned img{filter:none}.shelfSeal.earned span{color:#758b5e}footer{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px;font-size:10px;color:#8e9b7f}footer a{text-decoration:underline;text-underline-offset:3px}[hidden]{display:none!important}@media(max-width:1120px){.layout{grid-template-columns:minmax(0,1fr) 315px;gap:18px}.recipe{padding:23px 18px}.motionControls{margin:0 18px 15px;gap:6px}.motionControls button{font-size:9px;padding:6px 8px}.waveControl{margin:0 20px 18px;grid-template-columns:100px 1fr 33px;gap:10px}.instrumentHead{padding:23px 22px 0}.instrumentHead h2{font-size:23px}.seal{font-size:6px;padding:6px 8px}#jobs{gap:3px}#jobs button{font-size:9px;padding:7px 4px;gap:5px}#jobs img{width:26px;height:26px}#shelf{gap:8px}.shelf h2{font-size:21px}.shelfSeal{width:38px}.shelfSeal img{width:35px;height:35px}.mast{display:none}}@media(max-width:900px){main{padding:0 24px}header{padding:20px 24px}.layout{grid-template-columns:1fr}.recipe{padding:25px}.recipe>#tip{min-height:0}.weights img{width:40px;height:40px}.weights button{font-size:10px}.weights small{font-size:8px}.cellChoice{justify-content:center;gap:35px}.cellChoice img{width:80px;height:80px}.weightGroup{margin:15px 0}.springChoices select{font-size:12px}.target{font-size:12px}.recipeTools{justify-content:flex-start;gap:10px}.recipeTools button{font-size:11px}.motionControls{margin:0 25px 18px}.motionControls button{font-size:11px;padding:7px 12px}.readouts span{font-size:8px}.plotHead{font-size:8px}#shelf{gap:8px}.shelf h2{max-width:260px}#jobs{grid-template-columns:repeat(4,1fr);gap:6px}#jobs button{font-size:10px;padding:8px}.intro h1{font-size:43px}}@media(max-width:600px){header{padding:17px 18px}.brand{font-size:27px}.brand span{font-size:27px;margin-right:3px}header button{font-size:10px;padding:5px}main{padding:0 14px}.intro{display:block;padding:27px 4px 19px}.intro h1{font-size:39px}.intro>p{font-size:11px;margin:16px 0 0}#jobs{gap:3px;margin-bottom:16px}#jobs button{font-size:8px;padding:7px 4px;gap:4px}#jobs img{width:22px;height:22px}#jobs small{font-size:6px;letter-spacing:.7px}.instrument{border-radius:16px}.instrumentHead{padding:20px 18px 0;align-items:flex-start;gap:8px}.instrumentHead h2{font-size:23px;max-width:210px}.instrumentHead .eyebrow{font-size:6px;letter-spacing:1.2px}.seal{font-size:6px;padding:6px 7px;max-width:80px;text-align:center;white-space:normal}.chainWrap{padding:10px 0 0}.motionControls{margin:0 14px 16px;flex-wrap:wrap;gap:9px}.motionControls button{font-size:9px;min-height:30px;padding:6px 9px}.branches{padding:2px}.branches button{min-height:24px;padding:5px 9px}.motionControls>div{gap:5px}.waveControl{grid-template-columns:93px 1fr 29px;margin:0 18px 17px;gap:8px;font-size:9px}.waveControl label span{font-size:7px}.waveControl output{font-size:10px}.readouts{margin:0 16px;gap:5px;padding:14px 0}.readouts span{font-size:5px;letter-spacing:.6px}.readouts strong{font-size:21px}.plotHead{margin:17px 19px 0;font-size:6px;letter-spacing:1px}.legend{font-size:6px}.instrumentFoot{margin:0 17px;padding:13px 0 18px;display:block}.instrumentFoot p{font-size:10px}.instrumentFoot button{margin-top:12px;font-size:10px}.recipe{padding:23px 20px}.recipe h2{font-size:25px}.recipe>#tip{font-size:11px}.weights img{width:34px;height:34px}.weights button{font-size:9px}.weights small{font-size:7px}.cellChoice{gap:22px}.cellChoice img{width:65px;height:65px}.cellLink{font-size:27px}.springChoices select{font-size:10px}.target{font-size:11px}.shelf{display:block;padding:24px 5px;margin-top:26px}.shelf h2{font-size:23px;max-width:100%}#shelf{margin-top:20px;justify-content:space-between;gap:3px}.shelfSeal{width:35px;font-size:7px}.shelfSeal img{width:33px;height:33px}footer{display:block;font-size:9px;line-height:2;margin:0 3px 23px}footer span{display:block}.guide{padding:22px}.guide p{font-size:11px}.guide .small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
