/* Feedback: floating dialog, one white sheet */
.fb-back{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:12px;background:rgba(30,18,5,.55);backdrop-filter:blur(3px);direction:rtl;animation:fbin .2s ease both}
.fb-back.out{opacity:0;transition:opacity .2s}
@keyframes fbin{from{opacity:0}to{opacity:1}}
.fb{position:relative;width:min(100%,480px);max-height:calc(100svh - 24px);overflow:auto;background:#fff;color:#12323a;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.4);padding:18px clamp(16px,4vw,26px) 22px;font-family:inherit;animation:fbpop .28s cubic-bezier(.34,1.4,.64,1) both}
@keyframes fbpop{from{transform:translateY(24px) scale(.94);opacity:0}to{transform:none;opacity:1}}
.fb-x{position:absolute;top:12px;inset-inline-start:12px;width:38px;height:38px;border-radius:50%;border:0;background:#f1f6f6;color:#587479;font-size:22px;line-height:1;cursor:pointer}
.fb-head{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#fff7e8,#fff1d6);border-radius:20px;padding:6px 14px 0;margin:30px 0 14px}
.fb-head .fb-cat{flex:none}
.fb-bub{flex:1;background:#fff;border:2px solid #f3dfb9;border-radius:18px;padding:8px 12px;font-weight:700;font-size:15px;line-height:1.7;margin-bottom:10px;color:#3d2a12}
.fb h2{margin:0 0 4px;font-size:20px}
.fb-l{display:block;font-weight:800;font-size:14px;margin:14px 0 8px;color:#3d4f53}
.fb-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fb-t{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border:2px solid #dbe8e6;border-bottom-width:4px;border-radius:16px;background:#f8fbfb;font:inherit;font-weight:700;font-size:13px;color:#12323a;cursor:pointer}
.fb-t i{font-style:normal;font-size:24px;line-height:1.2}
.fb-t[aria-pressed="true"]{background:#fff3dc;border-color:#ffb02e;color:#8a4b08}
.fb-stars{display:flex;gap:6px;direction:ltr;justify-content:center}
.fb-s{border:0;background:none;padding:2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.fb-s img{width:40px;height:40px;display:block}
.fb-s:active{transform:scale(.9)}
.fb textarea,.fb input[type=text]{width:100%;box-sizing:border-box;border:2px solid #dbe8e6;border-radius:16px;padding:12px 14px;font:inherit;font-size:16px;color:#12323a;background:#fbfdfd;resize:vertical}
.fb textarea{min-height:84px}
.fb textarea:focus,.fb input:focus{outline:0;border-color:#ffb02e;background:#fff}
.fb-count{display:block;text-align:start;font-size:12px;color:#7d9397;margin-top:3px}
.fb-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.fb-err{color:#c23b2a;font-weight:700;font-size:14px;margin:10px 0 0;min-height:1.2em}
.fb-send{display:flex;width:100%;margin-top:12px;min-height:54px;font-size:19px;justify-content:center;align-items:center}
.fb-send[disabled]{opacity:.6;filter:grayscale(.3)}
.fb-note{font-size:12.5px;color:#7d9397;text-align:center;margin:10px 0 0;line-height:1.8}
.fb-done{text-align:center;padding:10px 0 4px}
.fb-done h2{margin:6px 0}
.fb-done p{margin:0 0 14px;color:#587479;font-weight:600;line-height:1.9}
/* floating tab, used inside lessons */
.fb-fab{position:fixed;z-index:60;inset-inline-start:12px;bottom:12px;width:52px;height:52px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25);display:grid;place-items:center;cursor:pointer;padding:0}
.fb-fab img{width:36px;height:36px}
@media (max-width:420px){.fb-t{font-size:12px}.fb-s img{width:36px;height:36px}}
/* v2: 3D icons, no sideways scroll, send button visible on short screens */
.fb{overflow-x:hidden;padding-top:14px}
.fb-t i{height:40px;display:grid;place-items:center;font-size:28px}
.fb-t i img{width:38px;height:38px;object-fit:contain}
.fb-head{margin:26px 0 8px}
.fb-l{margin:10px 0 6px}
.fb textarea{min-height:70px}
.fb-count{margin-top:0}
.fb-note{margin-top:8px}
@media (max-height:760px){.fb-s img{width:34px;height:34px}.fb-head .fb-cat{transform:scale(.85);transform-origin:bottom}}