*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Vazirmatn,IRANSans,Tahoma,system-ui,sans-serif;direction:rtl;background:#f6f3fb;color:#1c1b1f}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;background:#fff;box-shadow:0 1px #1c19170f}.brand{font-weight:800;font-size:1.15rem;color:#6750a4;letter-spacing:-.01em}.tag{color:#8b8594;font-size:.82rem}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center}h1{font-size:2.1rem;font-weight:800;margin:0 0 .4rem;letter-spacing:-.02em}.lede{color:#8b8594;margin:0 0 2.25rem;font-size:1rem}.form{display:flex;gap:.6rem;width:100%;max-width:540px}input{flex:1;min-width:0;padding:.9rem 1.2rem;border:1.5px solid transparent;border-radius:16px;background:#fff;box-shadow:0 1px 2px #1c19170a,0 8px 24px -10px #1c19171a;font-size:.95rem;font-family:inherit;transition:box-shadow .15s ease,border-color .15s ease}input:focus{outline:none;border-color:#6750a4;box-shadow:0 0 0 4px #6750a426}button[type=submit]{padding:.9rem 1.8rem;border:none;border-radius:16px;background:#6750a4;color:#fff;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px -6px #6750a48c;display:flex;align-items:center;gap:.5rem;transition:background .15s ease,transform .1s ease}button[type=submit]:hover:not(:disabled){background:#574287}button[type=submit]:active:not(:disabled){transform:scale(.98)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#b3261e;background:#fdecea;padding:.7rem 1.1rem;border-radius:12px;margin-top:1.1rem;font-size:.88rem}.results{margin-top:2.25rem;width:100%;max-width:540px;text-align:right}.original-hint{color:#8b8594;font-size:.78rem;margin:0 0 1rem;word-break:break-all;text-align:left}.card{background:#fff;border-radius:18px;padding:1.1rem 1.3rem;margin-bottom:.7rem;box-shadow:0 1px 2px #1c19170a,0 8px 24px -10px #1c19171a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;transition:box-shadow .15s ease}.card:hover{box-shadow:0 1px 2px #1c19170f,0 12px 28px -8px #1c191729}.link-text{color:#6750a4;font-weight:700;word-break:break-all;text-decoration:none}.card-actions{display:flex;gap:.45rem}.btn-flat{background:#ece6f4;color:#6750a4;border:none;padding:.4rem 1rem;border-radius:20px;font-size:.78rem;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s ease}.btn-flat:hover{background:#ded4ec}.footer{text-align:center;color:#8b8594;font-size:.8rem;padding:1.75rem}.fade-enter-active{transition:opacity .25s ease,transform .25s ease}.fade-enter-from{opacity:0;transform:translateY(-6px)}@media(max-width:480px){.form{flex-direction:column}}