*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{-webkit-user-select:none;user-select:none}button{font-family:inherit;transition:transform .1s,opacity .1s}button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.letter-card{border-radius:28px;border-width:1px;border-style:solid;overflow:hidden;animation:fadeSlide .3s ease}.letter-display{font-size:120px;line-height:1;-webkit-user-select:none;user-select:none;animation:pop .4s ease}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999;animation:theme-reveal .5s ease-out}@keyframes theme-reveal{0%{clip-path:circle(0% at var(--tx, 50%) var(--ty, 50%))}to{clip-path:circle(150% at var(--tx, 50%) var(--ty, 50%))}}.sound-btn{position:absolute;bottom:0;right:-40px;width:36px;height:36px;border-radius:50%;border-width:1px;border-style:solid;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}