*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#d9d9d9;color:#3a352e}.app{position:relative;width:100%;height:100%}.main-logo{position:absolute;top:40px;left:50%;transform:translate(-50%);height:30px;width:auto;z-index:20;pointer-events:auto;cursor:pointer;transition:opacity .2s ease}.main-logo:hover{opacity:.8}.ui-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding-bottom:48px;pointer-events:none;z-index:10}.sentence-display{min-height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.sentence-display.visible{opacity:1;transform:translateY(0)}.sentence-text{max-width:480px;text-align:center;font-size:1.15rem;line-height:1.6;color:#3a352e;letter-spacing:.02em;padding:0 24px}@font-face{font-family:PP Editorial New;src:url(./PPEditorialNew-UltralightItalic-Bw7LjlFL.otf) format("opentype");font-weight:200;font-style:italic}@font-face{font-family:PP Editorial New;src:url(./PPEditorialNew-Italic-BlENFm4N.otf) format("opentype");font-weight:500;font-style:regular-italic}.draw-button{pointer-events:auto;font-family:PP Editorial New,Cormorant Garamond,serif;font-style:italic;font-size:18px;letter-spacing:.04em;display:flex;padding:14px 40px;justify-content:center;align-items:center;gap:.8rem;border-radius:15px;border:1px solid #2B3C51;background:#d9d9d9;color:#2b3c51;cursor:pointer;transition:all .3s ease;text-transform:none}.draw-button:hover:not(:disabled){color:#d9d9d9;background:#2b3c51;border-color:#1e2b3b;border-width:1px;transform:translateY(-1px);box-shadow:0 4px 12px #2b3c5126}.draw-button:active:not(:disabled){background:#bfbfbf;transform:translateY(0);box-shadow:none}.draw-button:disabled{cursor:default;opacity:.55}.draw-button.empty{border-style:dashed;background:transparent}.draw-button.drawing{opacity:.6}.button-group{display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:center;pointer-events:none}.counter{margin-top:14px;font-size:.78rem;letter-spacing:.1em;color:#2b3c51;text-transform:lowercase}