.dg{--purple:#562d81;--purple-d:color-mix(in srgb,var(--purple),#000 28%);--ink:#22212a;--mute:#6b6773;--line:#e7e3ef;--field:#f7f5fb;line-height:1.5}.dg *{box-sizing:border-box}.dg-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 46px -30px rgba(60,30,100,.35);padding:34px 38px}@media(max-width:560px){.dg-card{padding:24px 20px}}.dg-intro{border-bottom:1px solid var(--line);margin:0 0 26px;padding-bottom:22px}.dg-intro h2{color:var(--purple-d);font-size:23px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.dg-intro-body,.dg-intro-body p{color:var(--mute);font-size:15px;margin:0;max-width:660px}.dg-badge{align-items:center;background:#f4f0fa;border-radius:999px;color:var(--purple);display:inline-flex;font-size:12.5px;font-weight:600;gap:7px;margin-top:14px;padding:6px 13px}.dg .cols{display:grid;gap:0 34px;grid-template-columns:1fr 1px 1fr}.dg .cols .rule{background:var(--line)}@media(max-width:760px){.dg .cols{gap:0;grid-template-columns:1fr}.dg .cols .rule{display:none}}.dg .col{display:flex;flex-direction:column}.dg-q{border-top:1px solid var(--line);padding:18px 0}.dg .col>.dg-q:first-child{border-top:0;padding-top:2px}.dg-q-label{color:var(--ink);font-size:15px;font-weight:700;line-height:1.35;margin-bottom:12px}.dg-opts{display:grid;gap:6px}.dg-opts.g2{grid-template-columns:1fr 1fr}@media(max-width:440px){.dg-opts.g2{grid-template-columns:1fr}}.dg-opt{align-items:flex-start;border-radius:10px;color:#37333f;cursor:pointer;display:flex;font-size:14px;gap:10px;margin:0;padding:7px 10px;transition:background .15s;user-select:none}.dg-opt:hover{background:#f6f2fc}.dg-opt input{height:0;opacity:0;position:absolute;width:0}.dg-opt .dot{background:#fff;border:2px solid #c3bcd2;border-radius:50%;flex:0 0 auto;height:18px;margin-top:1px;position:relative;transition:border-color .15s;width:18px}.dg-opt input:checked~.dot{border-color:var(--purple)}.dg-opt input:checked~.dot:after{animation:dgpop .18s ease;background:var(--purple);border-radius:50%;content:"";inset:3px;position:absolute}.dg-opt input:focus-visible~.dot{box-shadow:0 0 0 4px rgba(86,45,129,.18)}.dg-opt input:checked~.txt{color:var(--purple-d);font-weight:600}@keyframes dgpop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.dg-ta{margin-top:12px}.dg-ta.collapsed{display:none}.dg-ta label{color:var(--mute);display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}.dg-ta textarea{background:var(--field);border:1px solid var(--line);border-radius:11px;color:var(--ink);font:inherit;font-size:14px;min-height:62px;padding:10px 12px;resize:vertical;width:100%}.dg-ta textarea:focus{background:#fff;border-color:var(--purple);box-shadow:0 0 0 4px rgba(86,45,129,.12);outline:none}.dg-action{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-top:26px;padding-top:24px}.dg-action .note{color:var(--mute);flex:1;font-size:13px;min-width:220px}.dg .dl{align-items:center;appearance:none;background:linear-gradient(100deg,var(--purple),var(--purple-d));border:0;border-radius:12px;box-shadow:0 12px 24px -12px rgba(86,45,129,.7);color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:15.5px;font-weight:700;gap:10px;padding:14px 26px;transition:transform .12s,box-shadow .12s}.dg .dl:hover{box-shadow:0 16px 30px -12px rgba(86,45,129,.8);transform:translateY(-1px)}.dg .dl:active{transform:translateY(0)}.dg .dl svg{height:18px;width:18px}.dg .dl[disabled]{cursor:wait;opacity:.6}.dg-ta.invalid textarea{background:#fdf3f3;border-color:#d64545}.dg-q.dg-error .dg-q-label{color:#c0392b}.dg-q.dg-error .dg-err{display:block}.dg-err{color:#c0392b;font-size:12.5px;margin-top:8px}.dg-alert,.dg-err{display:none;font-weight:600}.dg-alert{background:#fdf0f0;border:1px solid #f2c8c8;border-radius:12px;color:#a5342a;font-size:13.5px;margin-top:18px;padding:12px 16px}.dg-alert.show{display:block}.dg-success{animation:dgfade .4s ease;padding:36px 20px 30px;text-align:center}.dg-success .check{background:#eafaf1;border-radius:50%;display:grid;height:66px;margin:0 auto 18px;place-items:center;width:66px}.dg-success .check svg{color:#1f9d57;height:34px;width:34px}.dg-success h2{color:var(--purple-d);font-size:24px;font-weight:800;margin:0 0 8px}.dg-success p{color:var(--mute);font-size:15px;margin:0 auto 20px;max-width:460px}.dg-success .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dg .dg-restart{appearance:none;background:#fff;border:1.5px solid var(--line);border-radius:12px;color:var(--purple);cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:13px 22px}.dg .dg-restart:hover{border-color:var(--purple)}@keyframes dgfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}