html,body{height:100%;margin:0}body{display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;flex:1}.main-content{flex:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.7}.practice-done-box{padding:20px;text-align:center}.hover-options{display:flex;justify-content:center;gap:30px}.hover-item{position:relative;width:320px;padding:10px;background-color:#f3f3f3;border-radius:12px;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center}.puzzle-icon{width:60px;margin-bottom:10px}.hover-text{font-weight:600;color:#444;text-align:center;transition:transform .3s ease}.example-box{max-height:0;overflow:hidden;font-size:13px;color:#333;transition:max-height .4s ease;text-align:left;margin-top:8px}.hover-item:hover{background-color:#e8f5e9;transform:translateY(-2px)}.hover-item:hover .example-box{max-height:150px}