:root{--bg-color:#030303;--text-color:#e5e5e5;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size:2.5rem;--font-weight:200;--blur-amount:12px;--zoom-amount:.9;--exit-blur-amount:6px;--exit-zoom-amount:1.05;--enter-duration:4s;--enter-easing:cubic-bezier(.25, 1, .5, 1);--exit-duration:1.5s;--exit-easing:ease-out}*{box-sizing:border-box}body,html{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);font-family:var(--font-family);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sentence{font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:-.03em;text-align:center;white-space:pre-line;opacity:0;max-width:80%;filter:blur(var(--blur-amount));transform:scale(var(--zoom-amount));pointer-events:none;transition:opacity var(--enter-duration) var(--enter-easing), filter var(--enter-duration) var(--enter-easing), transform var(--enter-duration) var(--enter-easing);line-height:1.4}.sentence.active{opacity:1;filter:blur();transform:scale(1)}.sentence.exit{opacity:0;filter:blur(var(--exit-blur-amount));transform:scale(var(--exit-zoom-amount));transition:opacity var(--exit-duration) var(--exit-easing), filter var(--exit-duration) var(--exit-easing), transform var(--exit-duration) var(--exit-easing)}.modal{-webkit-backdrop-filter:blur(10px);opacity:1;z-index:10;background:#030303d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s,-webkit-backdrop-filter .8s,backdrop-filter .8s;display:flex;position:absolute;top:0;left:0}.modal.hidden{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur()}.modal-content{opacity:0;flex-direction:column;align-items:center;gap:2rem;transition:opacity .8s .2s,transform .8s .2s;display:flex;transform:translateY(20px)}.modal:not(.hidden) .modal-content{opacity:1;transform:translateY(0)}.modal-content p{color:#777;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:300}.modal-content button{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:2px;width:200px;padding:1rem 3rem;font-family:inherit;font-size:1.1rem;font-weight:300;transition:border-color .4s,color .4s,background-color .4s}.modal-content button:hover{color:#fff;background-color:#ffffff0d;border-color:#888}