.kanji-display{position:relative;display:flex;flex-direction:column;align-items:center;background:white;border-radius:20px;padding:30px;box-shadow:0 6px 20px #0000001a;border:3px solid #e3f2fd;height:410px}.kanji-character{font-size:4.5rem;font-weight:700;color:#2c3e50;margin-bottom:20px;text-align:center}.timer-display{display:flex;justify-content:center;margin:30px 0;flex:1;align-items:center}.timer-number{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;box-shadow:0 8px 25px #ff6b6b80;animation:pulse 1s infinite,smoothPopIn .3s ease-out;position:relative}.timer-number:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a24);opacity:.3;z-index:-1}.timer-number:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,107,.4) 0%,transparent 70%);z-index:-2}@keyframes smoothPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1.25);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}