@font-face{font-family:LocalThai;src:local('Leelawadee UI')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f1e9;color:#363c32;font-family:LocalThai,'Tahoma',sans-serif;font-size:16px;line-height:1.8}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #8a542d;outline-offset:5px}header{height:108px;max-width:1440px;padding:0 6%;margin:auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid #dcdccf}.brand{text-decoration:none;font-family:Georgia,serif;font-size:52px;line-height:1;letter-spacing:-6px;position:relative}.brand span{font-style:italic}.brand i{font-size:19px;font-style:normal;position:absolute;right:-19px;top:-5px;color:#a25437;letter-spacing:0}.tagline{margin-left:18px;font-size:13px;color:#767969}.quiet{border:0;background:none;color:#59604e;font-size:14px;padding:10px 0}.quiet:hover{text-decoration:underline}header>.quiet{margin-left:auto}main{max-width:1440px;margin:auto;min-height:calc(100vh - 180px)}.layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:55px 8% 50px;align-items:center}.copy{max-width:510px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;color:#796d54;margin:0 0 23px}.pill{display:inline-flex;gap:9px;align-items:center;padding:4px 13px;border:1px solid #cdd0be;border-radius:30px;font-size:12px;margin-bottom:27px}.pill:before{content:'';height:6px;width:6px;background:#849171;border-radius:50%}h1{font-weight:400;font-size:clamp(34px,3.5vw,52px);line-height:1.5;letter-spacing:-1.3px;margin:0 0 23px}h1 em{font-style:normal;color:#a75c40}h2{font-size:27px;line-height:1.6;font-weight:400;margin:12px 0}p{margin:0 0 20px}.intro{color:#707363;max-width:425px;font-size:16px;line-height:1.95}.primary{border:1px solid #525f47;background:#525f47;color:#fffdf7;border-radius:7px;min-height:55px;padding:13px 24px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:38px;transition:background .2s,transform .2s}.primary:hover{background:#3f4e35;transform:translateY(-1px)}.full{width:100%}.secondary{background:transparent;border:1px solid #b9bda9;border-radius:7px;padding:12px 20px;color:#46513e;min-height:48px}.small{font-size:12px;color:#767969;line-height:1.8}.disclosure{margin-top:24px;padding-top:19px;border-top:1px solid #dcdccf;max-width:420px}.art{position:relative;min-height:520px;background:radial-gradient(ellipse at 48% 40%,#f9ead4 0,#e9dec9 42%,#e6e4d5 75%);border-radius:240px 240px 8px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art:before{content:'';position:absolute;inset:20px;border:1px solid #fff9;border-radius:230px 230px 0 0}.art:after{content:'';position:absolute;width:350px;height:100px;bottom:-70px;box-shadow:0 0 120px 95px #b4b8a685;border-radius:50%}.ganesha{width:83%;height:auto;max-height:405px;color:#9f7255;z-index:1;filter:drop-shadow(0 8px 12px #b79c7750)}.art-caption{position:absolute;bottom:32px;z-index:2;text-align:center;font-size:13px;letter-spacing:1px}.art-caption small{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:3px;color:#85775f}.art-number{position:absolute;top:39px;font-size:10px;letter-spacing:3px;color:#897f68}.below-art{text-align:center;font-size:11px;color:#8b887a;margin-top:14px;letter-spacing:1px}footer{display:flex;gap:24px;max-width:1440px;margin:auto;padding:19px 6%;border-top:1px solid #dcdccf;font-size:11px;color:#858778}footer span:nth-child(2){margin-left:auto}.prototype{font-size:9px;letter-spacing:1px;opacity:.7}.stepbar{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#71775f;font-size:12px}.stepbar b{font-weight:400;color:#a65f42}.stepbar i{height:1px;background:#ccd0c0;width:28px}.back{margin-bottom:14px}.options{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0 24px}.option{border:1px solid #c6c9b9;background:transparent;padding:8px 12px;border-radius:30px;color:#636d58;font-size:13px;min-height:44px}.option[aria-pressed=true]{background:#e2e6d8;border-color:#7e8b6b;color:#35452b}.field-label{display:block;font-size:16px;margin-bottom:10px}textarea{width:100%;background:#fffcf6;border:1px solid #cdd0c1;border-radius:8px;padding:16px;height:118px;resize:vertical;font-size:14px;color:#434d39}textarea::placeholder{color:#898c7c}textarea+p{margin:5px 0 19px}.row{display:flex;align-items:center;gap:20px;margin-top:18px}.flower{width:85px;height:85px;color:#f5e7c7;filter:drop-shadow(0 3px 3px #80724550)}.offering{position:absolute;bottom:78px;z-index:3;animation:appear .8s ease both}.ritual .art{min-height:480px}.center{text-align:center;max-width:650px;margin:auto;padding:65px 24px}.center h1{font-size:39px}.orb{width:140px;height:140px;border:1px solid #aeb599;border-radius:50%;margin:32px auto;background:radial-gradient(circle,#e5e9d7,transparent 70%);display:grid;place-items:center}.orb span{width:90px;height:90px;border:1px solid #b3baa2;border-radius:50%;display:grid;place-items:center;font-size:36px;color:#8a9677}.charm{background:#e4e7d9;position:relative;max-width:315px;margin:0 auto;padding:30px 20px 34px;text-align:center;border-radius:130px 130px 10px 10px;border:1px solid #cbd0bc;box-shadow:0 20px 50px #65704a16}.charm .ganesha{height:225px;width:100%;color:#8c7856}.charm .eyebrow{margin:8px 0 10px}.charm h2{font-size:23px;margin:0}.charm p{font-size:14px;margin:8px 0}.result .art{min-height:440px}.optional{border-top:1px solid #cdd0bf;padding-top:20px;margin-top:26px}.optional summary{cursor:pointer;font-size:14px;min-height:44px}.optional p{font-size:15px;background:#e9ecdf;padding:18px;border-radius:8px}.status{font-size:13px;color:#536144;margin-top:12px}.status:empty{display:none}dialog{max-width:570px;width:calc(100% - 32px);background:#f8f5ed;color:#404a35;border:1px solid #ccd0be;border-radius:12px;padding:35px}dialog::backdrop{background:#303c2c70;backdrop-filter:blur(5px)}dialog p{font-size:14px}.close{float:right}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:5px}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.copy{animation:appear .5s ease}@media(min-width:1400px){.layout{padding-top:70px;padding-bottom:65px}.art{min-height:580px}}@media(max-width:760px){header{height:80px;padding:0 7%;gap:12px}.brand{font-size:43px}.tagline{font-size:11px;margin-left:14px}header>.quiet{font-size:11px}.layout{display:flex;flex-direction:column-reverse;gap:26px;padding:25px 7% 35px}.copy{max-width:100%;width:100%}.visual{width:100%}.art{min-height:255px;height:255px;border-radius:150px 150px 6px 6px;max-width:400px;margin:auto}.art:before{inset:12px}.ganesha{height:215px;width:auto;margin-top:-15px}.art-caption{bottom:12px;font-size:11px}.art-caption small{font-size:8px}.art-number{top:18px;font-size:8px}.below-art{display:none}.pill{margin-bottom:15px}h1{font-size:34px;line-height:1.45;margin-bottom:15px}.eyebrow{margin-bottom:14px}.intro{font-size:14px}.primary{width:100%}.disclosure{margin-top:18px;font-size:11px}.prepare .visual{display:none}.prepare{padding-top:22px}.stepbar{margin-bottom:20px}.ritual .art{min-height:290px;height:290px}.ritual .ganesha{height:230px}.offering{bottom:37px}.flower{width:60px;height:60px}.ritual .art-caption{display:none}.row{flex-direction:column;gap:7px}.center{padding:55px 7%}.center h1{font-size:32px}.result{flex-direction:column}.result .visual{order:1}.result .copy{order:0}.charm{max-width:270px}.charm .ganesha{margin:0}.result{gap:35px}footer{padding:18px 7%;gap:12px;flex-wrap:wrap}.prototype{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){.result .below-art{display:block;font-size:11px;letter-spacing:0}}
/* Friendly, playful direction — soft color, rounded cards, tactile flowers. */
body{background:#f8faff;color:#292937}.brand{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-5px}.brand i{color:#dc7e9c}.brand span{font-style:normal}.tagline,.quiet,.intro,.small{color:#656778}header,footer{border-color:#e4e7ef}h1{font-weight:650;letter-spacing:-1.5px}h1 em{color:#956078}.eyebrow{color:#737388;letter-spacing:1.5px}.pill{background:#fff0d2;border:0;color:#65552f;padding:7px 16px}.pill:before{background:#dfa84c}.primary{background:#bfeb80;color:#273a1e;border:0;border-radius:50px;font-weight:600;box-shadow:0 5px 0 #9fc76b;gap:25px}.primary:hover{background:#c8f28f}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #9fc76b}.secondary{border-radius:50px;background:white;border-color:#dcdce8}.art{border-radius:42px;background:linear-gradient(155deg,#e2f2ff,#ede6fa 60%,#ffe2e9);min-height:480px}.art:before{inset:22px;border:0;border-radius:50%;background:#ffffff60;top:80px;bottom:90px}.art:after{display:none}.ganesha{color:#94616c;filter:drop-shadow(0 12px 5px #b47c9020)}.art-number{color:#6c6280;letter-spacing:1.5px}.art-caption{background:#fffc;border-radius:25px;padding:8px 24px;bottom:25px;color:#65586f;box-shadow:0 4px 10px #77738b12}.art-caption small{color:#736782;letter-spacing:1px}.disclosure{border-color:#e3e6ed}.option{background:white;border-color:#dedfec;color:#5d5d70}.option[aria-pressed=true]{background:#e6ddfa;border-color:#ad97cc;color:#584470}textarea{background:white;border-color:#dcdfea;border-radius:20px}.stepbar b{background:#eee6fc;padding:4px 9px;border-radius:20px;color:#72588b}.stepbar{gap:7px}.stepbar i{width:16px;background:#ddd9e9}.charm{border-radius:36px;background:linear-gradient(155deg,#e7f3ff,#f3e5f7);border:5px solid white;box-shadow:0 12px 36px #7471a020}.optional p{background:#edf3e4;border-radius:20px}.orb{background:#eee3fc;border-color:#e1d5f2}.orb span{background:#ffdbb2;border-color:transparent;color:#af617f}dialog{background:#faf9ff;border-radius:28px}.status{color:#695378}.sticker{position:absolute;right:25px;top:65px;background:#fff8ce;border:3px solid white;border-radius:18px;padding:8px 15px;transform:rotate(8deg);font-size:13px;z-index:2;box-shadow:0 4px 8px #77738b10}.garden .art{min-height:340px;height:340px;border-radius:35px 35px 20px 20px}.garden .ganesha{height:300px;width:300px;margin-top:12px}.garden .art:before{top:40px;bottom:30px}.garden .art-number{top:17px;font-size:11px;letter-spacing:0}.flower-bed{display:block;position:relative;isolation:isolate;width:96%;height:130px;margin:-12px auto 18px;border:2px dashed #b6bbd5;border-radius:50%;background:#f0ecfc;box-shadow:0 9px 0 #dfdaf0;color:#77708a;z-index:3;touch-action:manipulation}.flower-bed:hover,.flower-bed.drag-over{background:#e6f2d9;border-color:#86a95e}.bed-hint{font-size:12px;position:absolute;left:0;right:0;bottom:13px;pointer-events:none}.bed-blooms{position:absolute;inset:0;pointer-events:none}.placed-bloom{position:absolute;transform:translate(-50%,-50%);display:block;pointer-events:none;animation:flower-in .25s ease-out}.placed-bloom .flower{height:67px;width:67px;display:block}.flower-tray{display:flex;align-items:center;justify-content:space-evenly;background:white;border-radius:26px;border:1px solid #e5e6f0;box-shadow:0 8px 20px #68697d0b;padding:12px;gap:10px}.flower-choice{display:flex;align-items:center;flex-direction:column;border:2px solid transparent;background:transparent;border-radius:20px;padding:8px 15px;touch-action:none;user-select:none;color:#686176;cursor:grab}.flower-choice:active{cursor:grabbing}.flower-choice[aria-pressed=true]{background:#f1eafa;border-color:#b59bd2}.flower-choice .flower{width:60px;height:60px;transition:transform .2s}.flower-choice:hover .flower{transform:rotate(12deg) scale(1.1)}.flower-choice span{font-size:12px}.tray-note{text-align:center;margin:14px 0 0}.flower-stage .intro{margin-bottom:12px}.flower-stage .status{min-height:28px}.flower-stage #undo-flower{margin-bottom:15px}.quiet:disabled{opacity:.4;cursor:default;text-decoration:none}.drag-flower{position:fixed;pointer-events:none;z-index:1000;transform:translate(-50%,-50%) rotate(-12deg)}.drag-flower .flower{width:76px;height:76px;filter:drop-shadow(0 12px 6px #8e749b40)}.focus-bed{position:absolute;bottom:58px;width:85%;height:100px;z-index:4;border-radius:50%;background:#eeedf6aa}.focus-bed .placed-bloom .flower{width:52px;height:52px}@keyframes flower-in{from{opacity:.5;scale:.7}to{opacity:1;scale:1}}
@media(max-width:760px){.art{border-radius:30px;min-height:255px}.art:before{top:30px;bottom:45px}.art-caption{padding:5px 18px;bottom:10px}.art-number{top:12px}.layout{gap:24px}h1{font-size:33px}.flower-stage{flex-direction:column;padding-top:15px;gap:16px}.flower-stage .copy{display:contents}.flower-stage .back{align-self:flex-start;margin:0}.flower-stage .stepbar{align-self:flex-start;margin:0}.flower-stage .pill{display:none}.flower-stage h1{align-self:flex-start;font-size:27px;margin:0}.flower-stage h1 br{display:none}.flower-stage h1 em{margin-left:5px}.flower-stage .intro{font-size:13px;align-self:flex-start;margin:0}.flower-stage .intro br{display:none}.flower-stage .garden{order:1}.flower-stage #flower-status{order:2;margin:0;font-size:12px;min-height:0}.flower-stage #undo-flower{order:3;margin:0;padding:4px}.flower-stage #arranged{order:4}.flower-stage .copy>.small{order:5;margin:0!important}.garden .art{height:215px;min-height:215px}.garden .ganesha{height:205px;width:205px;margin-top:15px}.garden .sticker{right:13px;top:49px;font-size:10px;padding:4px 9px}.flower-bed{height:105px;margin-top:-6px;margin-bottom:15px}.flower-tray{padding:6px}.flower-choice{padding:5px 14px}.flower-choice .flower{height:48px;width:48px}.placed-bloom .flower{height:53px;width:53px}.tray-note{font-size:11px;margin-top:9px}.focus-bed{bottom:22px;height:65px}.charm{border-radius:30px}.ritual .art-caption{display:none}}

.copy{animation:none}