.beta-badge{display:inline-flex;align-items:center;gap:7px;padding:3px 8px;border:1px solid #dfc27b88;border-radius:3px;background:#c89e3219;color:#f5dfa3;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.6;white-space:nowrap}
.beta-version{color:#b9cabb;font-size:12px;letter-spacing:0;overflow-wrap:anywhere}
.beta-start-note{margin:12px 0 16px;display:grid;gap:8px}
.beta-start-note>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.beta-start-note p{margin:0;color:#c9d5c6;font-size:12px;line-height:1.7}
.beta-start-feedback{display:block;margin-top:12px;min-height:44px;width:100%}
.beta-hud-label{margin:8px auto 0;font-size:10px;line-height:1.4;letter-spacing:.07em}
.beta-hud-label [data-beta-version]{font-size:9px;font-weight:400;letter-spacing:0}
.start-demo-link[hidden]{display:none!important}
.beta-panel{display:grid;gap:14px;min-width:0}
.beta-panel [hidden]{display:none!important}
.beta-panel-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.beta-panel .beta-copy{margin:0;color:#e2e7d9;font-size:14px;line-height:1.8}
.beta-panel .beta-hint{margin:0;color:#b8cbbb;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.beta-feedback-form{display:grid;gap:8px;min-width:0}
.beta-feedback-form label{color:#e4d5ae;font-size:13px;line-height:1.6;font-weight:600}
.beta-feedback-form select,.beta-feedback-form textarea{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:44px;border:1px solid #8f9e8970;border-radius:3px;background:#0c1b22;color:#edf0e4;font:inherit;font-size:14px;padding:11px 12px}
.beta-feedback-form select{margin-bottom:8px;color-scheme:dark}
.beta-feedback-form textarea{resize:vertical;line-height:1.75;min-height:160px;max-height:55dvh}
.beta-feedback-form textarea::placeholder{color:#93a798;opacity:1}
.beta-feedback-form select:disabled,.beta-feedback-form textarea:disabled{opacity:.65}
.beta-feedback-count{font-size:12px;line-height:1.4;text-align:right;color:#b8cbbb}
.beta-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.beta-actions>button{flex:1 1 160px}
.beta-panel button{min-height:44px;min-width:44px;white-space:normal;overflow-wrap:anywhere}
.beta-panel button:disabled,.beta-start-feedback:disabled{opacity:.55;cursor:default}
.beta-panel button:focus-visible,.beta-panel select:focus-visible,.beta-panel textarea:focus-visible,.beta-start-feedback:focus-visible{outline:2px solid #ffe4a0;outline-offset:3px}
.beta-panel .beta-status,.beta-panel .beta-error{margin:0;padding:10px 12px;border-left:3px solid #cbb46c;background:#c5ad6610;color:#f0e1b9;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.beta-panel .beta-error{border-left-color:#d4a181;background:#ad594510;color:#ffd6bc}
.beta-receipt{padding:16px;border:1px solid #9bb18a66;background:#23382c45;min-width:0}
.beta-receipt h3{margin:0 0 8px;color:#e5eecf;font-size:18px}
.beta-receipt p{margin:0;color:#bfcebf;font-size:13px;line-height:1.75}
.beta-receipt dl{margin:16px 0;display:grid;gap:12px}
.beta-receipt dl>div{display:grid;gap:4px;min-width:0}
.beta-receipt dt{color:#acbca9;font-size:12px}
.beta-receipt dd{margin:0;color:#efdfb7;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.modal:has(.beta-panel) .modal-head button{min-width:44px;min-height:44px}
@media(max-width:650px){.beta-hud-label [data-beta-version]{display:none}.beta-hud-label{font-size:9px;margin-top:6px;padding:2px 6px}.beta-panel .beta-copy{font-size:13px}.beta-actions>button{flex-basis:100%}.beta-feedback-form select,.beta-feedback-form textarea{font-size:16px}.beta-start-note{margin-top:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.beta-panel *,.beta-start-feedback{animation:none!important;transition:none!important;scroll-behavior:auto!important}}