.citizen-howto{--cit:#1f7a55;--cit-soft:#eef6f1;--cit-ink:#16452f;padding-block:30px 60px}html[data-theme=dark] .citizen-howto{--cit:#1f7a55;--cit-soft:#171e1a;--cit-ink:#a9dabe}.citizen-howto-hero{align-items:flex-start;gap:20px;max-width:820px;margin-bottom:30px;display:flex}.citizen-howto-hero svg{flex-shrink:0;margin-top:6px}.citizen-howto-kicker{color:var(--cit);letter-spacing:.03em;font-size:12px;font-weight:700}html[data-theme=dark] .citizen-howto-kicker{color:var(--cit)}.citizen-howto-hero h1{margin:6px 0 10px;font-size:40px;font-weight:800;line-height:1.3}.citizen-howto-hero p{color:#5f6b75;font-size:16px;line-height:1.85}html[data-theme=dark] .citizen-howto-hero p{color:#919da8}.citizen-howto-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.citizen-howto-record{background:linear-gradient(180deg,var(--cit-soft),#fff 55%);border:1px solid #cfe5d8;border-radius:18px;padding:22px 24px 18px;position:sticky;top:20px}html[data-theme=dark] .citizen-howto-record{background:linear-gradient(180deg,var(--cit-soft),#161616 55%);border:1px solid #1b2c23;border-radius:18px}.citizen-howto-record-head{color:var(--cit-ink);flex-wrap:wrap;align-items:center;gap:6px 9px;margin-bottom:14px;display:flex}html[data-theme=dark] .citizen-howto-record-head{color:var(--cit-ink)}.citizen-howto-record-head b{font-size:18px}.citizen-howto-record-head span{color:#5f7a6c;flex-basis:100%;font-size:13px}html[data-theme=dark] .citizen-howto-record-head span{color:#7e9a8b}.citizen-inline-recorder .citizen-record-privacy{color:#7c8996;margin-top:15px;font-size:11px;line-height:1.8}html[data-theme=dark] .citizen-inline-recorder .citizen-record-privacy{color:#74818e}.citizen-inline-recorder audio{width:100%;margin:14px 0}.citizen-inline-recorder .citizen-record-success{padding:10px 0}.citizen-howto-tips{flex-direction:column;gap:14px;display:flex}.citizen-howto-tip{background:#fff;border:1px solid #e6e9ec;border-radius:14px;gap:14px;padding:16px 18px;display:flex}html[data-theme=dark] .citizen-howto-tip{background:#161616;border:1px solid #202224;border-radius:14px}.citizen-howto-icon{background:var(--cit-soft);width:40px;height:40px;color:var(--cit);border-radius:50%;flex-shrink:0;place-items:center;display:grid}html[data-theme=dark] .citizen-howto-icon{background:var(--cit-soft);color:var(--cit)}.citizen-howto-tip h2{margin-bottom:4px;font-size:16px;font-weight:700}.citizen-howto-tip p{color:#5f6b75;font-size:14px;line-height:1.75}html[data-theme=dark] .citizen-howto-tip p{color:#919da8}@media (max-width:900px){.citizen-howto-layout{grid-template-columns:1fr}.citizen-howto-record{position:static}}@media (max-width:600px){.citizen-howto-hero{gap:14px}.citizen-howto-hero svg{width:48px;height:48px}.citizen-howto-hero h1{font-size:30px}.citizen-howto-record{padding:18px 16px 14px}}:root[data-theme=dark] .citizen-howto{--cit:#3fae7d;--cit-soft:#13261d;--cit-ink:#cfeedd}:root[data-theme=dark] .citizen-howto-record{background:linear-gradient(#13261d,#15191e 55%);border-color:#24443a}:root[data-theme=dark] .citizen-howto-tip{background:#171b20;border-color:#2a3038}:root[data-theme=dark] .citizen-howto-hero p,:root[data-theme=dark] .citizen-howto-tip p,:root[data-theme=dark] .citizen-howto-record-head span{color:#a9b4bd}.citizen-inline-recorder .citizen-record-main:not(.stop),html[data-theme=dark] .citizen-inline-recorder .citizen-record-main:not(.stop){background:var(--cit)}.citizen-inline-recorder .citizen-record-stage:not(.recording) .citizen-record-orb,html[data-theme=dark] .citizen-inline-recorder .citizen-record-stage:not(.recording) .citizen-record-orb{background:var(--cit-soft);color:var(--cit)}