#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;margin:20px auto;max-width:900px;padding:20px}h1{color:#42b883;margin-bottom:10px}p{color:#666;margin-bottom:30px}.form-container{max-width:100%}textarea{width:100%;padding:15px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:Courier New,monospace;resize:vertical;box-sizing:border-box;margin-bottom:20px}textarea:focus{outline:none;border-color:#42b883}.button-container{display:flex;gap:15px;justify-content:center;margin-bottom:20px}button{padding:12px 30px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.check-btn{background-color:#42b883;color:#fff}.check-btn:hover{background-color:#369870;transform:translateY(-2px)}.clear-btn{background-color:#f8f9fa;color:#495057;border:2px solid #dee2e6}.clear-btn:hover{background-color:#e9ecef;transform:translateY(-2px)}.message{margin-top:20px;padding:15px;border-radius:8px;font-size:16px;text-align:left;max-width:100%;word-wrap:break-word}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message code{background-color:#0000001a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-weight:700}.message a{text-decoration:none;margin-left:5px;font-size:16px;display:inline-block;transition:transform .2s ease}.message a:hover{transform:scale(1.2)}.copy-btn{background:none;border:none;font-size:16px;cursor:pointer;margin-left:5px;margin-right:5px;padding:0;display:inline-block;transition:transform .2s ease}.copy-btn:hover{transform:scale(1.2)}.copied-message{margin-top:10px;padding:8px 16px;background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;border-radius:6px;font-size:14px;font-weight:600;text-align:center;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.tooltip-container{position:relative;display:inline-block}.tooltip{visibility:hidden;width:120px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;font-size:12px;font-weight:400;opacity:0;transition:opacity .3s}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip-container:hover .tooltip{visibility:visible;opacity:1}@media (max-width: 768px){#app{margin:10px;padding:15px}textarea{font-size:12px}.button-container{flex-direction:column;align-items:center}button{width:200px}}
