:root{color:#29332d;background:#e8eee6;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#app{display:grid;min-height:100vh;place-items:center;padding:2rem;background:radial-gradient(circle at 15% 18%,rgb(255 255 255 / 75%) 0 4rem,transparent 4.1rem),linear-gradient(145deg,#f4f0dd,#dce8df)}.placeholder{width:min(100%,42rem);padding:clamp(2.5rem,8vw,5rem);border:1px solid rgb(47 79 64 / 18%);border-radius:2rem;background:#fffdf5db;box-shadow:0 1.5rem 4rem #36463d29;text-align:center}.eyebrow{margin:0 0 1rem;color:#777048;font-size:.75rem;font-weight:700;letter-spacing:.32em}h1{margin:0;color:#274d3b;font-family:Georgia,Yu Mincho,serif;font-size:clamp(2.2rem,7vw,4.25rem);font-weight:500;line-height:1.25}.flask{position:relative;width:7rem;height:8rem;margin:2.5rem auto 2rem;overflow:hidden;border:.3rem solid #385b4b;border-radius:1rem 1rem 3.5rem 3.5rem;background:#ffffff8c}.flask__neck{position:absolute;top:-.3rem;left:2.15rem;width:2.7rem;height:2rem;border-right:.3rem solid #385b4b;border-left:.3rem solid #385b4b;background:#fffdf5}.flask__liquid{position:absolute;inset:4.4rem 0 0;background:#d4b95c}.bubble{position:absolute;border:.18rem solid #fff4bf;border-radius:50%}.bubble--one{right:1.2rem;bottom:1rem;width:1rem;height:1rem}.bubble--two{right:2.8rem;bottom:2.1rem;width:.65rem;height:.65rem}.bubble--three{left:1.1rem;bottom:1.6rem;width:.45rem;height:.45rem}.message{margin:0;color:#59635d;letter-spacing:.08em}