.sub-dialog{--card-edge: color-mix(in srgb, var(--season) 24%, transparent);--card-wash: color-mix(in srgb, var(--season) 7%, var(--mist));--card-wash-2: color-mix(in srgb, var(--season) 13%, var(--mist));width:min(680px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0px;border-radius:24px;background:transparent;color:var(--ink);overflow:auto;overscroll-behavior:contain}.sub-dialog::backdrop{background:#0814148c;backdrop-filter:blur(3px)}.sub-card{position:relative;display:grid;gap:16px;padding:clamp(22px,4vw,34px);border-radius:24px;background:var(--card-wash);box-shadow:0 0 0 1px var(--card-edge) inset}.sub-card h2{padding-right:44px;font-size:clamp(1.7rem,1.3rem + 1.4vw,2.3rem)}.sub-lede{margin:0;font-size:16.5px;color:var(--ink-2)}.sub-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0px;border-radius:50%;background:var(--card-wash-2);color:var(--ink);cursor:pointer}.sub-close svg{width:20px;height:20px;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round}.sub-close:hover{background:color-mix(in srgb,var(--season) 22%,var(--mist))}.sub-form{display:grid;gap:14px}.sub-form[hidden],.sub-done[hidden],.sub-message[hidden]{display:none}.sub-form fieldset{display:grid;gap:10px;margin:0;padding:0;border:0px}.sub-form legend,.sub-label{padding:0;margin:0;font-size:15px;font-weight:800;color:var(--ink)}.sub-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.sub-options label{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--card-wash-2);box-shadow:0 0 0 1px var(--card-edge) inset;font-size:15px;font-weight:600;color:var(--ink-2);cursor:pointer}.sub-options label:has(input:checked){box-shadow:0 0 0 2px var(--pond) inset;color:var(--ink)}.sub-options input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--pond)}.sub-row{display:flex;flex-wrap:wrap;gap:10px}.sub-row input{flex:1 1 220px;min-width:0px;min-height:50px;padding:0 18px;border-radius:999px;border:0px;background:var(--paper);box-shadow:0 0 0 1px var(--card-edge) inset;font:inherit;font-size:16px;color:var(--ink)}.sub-row input:focus,.sub-options input:focus-visible{outline:2.5px solid var(--season);outline-offset:2px}.sub-message{margin:0;padding:12px 16px;border-radius:12px;background:var(--card-wash-2);font-weight:700;color:var(--ink)}.sub-fine,.sub-discord{margin:0;font-size:14px;color:var(--ink-3)}.sub-card a{color:var(--pond);font-weight:700;text-underline-offset:3px}.sub-done{display:grid;gap:6px;padding:18px 20px;border-radius:16px;background:var(--card-wash-2)}.sub-done p{margin:0;color:var(--ink-2)}.sub-done .sub-done-title{font-family:var(--display);font-size:1.5rem;color:var(--ink);outline:none}.sub-other{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--card-edge)}.sub-other .sub-label{margin:0}.sub-feeds{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}.sub-feeds a{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;text-decoration:none}.sub-feeds a:hover{text-decoration:underline}.sub-feeds svg{width:15px;height:15px;flex:none;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round}@media(max-width:520px){.sub-options{grid-template-columns:1fr 1fr}.sub-options label{gap:8px;padding:6px 10px;font-size:14px;line-height:1.2}}.sub-link{padding:0;border:0px;background:none;font:inherit;font-weight:800;color:var(--pond);text-decoration:underline;text-underline-offset:3px;cursor:pointer}