:root{color-scheme:light;--page:#f6f5ee;--ink:#283e2b;--muted:#606954;--line:#e7e8df;--green:#34573a;font-family:"Trebuchet MS",Verdana,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #709e68;outline-offset:5px}.site-header{max-width:1240px;padding:30px 36px 22px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:8px;align-items:center;font-size:29px;font-weight:700;letter-spacing:-1.8px;text-decoration:none}.brand img{transform:rotate(-12deg)}.brand-dot{color:#9fb16b}.header-note{font-size:12px;letter-spacing:.1px;color:#626b59}.made-for-you{font-size:11px;display:flex;gap:8px;align-items:center;border:1px solid #dce2d4;padding:9px 13px;border-radius:30px;white-space:nowrap}.made-for-you>span{font-size:16px;color:#5b7a46}.intro{text-align:center;padding:34px 20px 30px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#657653;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 19px}.eyebrow>span{font-size:15px}h1{font-size:clamp(38px,4.4vw,62px);line-height:1.10;letter-spacing:-2.8px;font-weight:500;margin:0}h1 em{font-family:Georgia,"Times New Roman",serif;color:#688250;font-weight:400;letter-spacing:-2.4px}.intro-copy{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 0}.mobile-break{display:none}.atelier{max-width:1048px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);border:1px solid #dfe4d6;border-radius:23px;overflow:hidden;background:#fffefb;box-shadow:0 14px 42px -30px #35523942}.preview-panel{background:#e9efdf;position:relative;min-height:555px;display:flex;flex-direction:column;overflow:hidden}.preview-topline{padding:25px 28px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.live-label{display:flex;gap:7px;align-items:center;font-size:8px;font-weight:bold;letter-spacing:1.6px;color:#556644}.live-label>span{width:5px;height:5px;border-radius:100%;background:#73965b;box-shadow:0 0 0 4px #78995e15}.edition{font-size:10px;color:#5b6b49;letter-spacing:1px}.avocado-stage{position:relative;flex:1;display:grid;place-items:center;isolation:isolate;min-height:430px}.avocado-stage:before{content:"";width:340px;height:340px;position:absolute;border:1px solid #dce5cf;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#f3f6e96b 0%,#f3f6e900 72%)}.avocado-stage:after{content:"";position:absolute;width:410px;height:410px;border:1px dashed #dbe3ce;border-radius:50%;z-index:-1}.avocado{height:435px;width:100%;overflow:visible;--rim:#496b35;--skin:#98b452;--flesh:#e1e99c}.avocado[data-color=lime]{--rim:#627633;--skin:#b3c95f;--flesh:#edf0b6}.avocado[data-color=mint]{--rim:#41776a;--skin:#89bca1;--flesh:#d9ecd0}.avocado[data-color=peach]{--rim:#a37051;--skin:#e8ac88;--flesh:#f8dcad}.avocado[data-color=lilac]{--rim:#79648b;--skin:#b4a0c8;--flesh:#e7ddef}.avocado[data-color=sky]{--rim:#577c91;--skin:#9cbed0;--flesh:#dcebee}.avocado-body{transform-origin:250px 510px;animation:breathe 5s ease-in-out infinite}.avocado-shadow{transform-origin:250px 514px;animation:shadow-breathe 5s ease-in-out infinite}.stage-spark{position:absolute;color:#91a57a;pointer-events:none}.spark-one{font-size:32px;top:22%;left:14%;transform:rotate(-12deg)}.spark-two{font-size:25px;right:14%;top:61%;color:#a5b88c}.spark-three{font-size:12px;right:22%;top:17%}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#62734f;position:absolute;bottom:21%;left:9%;transform:rotate(-10deg)}.handwritten>span{display:block;font-size:30px;text-align:right;line-height:.8;transform:rotate(-15deg);padding-right:5px}.preview-caption{padding:0 20px 29px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;line-height:1.5;color:#50623f;text-align:center;min-height:46px}.tiny-star{font-size:10px;color:#96a97b}.controls-panel{padding:30px 34px 24px;min-width:0}.controls-intro h2{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:0 0 7px}.controls-intro p{font-size:11px;color:var(--muted);margin:0 0 25px}.option-group{border:0;padding:0;margin:0 0 25px;min-width:0}.option-group legend{font-size:12px;font-weight:bold;width:100%;margin-bottom:13px;padding:0;display:flex;align-items:center;gap:10px;line-height:1.5}.step{font-size:9px;color:#687356;font-weight:normal;letter-spacing:.5px}.pit-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pit-option,.color-option,.sticker-option{cursor:pointer;position:relative;display:block}.pit-option input,.color-option input,.sticker-option input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.pit-tile{border:1px solid var(--line);border-radius:10px;background:#fbfaf6;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px 9px;transition:border-color .15s,background .15s,transform .15s}.pit-tile svg{width:32px;height:35px}.pit-tile>span{font-size:9px;color:#6f7567}.pit-option:hover .pit-tile{background:#f1f3e9;transform:translateY(-2px)}.pit-option input:checked+.pit-tile{border-color:#7f9b6b;background:#edf2e5;box-shadow:inset 0 0 0 .5px #7f9b6b}.pit-option input:checked+.pit-tile>span{color:#3e6138}.pit-option input:focus-visible+.pit-tile,.color-option input:focus-visible+.color-dot,.sticker-option input:focus-visible+.sticker-tile{outline:3px solid #709e68;outline-offset:4px}.selected-label{margin-left:auto;font-size:9px;font-weight:normal;color:#566247;background:#f1f3eb;border-radius:5px;padding:2px 6px}.color-options{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 2px}.color-dot{position:relative;display:block;width:38px;height:38px;background:var(--swatch);border:5px solid #fffefb;border-radius:100%;box-shadow:0 0 0 1px transparent;transition:box-shadow .15s,transform .15s}.color-option:hover .color-dot{transform:scale(1.10)}.color-option input:checked+.color-dot{box-shadow:0 0 0 1.5px var(--swatch-border)}.color-option input:checked+.color-dot:after{content:"";width:9px;height:5px;border-left:1.5px solid #fffefb;border-bottom:1.5px solid #fffefb;transform:rotate(-45deg);position:absolute;top:10px;left:9px}.color-classic{--swatch:#879f59;--swatch-border:#6f864a}.color-lime{--swatch:#bbc77a;--swatch-border:#9ba761}.color-mint{--swatch:#9ebfa6;--swatch-border:#709f7c}.color-peach{--swatch:#e3b291;--swatch-border:#bf8b69}.color-lilac{--swatch:#b5a5c7;--swatch-border:#9682ac}.color-sky{--swatch:#a3bfce;--swatch-border:#779bad}.sticker-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.sticker-tile{display:grid;place-items:center;height:40px;border:1px solid var(--line);border-radius:8px;background:#fbfaf6;transition:background .15s,transform .15s,border-color .15s}.sticker-tile svg{width:27px;height:27px}.empty-sticker{font-size:20px;color:#b2b5a8;font-family:Arial,sans-serif}.sticker-option input:checked+.sticker-tile{border-color:#7f9b6b;background:#edf2e5;box-shadow:inset 0 0 0 .5px #7f9b6b}.sticker-option:hover .sticker-tile{transform:translateY(-2px);background:#f1f3e9}.sticker-group{margin-bottom:26px}.action-buttons{display:flex;gap:8px}.random-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:#35583a;color:#fffef5;border:1px solid #35583a;border-radius:9px;min-height:46px;font-size:12px;transition:background .15s,transform .15s}.random-button svg{width:18px;height:18px}.random-button>span{margin-left:auto;padding-right:15px;font-size:18px}.random-button>svg{margin-left:auto}.random-button:hover{background:#28492e;transform:translateY(-1px)}.random-button:active{transform:translateY(1px)}.reset-button{width:46px;flex-shrink:0;border:1px solid #e0e5d9;border-radius:9px;color:#6d8060;background:#fffefb;display:grid;place-items:center}.reset-button svg{width:19px;height:19px}.reset-button:hover{background:#eff3e7}.controls-footnote{font-size:9px;text-align:center;color:#667158;margin:14px 0 0}.below-atelier{font-size:11px;text-align:center;color:#636e55;margin:25px 20px 37px;line-height:1.7}.below-atelier>span{font-size:15px;vertical-align:-1px;margin-right:7px;color:#90a17c}.site-footer{border-top:1px solid #e3e6d9;max-width:1168px;margin:auto;padding:19px 0 24px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#677259}.site-footer>span:last-child>span{padding-left:5px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.noscript-note{font-size:12px;color:#654c2d;line-height:1.5}.is-shuffling .avocado-body{animation:shuffle .35s ease-in-out}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.12}50%{transform:scaleX(.91);opacity:.09}}@keyframes shuffle{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg) translateY(-6px)}75%{transform:rotate(5deg) translateY(-4px)}}
@media(min-width:1400px){.intro{padding-top:46px;padding-bottom:36px}.site-header{padding-top:34px}.below-atelier{margin-bottom:45px}}
@media(max-width:1100px){.atelier{margin-left:28px;margin-right:28px}.site-footer{margin-left:30px;margin-right:30px}.controls-panel{padding:28px 25px 24px}.sticker-options{gap:4px}.sticker-tile svg{width:24px;height:24px}.handwritten{left:6%}}
@media(max-width:800px){.site-header{padding:22px 24px 12px}.header-note{display:none}.intro{padding:30px 18px 25px}h1{font-size:48px;letter-spacing:-2px}.atelier{grid-template-columns:1fr;max-width:540px;margin:auto}.preview-panel{min-height:410px}.avocado-stage{min-height:326px}.avocado{height:327px}.avocado-stage:before{width:255px;height:255px}.avocado-stage:after{width:310px;height:310px}.preview-topline{padding-top:21px}.preview-caption{padding-bottom:20px}.handwritten{left:14%;bottom:18%;font-size:14px}.controls-panel{padding:28px 30px}.controls-intro p{margin-bottom:24px}.pit-options{gap:9px}.pit-tile{padding:11px 2px}.pit-tile svg{width:37px;height:39px}.color-options{justify-content:flex-start;gap:18px}.sticker-options{gap:8px}.sticker-tile{height:44px}.sticker-tile svg{width:29px;height:29px}.controls-footnote{font-size:10px}.below-atelier{margin-bottom:30px}.site-footer{font-size:9px;padding-bottom:22px}}
@media(max-width:580px){.site-header{padding:20px 20px 10px}.brand{font-size:26px}.brand img{width:25px;height:31px}.made-for-you{font-size:9px;padding:7px 10px}.intro{padding-top:29px}.eyebrow{font-size:7px;letter-spacing:1.5px;gap:6px;margin-bottom:16px}h1{font-size:38px;letter-spacing:-1.7px}h1 em{letter-spacing:-1.5px}.intro-copy{font-size:11px;line-height:1.9;margin-top:16px}.mobile-break{display:block}.atelier{margin-left:16px;margin-right:16px;border-radius:18px}.preview-panel{min-height:370px}.preview-topline{padding:20px 21px 0}.avocado-stage{min-height:290px}.avocado{height:290px}.avocado-stage:before{width:230px;height:230px}.avocado-stage:after{width:280px;height:280px}.handwritten{left:9%;font-size:13px;bottom:17%}.preview-caption{font-size:10px;padding-bottom:20px;gap:10px}.spark-one{left:11%;font-size:26px}.spark-two{right:11%;font-size:22px}.controls-panel{padding:25px 22px 24px}.controls-intro h2{font-size:21px}.color-options{justify-content:space-between;gap:6px}.color-dot{width:37px;height:37px}.sticker-options{gap:5px}.sticker-tile{height:36px}.sticker-tile svg{width:24px;height:24px}.option-group{margin-bottom:24px}.controls-footnote{font-size:8px}.below-atelier{font-size:9px;margin:22px 20px 27px}.site-footer{margin:0 20px;flex-direction:column;align-items:center;gap:9px;padding-top:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}