.fawf-app{--fw-purple:#6838a2;--fw-ink:#342044;max-width:1120px;width:calc(100% - 48px);margin:24px auto 55px;color:var(--fw-ink);font-family:FirstAudioTamil,'Nirmala UI',system-ui,sans-serif;line-height:1.85}.fawf-app *{box-sizing:border-box}.fawf-app [hidden]{display:none!important}.fawf-banner{position:relative;overflow:hidden;border-radius:28px;padding:35px 42px;color:white;background:radial-gradient(ellipse at 90% 10%,#e27bc277,transparent 55%),linear-gradient(120deg,#452265,#7645b6 65%,#b561b2)}.fawf-banner>span{font:700 10px/1.5 system-ui;letter-spacing:2px;color:#edd5ff}.fawf-banner h1{font-size:clamp(24px,3.5vw,40px);line-height:1.5;margin:12px 0}.fawf-banner h1 em{font-style:normal;color:#ffdfb5}.fawf-banner p{font-size:13px;margin:0;position:relative;z-index:1}.fawf-banner>b{position:absolute;right:5%;top:0;font:220px/1 system-ui;color:#ffffff16;transform:rotate(-15deg)}.fawf-compose{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;margin:24px 0;padding:32px;border:1px solid #e6d6ef;border-radius:24px;background:radial-gradient(ellipse at 0 0,#ede0ff,transparent 60%),linear-gradient(135deg,#fff9ef,#fff,#f5eaf8);box-shadow:0 12px 35px #6842870b}.fawf-kicker{font:700 10px system-ui;letter-spacing:1.7px;color:#9571b0}.fawf-compose h2,.fawf-list-section>h2{font-size:22px;line-height:1.7;margin:10px 0}.fawf-compose>div>p{font-size:13px;color:#886a9b}.fawf-app label{display:grid;gap:7px;font-size:13px;font-weight:650;margin-bottom:17px}.fawf-app input,.fawf-app textarea{width:100%;padding:12px 14px;border:1px solid #d9cae5;background:#fffdfefa;border-radius:12px;color:#392343;font:inherit;line-height:1.8}.fawf-app textarea{resize:vertical}.fawf-app input:focus,.fawf-app textarea:focus{outline:2px solid #b58bda;outline-offset:2px}.fawf-recorder{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;border-radius:17px;background:linear-gradient(120deg,#eee2fb,#ffeae9);border:1px solid #e9d5ee}.fawf-recorder>div{flex:1;min-width:150px}.fawf-recorder strong{font-size:13px;display:block}.fawf-recorder small{display:block;font-size:10px;color:#926f9a}.fawf-app button{font:inherit;font-size:12px;border:0;border-radius:10px;padding:10px 14px;background:#70449c;color:#fff;cursor:pointer}.fawf-app button:disabled{opacity:.55;cursor:wait}.fawf-recorder [data-stop]{background:#bd4369}.fawf-recorder [data-timer]{font:700 13px system-ui;color:#874560}.fawf-recorder audio{width:100%;height:42px}.fawf-recorder [data-discard]{background:#fff;color:#975473;border:1px solid #e2c5d2}.fawf-note{font-size:10px;color:#846d91;line-height:1.9;margin:13px 0}.fawf-app .fawf-submit{width:100%;background:linear-gradient(110deg,#63379a,#a359b1);padding:14px;font-size:14px;font-weight:700;box-shadow:0 6px 18px #76499c22}.fawf-list-section>h2 span{color:#c790b7}.fawf-list{display:grid;gap:17px}.fawf-entry{padding:24px;border-radius:20px;border:1px solid #e5d7ee;background:linear-gradient(130deg,#fcf7ff,#fff6f2);overflow-wrap:anywhere}.fawf-entry:nth-child(3n+2){background:linear-gradient(130deg,#f0f9f7,#fbf6ff)}.fawf-entry:nth-child(3n){background:linear-gradient(130deg,#fff8e9,#fff0f7)}.fawf-entry header{display:flex;align-items:center;gap:12px}.fawf-entry h3{font-size:15px;margin:0;line-height:1.7}.fawf-entry time{font:11px system-ui;color:#967e9f}.fawf-avatar{display:grid;place-items:center;background:linear-gradient(140deg,#8353b7,#b878b6);color:#fff;width:44px;height:44px;border-radius:15px;font-size:19px;flex:none}.fawf-entry>p{font-size:14px;white-space:normal;margin:16px 0 0;line-height:2}.fawf-voice{margin-top:16px;display:grid;gap:8px;font-size:12px}.fawf-voice audio{width:100%;max-width:500px;height:42px}.fawf-reply{margin-top:18px;padding:18px;border-left:3px solid #ae7bcc;border-radius:0 14px 14px 0;background:#ffffffbf}.fawf-reply strong{font-size:12px;color:#7b409d}.fawf-reply p{font-size:13px;margin:9px 0 0}.fawf-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.fawf-muted{color:#947e9e}.fawf-dialog{max-width:460px;width:calc(100% - 40px);border:1px solid #d5b7e9;border-radius:22px;padding:28px;background:#fbf5ff;color:#593475;font:14px/2 FirstAudioTamil,system-ui;text-align:center;box-shadow:0 20px 70px #31203a50}.fawf-dialog::backdrop{background:#25113788}.fawf-dialog p{margin:0 0 20px}.fawf-pagination{margin:20px 0;display:flex;gap:9px;justify-content:center}.fawf-pagination a,.fawf-pagination span{padding:6px 13px;border-radius:9px;background:#eee1f8}.fawf-pagination .current{background:#75469f;color:white}@media(max-width:800px){.fawf-app{width:calc(100% - 28px);margin-top:14px}.fawf-banner{padding:25px 23px;border-radius:22px}.fawf-banner p{font-size:11px}.fawf-compose{grid-template-columns:1fr;gap:15px;padding:20px;margin:16px 0}.fawf-compose h2,.fawf-list-section>h2{font-size:19px}.fawf-entry{padding:19px}.fawf-recorder{padding:14px;gap:9px}}
.fawf-admin-mark{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:7px 13px;border:1px solid #e5c8e3;border-radius:30px;background:#fff9;color:#8b4c8c}.fawf-admin-mark>span{font-size:21px;line-height:1.4}.fawf-admin-mark strong{font-size:10px}.fawf-admin-tools{margin-top:20px;padding-top:15px;border-top:1px dashed #d9bfe3}.fawf-admin-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.fawf-admin-actions>span{font:800 9px system-ui;letter-spacing:1px;color:#a486b1;margin-right:3px}.fawf-admin-actions button[data-reaction]{padding:7px 12px;background:#fff7fc;color:#633477;border:1px solid #e0c7e2;font-size:23px;line-height:1.3;border-radius:13px}.fawf-admin-actions button[aria-pressed=true]{background:#f4d6ed;border-color:#af6fa6;box-shadow:0 0 0 2px #c58ac422}.fawf-admin-reply-form{margin-top:15px;padding:17px;background:#ffffffb0;border-radius:15px}.fawf-admin-reply-form label{margin-bottom:10px}.fawf-admin-reply-form small{display:block;margin-top:9px;color:#957b9c;font-size:10px}
/* Compact feedback cards: identity/reaction above, text and voice together. */
.fawf-list{gap:12px}.fawf-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,440px);align-items:start;column-gap:24px;row-gap:10px;padding:18px 22px;border-radius:18px}.fawf-entry>header{grid-column:1;grid-row:1;gap:10px;align-items:center}.fawf-entry .fawf-avatar{width:38px;height:38px;border-radius:12px;font-size:17px}.fawf-entry h3{font-size:14px;line-height:1.5}.fawf-entry time{font-size:10px}.fawf-entry>p{grid-column:1;grid-row:2;margin:0;align-self:center;font-size:13px;line-height:1.85}.fawf-entry:not(:has(>.fawf-voice))>p{grid-column:1/-1}.fawf-entry>.fawf-voice{grid-column:2;grid-row:2;margin:0;gap:3px;font-size:10px}.fawf-entry>.fawf-voice audio{width:100%;height:36px}.fawf-entry:not(:has(>p))>.fawf-voice{grid-column:1/-1;max-width:440px;width:100%}.fawf-entry>.fawf-admin-mark{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0;padding:4px 10px;gap:6px}.fawf-entry>.fawf-admin-mark>span{font-size:19px}.fawf-entry>.fawf-admin-mark strong{font-size:9px}.fawf-entry>.fawf-reply{grid-column:1/-1;grid-row:3;margin:0;padding:12px 15px}.fawf-entry>.fawf-reply p{margin:5px 0 0;font-size:12px;line-height:1.85}.fawf-entry>.fawf-admin-tools{grid-column:1/-1;grid-row:4;margin:0;padding-top:10px}.fawf-admin-actions{gap:7px}.fawf-admin-actions button[data-reaction]{font-size:19px;padding:4px 10px}.fawf-admin-actions button[data-reply-toggle]{padding:7px 12px}.fawf-admin-reply-form{margin-top:10px;padding:12px}@media(max-width:800px){.fawf-entry{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:15px 16px}.fawf-entry>p,.fawf-entry:not(:has(>.fawf-voice))>p{grid-column:1/-1;grid-row:2}.fawf-entry>.fawf-voice,.fawf-entry:not(:has(>p))>.fawf-voice{grid-column:1/-1;grid-row:3;max-width:none}.fawf-entry:not(:has(>p))>.fawf-voice{grid-row:2}.fawf-entry>.fawf-admin-mark{padding:4px 8px}.fawf-entry>.fawf-admin-mark strong{display:none}.fawf-entry>.fawf-admin-mark:has(strong){position:relative}.fawf-entry>.fawf-reply{grid-row:4;padding:11px 12px}.fawf-entry>.fawf-admin-tools{grid-row:5}.fawf-entry .fawf-avatar{width:34px;height:34px;font-size:15px}.fawf-entry>.fawf-voice audio{height:36px}}

/* Compact page introduction and full-width feedback composer. */
.fawf-app{margin-top:16px}.fawf-banner-small{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 25px;border-radius:18px}.fawf-banner-small span{font:700 9px/1.5 system-ui;letter-spacing:1px;color:#ebd4fa}.fawf-banner-small h1{font-size:22px;line-height:1.5;margin:4px 0 0}.fawf-banner-small p{font-size:11px;line-height:1.8}.fawf-about{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);align-items:center;gap:27px;padding:21px 24px;margin-top:15px;border:1px solid #ead9ec;border-radius:20px;background:radial-gradient(ellipse at 0 100%,#e6d3f9,transparent 60%),linear-gradient(110deg,#faf2fd,#fff6ee)}.fawf-about>img{display:block;width:100%;height:auto;max-width:340px;justify-self:center;object-fit:contain}.fawf-about h2{font-size:17px;line-height:1.6;margin:5px 0 8px;color:#70447f}.fawf-about p{font-size:11px;line-height:1.9;margin:0 0 8px;color:#7f648c}.fawf-about p:last-child{margin-bottom:0}.fawf-compose{display:block;padding:22px 25px;margin:15px 0 20px}.fawf-compose>div{margin-bottom:13px}.fawf-compose .fawf-kicker{font-size:8px}.fawf-compose h2{font-size:19px;margin:4px 0}.fawf-compose>div>p{font-size:11px;margin:0;line-height:1.8}.fawf-compose>form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:center}.fawf-compose>form>label{grid-column:1/-1;gap:5px;font-size:12px;margin:0}.fawf-compose input,.fawf-compose textarea{padding:9px 12px;font-size:12px;border-radius:10px;line-height:1.8}.fawf-compose textarea{min-height:90px}.fawf-compose .fawf-recorder{grid-column:1/-1;padding:12px 15px;gap:9px}.fawf-compose .fawf-note{grid-column:1;font-size:9px;line-height:1.85;margin:0}.fawf-compose .fawf-submit{grid-column:2;width:auto;padding:12px 20px;font-size:12px}.fawf-compose [data-status]{grid-column:1/-1;margin:0;font-size:11px}.fawf-compose [data-status]:empty{display:none}@media(max-width:800px){.fawf-banner-small{padding:14px 18px;gap:10px}.fawf-banner-small h1{font-size:19px}.fawf-banner-small p{font-size:9px;max-width:125px}.fawf-about{grid-template-columns:1fr;padding:18px;gap:14px;margin-top:12px}.fawf-about>img{max-width:290px}.fawf-about h2{font-size:16px}.fawf-about p{font-size:11px;line-height:1.9}.fawf-compose{padding:18px;margin-top:12px}.fawf-compose>form{grid-template-columns:minmax(0,1fr);gap:11px}.fawf-compose .fawf-note,.fawf-compose .fawf-submit{grid-column:1;width:100%}.fawf-compose h2{font-size:17px}.fawf-compose .fawf-recorder{padding:12px}.fawf-compose textarea{min-height:85px}}