.home-container{display:-moz-box;display:flex;flex-direction:column;height:100vh;margin:0 auto}.input-container{display:-moz-box;display:flex;padding:10px;border:1px solid #eaeaea;border-radius:8px;background-color:#f9f9f9}.input-container input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;outline:none}.input-container input:focus{border-color:#007aff}.input-container button{margin-left:10px;padding:10px 20px;background-color:#007aff;color:#fff;border:none;border-radius:4px;cursor:pointer}.input-container button:hover{background-color:#06c}.replay-control-panel{background:-moz-linear-gradient(315deg,#f8f9fa 0,#e9ecef 100%);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;box-shadow:0 2px 4px rgba(0,0,0,.1)}.replay-status-indicator.playing{animation:pulse 2s infinite}.replay-status-indicator.paused{opacity:.8}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.messages-container .current-message{position:relative}@keyframes glow{0%{box-shadow:0 0 5px #007aff}to{box-shadow:0 0 20px #007aff,0 0 30px #007aff}}@media(max-width:768px){.replay-control-panel{padding:12px}.replay-control-panel .flex-wrap{gap:8px}.replay-control-panel .status-indicators{flex-direction:column;align-items:flex-start;gap:4px}}