.highlight-focus{animation:2s ease-in-out highlightPulse;box-shadow:0 0 0 3px rgba(255,107,53,.4)!important}.highlight-focus.btn{animation:1s ease-in-out buttonHighlight;transform:scale(1.05);box-shadow:0 4px 15px rgba(255,107,53,.3)!important}@keyframes highlightPulse{0%,100%{box-shadow:0 0 0 3px rgba(255,107,53,.4);border-color:#ff6b35}50%{box-shadow:0 0 0 6px rgba(255,107,53,.2);border-color:#ff8f6b}}@keyframes buttonHighlight{0%,100%{transform:scale(1);box-shadow:0 2px 10px rgba(255,107,53,.2)}50%{transform:scale(1.05);box-shadow:0 4px 15px rgba(255,107,53,.4)}}.tool-demo{display:flex;flex-direction:column;gap:10px}.tool-demo input[type=number]{flex:1;min-width:0;appearance:textfield;-moz-appearance:textfield}.tool-demo textarea{resize:vertical;min-height:100px;font-family:inherit;font-size:.9rem}.color-preview{width:100%;height:60px;border-radius:8px;border:2px solid #ddd;margin-top:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.color-info{margin-top:10px;font-size:.9rem;color:#666}@keyframes resultPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.random-btn{position:relative;overflow:hidden}.random-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.random-btn.active::before{width:300px;height:300px}.result-display.number{font-size:2rem;font-weight:700;text-align:center;color:var(--primary-color)}.result-display.name{font-size:1.5rem;font-weight:600;text-align:center;color:var(--success-color)}.result-display.idea,.result-display.quote{font-style:italic;text-align:center;color:var(--info-color)}.result-display.yesno{font-size:1.8rem;font-weight:700;text-align:center}.result-display.yesno.yes{color:var(--success-color)}.result-display.yesno.no{color:var(--danger-color)}.loading{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tool-card{position:relative;overflow:hidden}.tool-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);transition:left .5s}.tool-card:hover::before{left:100%}.tool-demo input[type=number]::-webkit-inner-spin-button,.tool-demo input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-demo textarea::placeholder{color:#999;font-style:italic}.random-btn i{transition:transform .3s}.random-btn:hover i{transform:rotate(180deg)}.random-btn.fa-dice:hover i{transform:rotate(360deg)}.result-display.success{border-left-color:var(--success-color)}.result-display.error{border-left-color:var(--danger-color);color:var(--danger-color)}.quote-text{font-size:1.1rem;font-style:italic;margin-bottom:10px}.quote-author{font-size:.9rem;color:#666;text-align:right}.quote-author::before{content:'— '}.idea-category{display:inline-block;background:var(--gradient-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;margin-bottom:8px}.share-buttons{margin-top:15px;display:flex;gap:10px;justify-content:center}.share-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:var(--transition);font-size:.9rem}.share-btn.facebook{background:#3b5998;color:#fff}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.copy{background:#6c757d;color:#fff}.share-btn:hover{transform:translateY(-2px);opacity:.9}.result-display{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:.5rem;border:2px solid transparent;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:.3s}.result-display.show{opacity:1;transform:translateY(0)}.result-display.success{border-color:#28a745;background:linear-gradient(135deg,#d4edda 0,#c3e6cb 100%)}.result-display.error{border-color:#dc3545;background:linear-gradient(135deg,#f8d7da 0,#f5c6cb 100%)}.result-display.number .result-animation{font-size:2rem;font-weight:700;color:#ff6b35;text-shadow:0 2px 4px rgba(0,0,0,.1)}.result-display.name .result-animation{font-size:1.5rem;font-weight:600;color:#007bff}.result-display.choice .result-animation{font-size:1.8rem;font-weight:700}.result-display.choice.yes .result-animation{color:#28a745}.result-display.choice.no .result-animation{color:#dc3545}.result-display.food .result-animation{font-size:1.5rem;font-weight:600;color:#fd7e14}.result-display.activity .result-animation{font-size:1.5rem;font-weight:600;color:#20c997}.result-display.movie .result-animation{font-size:1.5rem;font-weight:600;color:#6f42c1}.result-display.music .result-animation{font-size:1.5rem;font-weight:600;color:#e83e8c}.result-display.place .result-animation{font-size:1.5rem;font-weight:600;color:#17a2b8}.result-animation{display:inline-block;animation:.6s bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@media (max-width:768px){.tool-demo{gap:8px}.result-display.number{font-size:1.5rem}.result-display.name{font-size:1.2rem}.result-display.yesno{font-size:1.4rem}.color-preview{height:50px}.share-buttons{flex-wrap:wrap}.textarea-clear-btn{width:20px;height:20px;font-size:10px;top:6px;right:6px}.textarea-wrapper textarea{padding-right:30px}}.textarea-wrapper{position:relative;display:block}.textarea-clear-btn{position:absolute;top:8px;right:8px;background:#dc3545;border:none;border-radius:50%;width:24px;height:24px;color:#fff;font-size:12px;cursor:pointer;display:none;z-index:10;transition:.2s;line-height:1;padding:0}.textarea-clear-btn:hover{background:#c82333;transform:scale(1.1)}.textarea-wrapper textarea:focus+.textarea-clear-btn,.textarea-wrapper textarea:not(:placeholder-shown)+.textarea-clear-btn{display:block}.textarea-wrapper textarea{padding-right:35px}