:root{--eazo-safe-area-top:max(56px,env(safe-area-inset-top,0px));--eazo-safe-area-bottom:max(34px,env(safe-area-inset-bottom,0px));--bg:#050714;--ink:#eef6ff;--muted:#a9b9f7;--blue:#6e8bff;--navy:#1f3a8a;--pink:#ff4eea;--acid:#caff3d;--cyan:#25f6ff;--panel:rgba(7,12,36,.78);--stroke:rgba(184,218,255,.32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);overflow-x:hidden}body{touch-action:manipulation}.app{min-height:100dvh;padding-top:var(--eazo-safe-area-top);padding-bottom:var(--eazo-safe-area-bottom);position:relative;isolation:isolate;background:radial-gradient(circle at 50% 8%,rgba(110,139,255,.32),transparent 35%),radial-gradient(circle at 15% 82%,rgba(255,78,234,.28),transparent 34%),linear-gradient(180deg,#030410,#0a122a 58%,#07191d);display:flex;justify-content:center}.app:before{content:"";position:fixed;inset:0;z-index:-2;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(37,246,255,.05) 39px 40px),radial-gradient(circle at 82% 18%,rgba(202,255,61,.12),transparent 22%);pointer-events:none}.fog{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45;filter:blur(10px);background:radial-gradient(ellipse at 20% 24%,rgba(234,243,255,.22),transparent 28%),radial-gradient(ellipse at 70% 35%,rgba(255,233,245,.18),transparent 30%),radial-gradient(ellipse at 50% 70%,rgba(37,246,255,.13),transparent 36%);animation:fog 10s ease-in-out infinite alternate}.shell{width:min(100%,520px);min-width:0;display:flex;flex-direction:column;gap:8px;padding:0 12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.brand{display:flex;align-items:center;gap:9px;min-width:0}.logo{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 18px var(--pink),inset 0 0 10px #fff7;display:grid;place-items:center;font-weight:900;color:#000018}.title{font-family:Georgia,serif;font-size:20px;letter-spacing:.02em;text-shadow:0 0 12px #6e8bff;white-space:nowrap}.lang{display:flex;background:#ffffff12;border:1px solid var(--stroke);border-radius:999px;padding:3px;box-shadow:inset 0 0 12px #0008}.lang button{border:0;color:var(--ink);background:transparent;border-radius:999px;min-height:34px;padding:0 10px;font-weight:800}.lang button.on{background:#eaf3ff;color:#071126;box-shadow:0 0 16px #6e8bff}.stage{position:relative;display:flex;flex-direction:column;min-height:0;gap:7px}.meter{border:1px solid #ffffff35;border-radius:18px;background:linear-gradient(180deg,rgba(234,243,255,.16),rgba(7,12,36,.84));padding:7px 9px;box-shadow:0 0 18px #6e8bff44}.meterRow{display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#eaf3ff}.bar{height:12px;border-radius:999px;background:#020513;overflow:hidden;margin-top:5px;border:1px solid #6e8bff66}.fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pink),var(--acid));box-shadow:0 0 18px var(--pink);transition:width .28s cubic-bezier(.2,1,.2,1)}.mirror{position:relative;aspect-ratio:1/1.02;width:min(100%,430px);align-self:center;min-height:260px;max-height:50dvh;border-radius:45% 45% 40% 40%;border:3px solid #b8daff55;background:radial-gradient(circle at 52% 37%,rgba(234,243,255,.12),transparent 52%),linear-gradient(160deg,rgba(12,19,58,.95),rgba(2,6,20,.88));box-shadow:0 0 0 8px #090d24,0 0 32px #25f6ff88,0 0 70px #ff4eea55,inset 0 0 34px #eaf3ff22;overflow:hidden;touch-action:none;user-select:none}.bulbs{position:absolute;inset:7px;border-radius:inherit;pointer-events:none}.bulbs i{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff6c7;box-shadow:0 0 10px #fff6c7,0 0 18px #ff4eea;animation:bulb 1.6s infinite alternate}.bulbs i:nth-child(1){left:20%;top:2%;animation-delay:.1s}.bulbs i:nth-child(2){left:50%;top:0}.bulbs i:nth-child(3){right:20%;top:2%;animation-delay:.3s}.bulbs i:nth-child(4){left:3%;top:32%;animation-delay:.5s}.bulbs i:nth-child(5){right:3%;top:32%;animation-delay:.2s}.bulbs i:nth-child(6){left:8%;bottom:19%;animation-delay:.7s}.bulbs i:nth-child(7){right:8%;bottom:19%;animation-delay:.4s}.candle{position:absolute;right:16px;bottom:18px;width:28px;height:44px;border-radius:12px 12px 6px 6px;background:linear-gradient(#ffe9f5,#8bd4ff);box-shadow:0 0 20px #ff4eea;z-index:6;pointer-events:none}.candle:before{content:"";position:absolute;left:9px;top:-18px;width:10px;height:20px;border-radius:60% 40% 60% 40%;background:linear-gradient(#fff6c7,#ff4eea);box-shadow:0 0 18px #fff6c7;animation:flicker .22s infinite alternate}.soap{position:absolute;left:12px;bottom:22px;width:44px;height:24px;border-radius:50%;background:linear-gradient(135deg,#80f45e,#184878);box-shadow:0 0 16px #25f6ff88;transform:rotate(-8deg);z-index:6;pointer-events:none}.faceSvg,.paint,.shimmer{position:absolute;inset:0;width:100%;height:100%;display:block}.paint{z-index:3;mix-blend-mode:screen;cursor:crosshair}.faceSvg{z-index:2}.shimmer{z-index:4;pointer-events:none;opacity:.45;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 49%,transparent 62%);transform:translateX(-120%);animation:shine 2.8s infinite}.reaction{position:absolute;left:50%;top:13%;transform:translateX(-50%) scale(.85);padding:8px 12px;border-radius:999px;border:1px solid #fff8;background:#000018cc;color:#fff;font-weight:950;font-size:12px;box-shadow:0 0 20px #ff4eea;opacity:0;z-index:8;pointer-events:none}.reaction.pop{animation:pop .8s ease}.instruction{font-size:12px;line-height:1.25;text-align:center;color:#eaf3ff;padding:4px 8px;text-shadow:0 0 10px #000}.controls{display:flex;flex-direction:column;gap:7px;min-width:0}.rail{display:grid;grid-template-columns:1fr 1fr auto auto;gap:7px;align-items:end}.slider{min-width:0;border:1px solid var(--stroke);background:var(--panel);border-radius:15px;padding:6px 8px;box-shadow:inset 0 0 18px #0006}.slider label{display:flex;justify-content:space-between;font-size:11px;font-weight:850;color:#d9e6ff}.slider input{width:100%;accent-color:var(--pink);min-height:26px}.small,.reveal,.tool,.swatch,.result button{border:1px solid #ffffff35;background:linear-gradient(180deg,#182256,#070b1f);color:var(--ink);border-radius:15px;min-height:44px;font-weight:900;box-shadow:0 5px 0 #0007,0 0 14px #6e8bff33}.small{padding:0 9px}.palette{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 4px}.swatch{min-width:37px;width:37px;height:37px;border-radius:50%;padding:0}.swatch.on{outline:3px solid white;box-shadow:0 0 18px currentColor}.tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 2px;font-size:9px;line-height:1;text-transform:uppercase;min-width:0}.tool .ico{font-size:19px;filter:drop-shadow(0 0 8px var(--cyan))}.tool.on{background:linear-gradient(180deg,#ff4eea,#6e8bff);color:#020513;transform:translateY(-2px);box-shadow:0 7px 0 #0007,0 0 24px #ff4eea}.reveal{grid-column:auto;background:linear-gradient(180deg,#262a48,#10131f);color:#8a92aa}.reveal.ready{color:#000018;background:linear-gradient(90deg,var(--acid),var(--cyan),var(--pink));animation:glow 1s infinite alternate;border-color:#fff}.result{display:none;width:min(100%,560px);padding:0 12px;min-height:100dvh;padding-top:var(--eazo-safe-area-top);padding-bottom:var(--eazo-safe-area-bottom);margin:auto}.result.on{display:flex;flex-direction:column;gap:12px}.card{border:1px solid #ffffff44;border-radius:28px;background:linear-gradient(180deg,rgba(234,243,255,.16),rgba(4,7,24,.92));box-shadow:0 0 40px #6e8bff66;padding:14px;text-align:center}.card h2{font-family:Georgia,serif;font-size:28px;margin:4px 0;text-shadow:0 0 18px #ff4eea}.mirrors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.mini{aspect-ratio:.78/1;border-radius:48% 48% 36% 36%;border:2px solid #b8daff80;background:#050714;overflow:hidden;position:relative}.mini canvas,.mini svg{width:100%;height:100%;display:block;position:absolute;inset:0}.mini label{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:10px;font-weight:900;background:#000b;border-radius:999px;padding:3px 8px;z-index:4}.stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pill{border:1px solid #ffffff33;background:#00001888;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.actions button{padding:0 8px}.toast{position:fixed;left:50%;bottom:calc(var(--eazo-safe-area-bottom) + 10px);transform:translateX(-50%);background:#000018e8;border:1px solid #fff8;border-radius:999px;padding:10px 14px;box-shadow:0 0 24px #25f6ff;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1}.wipe{position:absolute;top:0;bottom:0;width:32%;left:-34%;background:linear-gradient(90deg,transparent,rgba(234,243,255,.65),transparent);z-index:7;pointer-events:none}.wipe.go{animation:wipe .55s ease}.sparkle{filter:drop-shadow(0 0 7px #fff)}@media (min-width:760px){.shell{max-width:960px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto 1fr;align-items:start;gap:14px}.topbar{grid-column:1/-1}.stage{min-width:0}.mirror{max-height:none;width:min(100%,560px)}.controls{position:sticky;top:var(--eazo-safe-area-top);padding-top:48px}.tools{grid-template-columns:repeat(3,1fr)}.reveal{grid-column:span 3}.instruction{text-align:left;font-size:13px}.rail{grid-template-columns:1fr 1fr}.small{min-height:46px}.result{max-width:820px}.card h2{font-size:36px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes fog{to{transform:translate3d(3%,-2%,0) scale(1.05)}}@keyframes bulb{from{opacity:.55;filter:saturate(.8)}to{opacity:1;filter:saturate(1.8)}}@keyframes flicker{from{transform:skewX(-5deg) scale(.9)}to{transform:skewX(5deg) scale(1.08)}}@keyframes shine{60%,100%{transform:translateX(120%)}}@keyframes glow{from{box-shadow:0 0 12px #25f6ff}to{box-shadow:0 0 28px #ff4eea,0 0 44px #caff3d}}@keyframes pop{0%{opacity:0;transform:translateX(-50%) scale(.7)}20%,70%{opacity:1;transform:translateX(-50%) scale(1.05)}100%{opacity:0;transform:translateX(-50%) scale(.8)}}@keyframes wipe{to{left:102%}}

/* --- Eazo host safe-area minimums --- */
:root{--eazo-safe-area-top:max(56px,env(safe-area-inset-top,0px));--eazo-safe-area-bottom:max(34px,env(safe-area-inset-bottom,0px))}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}