*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:#f3f6f3;color:#133e31;font:14px/1.5 system-ui,-apple-system,sans-serif}.preview-bar{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:12px 20px;background:#103e30;color:white;border-bottom:3px solid #c3f76f}.preview-bar strong{font-size:16px}.preview-bar p{margin:3px 0 0;max-width:780px;font-size:12px;color:#e3eee8}.preview-bar nav{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.preview-bar a,.preview-bar button{padding:9px 12px;border:1px solid #648a7c;border-radius:7px;background:transparent;color:white;text-decoration:none;font:inherit;cursor:pointer}.preview-bar #preview-signup{background:#c3f76f;color:#123a2b;border-color:#c3f76f;font-weight:700}.preview-bar a:focus-visible,.preview-bar button:focus-visible{outline:3px solid white;outline-offset:2px}#preview-app{border:0;width:100%;flex:1;min-height:0;background:#f5f8f5}#preview-status{margin:0;padding:6px 20px;background:#f1f7df;font-size:12px}#preview-status:empty{display:none}@media(max-width:900px){.preview-bar{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.preview-bar nav{gap:6px}.preview-bar a,.preview-bar button{padding:7px 10px;font-size:12px}}
dialog{width:min(580px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid #b5cbbf;border-radius:16px;padding:24px;color:#153e31;background:white}dialog::backdrop{background:#071f19b0}dialog h2{margin-top:0}dialog label{display:block;margin:14px 0}dialog label>span{display:block;margin-bottom:5px}dialog input:not([type=checkbox]),dialog textarea,dialog select{display:block;width:100%;font:inherit;padding:10px;border:1px solid #91afa0;border-radius:7px}dialog .feedback-consent{display:flex;gap:8px;align-items:flex-start}dialog .feedback-consent input{margin-top:5px}dialog a{color:#165b40}dialog button{font:inherit;border:1px solid #91afa0;border-radius:7px;padding:10px 16px;background:#f1f5ef;cursor:pointer}dialog #feedback-send{background:#165b40;color:white}dialog button:disabled{opacity:.6;cursor:wait}.feedback-actions{display:flex;gap:10px}#feedback-result{white-space:pre-line}.feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#feedback-trial{font-weight:700}#feedback-trial-note{border-top:1px solid #d6e3dc;margin-top:22px;padding-top:16px}
