.letter-wrapper{--bg1:#fff8f0;--bg2:#fdf1dc;--saffron:#b35c00;--deep:#3a1f0a;--gold:#caa351;--ring:rgba(255,193,7,0.25);--shadow:0 10px 30px rgba(58,31,10,0.18);display:grid;place-items:center;padding:2.5rem 1rem;font-family:Noto Sans Devanagari,Mukta,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.letter-card{position:relative;width:min(720px,100%);background:rgba(255,255,255,.78);border:1px solid rgba(202,163,81,.35);border-radius:20px;padding:2rem 1.25rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}@media (min-width:640px){.letter-card{padding:2.5rem 2rem}}.letter-aura{position:absolute;inset:-40%;background:radial-gradient(closest-side,var(--ring),transparent 70%);animation:letter-breathe 6s ease-in-out infinite;pointer-events:none}@keyframes letter-breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.letter-imageWrap{display:grid;place-items:center;margin-bottom:.8rem}.letter-image{width:140px;height:140px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.15))}.letter-title{margin:.25rem 0 .5rem;text-align:center;font-size:25px!important;color:var(--saffron);font-weight:800;letter-spacing:.2px}.letter-subtitle{margin:0 auto;text-align:center;max-width:58ch;line-height:1.75;color:var(--deep);font-size:1rem}.letter-divider{width:100%;height:1px;margin:1.25rem 0 1.5rem;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.letter-form{display:grid;gap:.5rem}.letter-label{font-weight:600;color:#6b3e16;margin-left:2px}.letter-inputRow{display:grid;grid-template-columns:1fr}@media (min-width:560px){.letter-inputRow{grid-template-columns:1fr auto;align-items:center}}.letter-input::-moz-placeholder{color:#9b7b54;opacity:.85}.letter-input::placeholder{color:#9b7b54;opacity:.85}.letter-input:focus{border-color:var(--saffron);box-shadow:0 0 0 6px rgba(179,92,0,.15)}.letter-button:hover{filter:brightness(1.05)}.letter-button:active{transform:translateY(1px) scale(.99)}.letter-button:disabled{opacity:.65;cursor:not-allowed;filter:grayscale(.2)}.letter-note,.letter-noteError,.letter-noteSuccess{margin-top:.25rem;font-size:.92rem;line-height:1.5}.letter-note{color:#6d4c41}.letter-noteSuccess{color:#1b5e20;background:#e8f5e9;border:1px solid #a5d6a7;padding:.5rem .75rem;border-radius:10px}.letter-noteError{color:#b71c1c;background:#ffebee;border:1px solid #ffcdd2;padding:.5rem .75rem;border-radius:10px}.letter-footnote{text-align:center;margin-top:1.2rem;color:#6b3e16;font-weight:600}.letter-highlight{background:linear-gradient(90deg,#ffe082,#ffd54f);padding:0 6px;border-radius:6px}@media (prefers-reduced-motion:reduce){.letter-aura{animation:none}}@media (prefers-color-scheme:dark){.letter-wrapper{--bg1:#20160e;--bg2:#2a1c10;--deep:#f0e3d6;--ring:rgba(255,193,7,0.18)}.letter-card{background:rgba(32,22,14,.75);border-color:rgba(202,163,81,.35)}.letter-input{background:#2a1c10;color:#f5efe7}.letter-subtitle{color:var(--deep)}}.letter-inputRow{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.letter-input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(202,163,81,.55);background:#fffdf8;color:#2f1709;outline:none;transition:box-shadow .2s,border-color .2s,transform .06s;font-size:1rem}.letter-button{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:.95rem 1.3rem;border-radius:12px;font-weight:800;letter-spacing:.3px;background:linear-gradient(135deg,#ffb300,#ff7043);color:#2c1204;box-shadow:0 10px 20px rgba(255,112,67,.28),inset 0 1px 0 #fff3e0;cursor:pointer;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease;white-space:nowrap}