body.modal-open{overflow:hidden}.formula-modal[hidden]{display:none}.formula-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .16s ease}.formula-modal.is-open{opacity:1}.formula-modal__backdrop{position:absolute;inset:0;background:rgba(24,21,18,.46);backdrop-filter:blur(7px)}.formula-modal__dialog{position:relative;width:min(760px,100%);max-height:min(84vh,820px);display:flex;flex-direction:column;background:var(--surface,#fffef9);border:1px solid var(--line,#ded6c8);border-radius:24px;box-shadow:0 30px 80px rgba(20,16,12,.26);overflow:hidden;transform:translateY(12px) scale(.985);transition:transform .18s ease;outline:none}.formula-modal.is-open .formula-modal__dialog{transform:translateY(0) scale(1)}.formula-modal__grab{display:none}.formula-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 14px;border-bottom:1px solid var(--line,#ded6c8)}.formula-modal__header h2{margin:4px 0 0;font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.15;letter-spacing:-.025em}.formula-modal__eyebrow{color:var(--orange,#e8783f);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.formula-modal__close{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--line,#ded6c8);border-radius:50%;background:#fff;color:#4e4942;font-size:27px;line-height:1;cursor:pointer}.formula-modal__close:hover{border-color:#bdb3a5;background:#faf7f1}.formula-modal__body{overflow:auto;padding:18px 22px 8px}.formula-modal__math{position:relative;min-height:112px;display:grid;place-items:center;padding:22px 16px;margin-bottom:18px;border:1px solid #d9d1c4;border-radius:17px;background:#fff;overflow-x:auto;font-size:1.15rem}.formula-modal__section{padding:13px 0;border-top:1px dashed var(--line,#ded6c8);color:#49443e}.formula-modal__section:first-of-type{border-top:0}.formula-modal__label{display:block;margin-bottom:5px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#6e675e)}.formula-modal__footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 20px;border-top:1px solid var(--line,#ded6c8);background:rgba(250,247,239,.72)}.formula-modal__footer button{min-height:44px;border-radius:12px;padding:0 15px;font-weight:850;cursor:pointer}.formula-modal__secondary{border:1px solid var(--line,#ded6c8);background:#fff;color:#48423c}.formula-modal__primary{border:1px solid var(--blue,#397ebf);background:var(--blue,#397ebf);color:#fff}.formula-modal__primary:hover{filter:brightness(.96)}.card{cursor:pointer}.card .actions,.card details,.card button{cursor:auto}.card .actions button,.card summary,.card .fav{cursor:pointer}.card:focus-within .formula,.card:hover .formula{border-color:rgba(232,120,63,.72)}.formula:after{content:'Apri dettagli';position:absolute;left:10px;bottom:7px;font:800 .62rem/1 system-ui;color:#9a8f82;opacity:0;transform:translateY(3px);transition:.15s}.formula:hover:after,.formula:focus:after{opacity:1;transform:none}@media(max-width:780px){.formula-modal{align-items:end;padding:0}.formula-modal__dialog{width:100%;max-height:91vh;border-radius:22px 22px 0 0;transform:translateY(24px)}.formula-modal__grab{display:block;width:42px;height:5px;border-radius:99px;background:#d4cbc0;margin:9px auto 0}.formula-modal__header{padding:13px 16px 12px}.formula-modal__body{padding:14px 16px 6px}.formula-modal__footer{position:sticky;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.35fr}.formula-modal__footer button{width:100%}.formula-modal__math{font-size:1rem;min-height:96px;padding:18px 10px}.formula-modal__close{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.formula-modal,.formula-modal__dialog{transition:none}}