:root{--primary: #0f5132;--accent: #1e6f5c;--text-color: #1a1a1a;--bg-color: #f6f7f6}body{margin:0;font-family:Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}header{text-align:center;margin-top:40px;opacity:0;animation:fadeIn 1s ease forwards}header h1{font-size:1.8rem;font-weight:600;color:var(--primary);letter-spacing:.5px;margin-bottom:10px}header p{font-size:.95rem;color:#555}main{background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;width:90%;max-width:700px;padding:2rem;margin:2rem auto}label{display:block;margin-bottom:.3rem;font-weight:500;color:var(--primary)}input,select,textarea,button{width:100%;padding:.6rem .8rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}button{background-color:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:500;transition:background-color .25s ease,transform .3s ease,opacity .6s ease;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.4s}button:hover{background-color:var(--primary);transform:translateY(-2px)}.question-section{margin-top:1.5rem}footer{text-align:center;padding:20px 10px 40px;font-size:.75rem;color:#777}.footer-logo{width:140px;height:auto;margin:0 auto 10px;display:block;opacity:.9}footer p{max-width:600px;margin:0 auto;line-height:1.4}.result{background-color:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:1.5rem;margin:1rem auto 2rem;width:90%;max-width:700px;text-align:center}.result h2{color:var(--primary);font-size:1.3rem;margin-bottom:1rem}.promptbox{background-color:#f8f9f8;border:1px solid #d6dad6;border-radius:10px;padding:1rem;white-space:pre-wrap;font-size:.95rem;color:#333;margin-bottom:1rem;text-align:left}.step{margin-bottom:8px}.buttons{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.btn{padding:8px 12px;border-radius:8px;border:1px solid #dfefe0;background:#fff;cursor:pointer}.btn.primary{background:var(--green);color:#fff;border:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otherrow{display:flex;gap:8px;margin-top:8px}.resultbuttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.btn.chatgpt{background:#0b63ff;color:#fff;border:none}.btn.gemini{background:#1a73e8;color:#fff;border:none}.btn.claude{background:#7b61ff;color:#fff;border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{animation:fadeIn 1.2s ease forwards;opacity:0}button{animation:fadeIn 1s ease forwards;animation-delay:.4s;opacity:0;transform:translateY(8px)}.output-box.show{animation:fadeIn .8s ease forwards}header p.intro-text{margin-bottom:4rem}.fade-in{opacity:0;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease}.fade-in.show,button.show{opacity:1;transform:translateY(0)}.btn{display:inline-block;padding:8px 16px;border-radius:8px;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:all .25s ease;opacity:1;animation:fadeIn .6s ease forwards}.btn.primary{background-color:var(--accent);color:#fff;border:none;font-weight:600}.btn.primary:hover{background-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 10px #0f513240}.btn:not(.primary){background-color:#e9f0eb;color:var(--primary);border:1px solid #cbd7d0}.btn:not(.primary):hover{background-color:#d9e7e0;transform:translateY(-2px);box-shadow:0 4px 8px #1e6f5c26}.resultbuttons{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:1.5rem}.resultbuttons .btn.primary.wide{width:100%;max-width:420px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:1rem;font-weight:600;padding:12px 14px;border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;transition:all .25s ease}.resultbuttons .btn.primary.wide:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0000002e;background:linear-gradient(135deg,var(--accent),var(--primary))}.resultbuttons .ai-row{display:flex;justify-content:center;gap:10px;width:100%;max-width:420px}.ai-row .btn{flex:1;font-size:.85rem;padding:8px 10px;border-radius:10px;font-weight:500;transition:all .25s ease;border:none;color:#fff;box-shadow:0 3px 6px #0000001a}.ai-row .btn:hover{transform:translateY(-2px);box-shadow:0 5px 8px #00000026}.btn.chatgpt{background:#2e7d32}.btn.gemini{background:#1976d2}.btn.claude{background:#455a64}.btn.chatgpt:hover{background:#256628}.btn.gemini:hover{background:#1565c0}.btn.claude:hover{background:#37474f}.grid2 label{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.grid2 label input[type=checkbox]{width:auto!important;height:auto;margin:0;transform:scale(1.05);accent-color:var(--primary)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:start}@media (max-width: 480px){.grid2{grid-template-columns:1fr}}