.pwatoast{position:fixed;bottom:0;right:0;margin:3rem;padding:1rem;color:#000000a9;background-color:#dcfce7;border-style:solid;border-radius:.25rem;border-color:#dcfce7;z-index:50}.pwatoast-text{color:#60a5fa;margin-left:.5rem}.pwatoast-text:hover{text-decoration-line:underline}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;max-width:600px;margin:4rem auto;padding:0 1rem}h1{margin-bottom:1.5rem}.textarea-wrap{position:relative}textarea{width:100%;padding:.75rem 2.5rem .75rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;resize:vertical}.clear-btn{position:absolute;top:0;right:0;width:2.5rem;height:2.5rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;color:#999;font-size:1.4rem;line-height:1;border:none;border-radius:0 6px 0 0;cursor:pointer}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.clear-btn:not(:disabled):hover{color:#333}button{margin-top:.75rem;padding:.6rem 1.4rem;font-size:1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}section{margin-top:2rem}.darija-french{font-size:1.1rem}.darija-arabic{font-size:1.3rem;font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#555;margin-top:.25rem}audio{display:block;margin-top:.75rem;width:100%}.error{color:#dc2626}