*{box-sizing:border-box}body{margin:0;background:#f4f3e9;color:#263f3e;font:16px/1.55 Georgia,serif}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #cdd6c5;background:#fffdf2;border-radius:12px;padding:10px 16px;transition:transform .15s,background .15s}button:hover:not(:disabled){background:#edf2e3;transform:translateY(-2px)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #247d7d;outline-offset:4px}button:disabled{opacity:.45;cursor:default}button[hidden],[hidden]{display:none!important}main{max-width:1120px;margin:auto;padding:24px 34px}header{display:flex;justify-content:space-between;align-items:center}.wordmark{font:700 15px system-ui;letter-spacing:5px}header button{font:13px system-ui;background:transparent;border-color:transparent}.intro{text-align:center;margin:35px 0 22px}.eyebrow{font:700 10px system-ui;letter-spacing:2.4px;color:#638278;margin:0 0 9px}h1{font-weight:400;font-size:clamp(32px,5vw,54px);line-height:1.15;margin:0 0 12px}.intro>p:last-child{color:#6b7b70;margin:0}nav{display:flex;justify-content:center;gap:10px;margin-bottom:22px}nav button{width:42px;height:36px;padding:4px;border-radius:30px;font:13px system-ui}nav button[aria-current=true]{background:#2d5d54;color:white;border-color:#2d5d54}.workshop{border:1px solid #d7ddcb;border-radius:28px;overflow:hidden;background:#fffdf3;box-shadow:0 18px 60px #4b624b10}.scene{height:390px;position:relative;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#fcf8e5 10%,#edf3e6 70%)}.chapter{position:relative;z-index:3;padding-top:22px}.chapter>span{font:10px system-ui;letter-spacing:2px;color:#688177}.chapter h2{font-size:24px;font-weight:400;margin:3px}.targets{position:relative;z-index:3;display:flex;gap:18px;justify-content:center;margin:12px auto}.target{display:flex;gap:8px;align-items:center;font:11px system-ui;color:#60756b;opacity:.55}.target.active,.target.done{opacity:1}.swatch{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--swatch);border:3px solid #fffdf2;box-shadow:0 0 0 1px #beccb5;color:#263f3e}.target.active .swatch{box-shadow:0 0 0 2px #b79b52}.tree{position:absolute;width:240px;bottom:15px;mix-blend-mode:multiply;opacity:.68}.tree.left{left:0;transform:rotate(-8deg)}.tree.right{right:0;transform:scaleX(-1) rotate(-8deg)}.aura{position:absolute;left:50%;top:165px;width:220px;height:180px;transform:translateX(-50%);border-radius:50%;filter:blur(32px);opacity:.72;transition:background .25s}.unicorn{position:absolute;width:235px;height:235px;object-fit:contain;left:50%;top:138px;transform:translateX(-50%);mix-blend-mode:multiply;z-index:2}#arch{position:absolute;right:25px;bottom:15px;width:170px;mix-blend-mode:multiply;z-index:2}.blendlabel{position:absolute;z-index:4;bottom:12px;left:50%;transform:translateX(-50%);background:#fffdf3d9;padding:6px 24px;border-radius:30px;white-space:nowrap}.blendlabel span{font:9px system-ui;letter-spacing:2px;margin-right:12px;color:#738578}.blendlabel strong{font:12px system-ui}.grass{position:absolute;bottom:0;height:42px;width:100%;background:linear-gradient(transparent,#c2d3b12e)}.bench{padding:24px 34px}.benchhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.benchhead h2{font-size:21px;font-weight:400;margin:0}.benchhead label{font:10px system-ui;color:#627a6e;display:grid;gap:5px}select{padding:9px;border:1px solid #d1d9c7;border-radius:10px;background:#f4f5ea;font:12px system-ui}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:19px 0}.fruit{display:flex;align-items:center;flex-direction:column;padding:8px 5px 12px;background:#f8f8ee;border:1px solid #e1e5d5}.fruitart{display:block;width:74px;height:68px;border-radius:50%;background:radial-gradient(var(--dew),transparent 70%)}.fruitart img{width:74px;height:68px;object-fit:contain;mix-blend-mode:multiply}.fruit b{font:600 12px system-ui}.fruit small{font:10px system-ui;color:#6c7d70;margin-top:3px}.meterhead{display:flex;justify-content:space-between;font:11px system-ui;color:#6d806e;margin-bottom:13px}.channels{display:grid;gap:12px}.channel{display:flex;gap:12px;align-items:center;font:11px system-ui}.channel b{width:10px}.track{height:9px;background:#e8ebde;border-radius:20px;position:relative;flex:1}.range{position:absolute;height:17px;top:-4px;background:#ead48a;border-radius:3px;border:1px solid #bda34e}.dot{position:absolute;top:-3px;transform:translateX(-50%);width:15px;height:15px;background:#315c55;border:2px solid #fffdf2;border-radius:50%;box-shadow:0 0 0 1px #315c55}.preview{position:absolute;top:-4px;transform:translateX(-50%);width:5px;height:17px;background:#e08063;border-radius:3px}.numbers{width:108px;text-align:right}.numbers small{color:#7a8775;font-size:10px}.actions{display:flex;gap:9px;margin-top:23px}.actions button{font:12px system-ui;padding:12px 14px}.primary{background:#2e5e54;color:#fffdf0;border-color:#2e5e54}.primary:hover:not(:disabled){background:#214a43}.actions .primary{margin-left:auto}#message{font:13px/1.6 system-ui;color:#5c7766;min-height:42px;margin:15px 0 0}#next{margin-top:10px;font:13px system-ui}footer{display:flex;justify-content:space-between;gap:25px;color:#82907d;font:11px/1.7 system-ui;padding:20px 5px}details{max-width:420px}summary{cursor:pointer}a{color:#3b766e}dialog{max-width:520px;background:#fffdf3;color:#2b4b44;border:1px solid #ccd8c1;border-radius:22px;padding:32px;box-shadow:0 30px 100px #18382b33}dialog::backdrop{background:#244e444f;backdrop-filter:blur(5px)}dialog h2{font-size:27px;font-weight:400}dialog p{font:14px/1.7 system-ui}#closehelp{float:right;border:0;padding:0 5px;font-size:22px}@media(max-width:650px){main{padding:18px 14px}.intro{margin:26px 0 20px}.intro>p:last-child{font-size:13px}.scene{height:345px}.tree{width:155px;bottom:20px}.tree.left{left:-45px}.tree.right{right:-45px}.targets{gap:10px}.target{font-size:9px;gap:5px}.swatch{width:27px;height:27px}.unicorn{top:130px;width:200px;height:200px}.aura{top:160px;width:160px;height:140px}#arch{width:110px;right:-5px;bottom:28px}.bench{padding:21px 16px}.benchhead{align-items:flex-start}.benchhead h2{font-size:18px;max-width:170px}.benchhead .eyebrow{font-size:9px}select{max-width:145px}.palette{gap:6px}.fruitart,.fruitart img{width:58px;height:58px}.fruit b{font-size:10px}.fruit small{font-size:8px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.actions button{font-size:11px;padding:11px 5px}.actions .primary{grid-column:1/-1;margin:0}.numbers{width:95px}.channel{gap:9px}footer{flex-direction:column;gap:8px}.blendlabel{bottom:10px}.wordmark{font-size:12px;letter-spacing:3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}