/* Wish draw - public page. Brand: night / orange / cream, Noto Sans Hebrew 900 condensed display, one word on the brush label. Mobile first (traffic comes from Instagram). */
:root{--d:clamp(64px,22.5vw,132px);--o:#FD902A;--o2:#F2671C;--night:#0F0D1A;--cream:#F6EADC;--ink:#1B1519;--plum:#6B2F86;--mut:#CFC5BC}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{min-height:100vh;overflow-x:clip;color:var(--cream);font-family:'Noto Sans Hebrew',Heebo,Arial,sans-serif;font-stretch:100%;line-height:1.4;
  background:radial-gradient(520px 420px at 12% 100%,rgba(107,47,134,.40),rgba(107,47,134,0) 70%),radial-gradient(760px 560px at 90% 0,#231d33,rgba(15,13,26,0) 70%),var(--night);background-attachment:fixed}
.wrap{width:min(100%,560px);margin:0 auto;padding:0 22px;text-align:center}
.top{padding:28px 0 6px}
.top img{width:158px;height:auto;display:inline-block}

.lead{font-weight:420;font-size:clamp(20px,5.6vw,28px);line-height:1.25;color:var(--mut)}
.lead b{font-weight:800;color:var(--cream)}
.disp{font-weight:900;font-stretch:62.5%;font-size:var(--d);line-height:.94;letter-spacing:-.01em;color:var(--cream)}
.lbl{position:relative;display:inline-block;color:var(--ink);padding:.02em .16em .04em;z-index:0}
.lbl svg{position:absolute;z-index:-1;overflow:visible}
.hero{padding-top:22px}
.hero .disp+.disp{margin-top:6px}
.hero .disp.big{font-size:calc(var(--d)*1.22)}
.sup{margin:22px auto 0;max-width:30ch;font-weight:420;font-size:clamp(18px,4.9vw,22px);line-height:1.5;color:var(--mut)}
.sup b{font-weight:800;color:var(--cream)}

/* form */
.genie{display:block;width:min(46vw,200px);height:auto;margin:30px auto 0;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
form{margin-top:6px;text-align:right}
.fq{font-weight:800;font-size:clamp(24px,6.6vw,30px);line-height:1.2;text-align:center;margin:0 0 18px}
label{display:block;font-weight:600;font-size:17px;color:var(--mut);margin:0 4px 8px}
.in{width:100%;display:block;border:0;border-radius:20px;background:var(--cream);color:var(--ink);font:500 20px/1.4 'Noto Sans Hebrew',Heebo,Arial,sans-serif;padding:16px 20px;-webkit-appearance:none;appearance:none}
.in::placeholder{color:#8a7f78;font-weight:420}
.in:focus{outline:3px solid var(--o);outline-offset:3px}
textarea.in{resize:none;min-height:150px}
.f1{margin-top:18px}
.hint{display:flex;justify-content:space-between;margin:8px 6px 0;font-size:14px;color:#9d948c}
.btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:22px;border:0;border-radius:999px;background:var(--o);color:var(--ink);
  font:900 26px/1 'Noto Sans Hebrew',Heebo,Arial,sans-serif;padding:20px 24px;min-height:64px;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s;box-shadow:0 14px 34px rgba(253,144,42,.28)}
.btn:hover{transform:translateY(-2px);background:#ffa03c}
.btn:active{transform:translateY(0)}
.btn:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
.btn[disabled]{opacity:.6;cursor:wait}
.btn svg{width:26px;height:26px;flex:none}
.note{margin-top:14px;font-size:15px;line-height:1.5;color:#9d948c;text-align:center}
.err{margin-top:14px;font-weight:600;font-size:17px;color:#ffb066;text-align:center;min-height:1.3em}
.hp{position:absolute;opacity:0;pointer-events:none;height:0;width:0;overflow:hidden}

.count{margin-top:26px;font-size:18px;color:var(--mut)}
.count b{font-weight:900;font-stretch:62.5%;font-size:34px;color:var(--o);margin-left:6px;vertical-align:-2px}

/* success */
.ok{display:none;padding-top:26px}
.ok img{width:min(52vw,230px);height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.ok .disp{font-size:clamp(60px,20vw,110px);margin-top:10px}
.ok p{margin:14px auto 0;max-width:28ch;font-size:20px;line-height:1.5;color:var(--mut)}
.again{margin-top:24px;background:none;border:0;color:var(--o);font:800 19px 'Noto Sans Hebrew',Heebo,Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:5px}

/* what was built */
.built{display:none;margin-top:68px;padding-top:44px;border-top:1px solid rgba(246,234,220,.14)}
.built .disp{font-size:clamp(52px,17vw,92px);margin-top:6px}
.bi{margin-top:30px;padding-top:26px;border-top:1px solid rgba(246,234,220,.12);text-align:center}
.bi:first-of-type{border-top:0;padding-top:0}
.bi .who{font-size:16px;color:var(--mut)}
.bi .what{margin-top:6px;font-weight:800;font-size:clamp(22px,6vw,28px);line-height:1.3;color:var(--cream);overflow-wrap:anywhere}
.bi .st{margin-top:10px;font-weight:800;font-size:16px;color:var(--o)}
.bi .btn{width:auto;display:inline-flex;margin-top:16px;padding:14px 26px;min-height:0;font-size:20px;background:transparent;color:var(--o);box-shadow:inset 0 0 0 2.5px var(--o)}
.bi .btn:hover{background:var(--o);color:var(--ink)}

.more{margin-top:70px;padding:44px 0 56px;border-top:1px solid rgba(246,234,220,.14)}
.more .lead{margin-bottom:8px}
.more .btn{margin-top:20px}
@media (min-width:700px){.top img{width:180px}.wrap{padding:0 32px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}