:root{--primary-color:#0077b5;--bg-color:#f3f2ef;--card-bg:#fff;--text-main:#333;--text-muted:#666}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.container{background-color:var(--card-bg);border-radius:10px;width:100%;max-width:600px;padding:30px;box-shadow:0 4px 12px #0000001a}h1{color:var(--primary-color);margin-bottom:5px;font-size:28px}p.subtitle{color:var(--text-muted);margin-bottom:20px;font-size:14px}textarea{resize:vertical;border:1px solid #ccc;border-radius:5px;width:100%;height:150px;margin-bottom:15px;padding:15px;font-size:16px;transition:border-color .3s}textarea:focus{border-color:var(--primary-color);outline:none}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;padding:12px 20px;font-size:16px;font-weight:700;transition:background-color .3s}button:hover{background-color:#005582}button:disabled{cursor:not-allowed;background-color:#ccc}.result-box{border-left:4px solid var(--primary-color);background-color:#e8f4f9;border-radius:0 5px 5px 0;margin-top:20px;padding:20px}.result-box h3{color:var(--primary-color);margin-bottom:10px;font-size:18px}.result-text{white-space:pre-wrap;font-size:16px;line-height:1.5}.error-text{color:#d32f2f;text-align:center;margin-top:10px;font-size:14px}