[hidden] { display: none !important; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.help-button { padding: 7px 10px; border: 1px solid #d7cac1; border-radius: 999px; color: #76594e; background: #fffaf6; font: inherit; font-size: .77rem; font-weight: 750; cursor: pointer; }
.help-dialog { width: min(440px, calc(100% - 30px)); padding: 0; border: 0; border-radius: 18px; color: #302733; background: #fffaf6; box-shadow: 0 22px 80px #23140a55; }
.help-dialog::backdrop { background: #2c1c246b; backdrop-filter: blur(3px); }
.help-content { position: relative; padding: 29px; }.help-content h2 { margin-bottom: 21px; font-size: 1.55rem; }
.close-help { position: absolute; top: 12px; right: 13px; padding: 4px 9px; border: 0; color: #806f70; background: transparent; font-size: 1.35rem; cursor: pointer; }
.help-steps { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }.help-steps li { display: grid; grid-template-columns: 54px 1fr; gap: 12px; align-items: center; }
.help-steps svg { width: 54px; height: 54px; padding: 9px; border-radius: 15px; stroke: #8c6672; stroke-width: 3; fill: #f9edf0; stroke-linecap: round; stroke-linejoin: round; }.help-steps .record-dot { fill: #d64d5d; stroke: none; }.help-steps .check { stroke: #4e9a70; }.help-steps b, .help-steps span { display: block; }.help-steps b { margin-bottom: 3px; font-size: .94rem; }.help-steps span { color: #756a6d; font-size: .8rem; line-height: 1.45; }.help-note { margin: 22px 0 14px; color: #747c6f; font-size: .78rem; }