:root {--yc-above-taskbar:calc(var(--taskbar-height) + 22px + 12px);} .wl-signup {position:fixed;right:12px;bottom:var(--yc-above-taskbar);z-index:900;width:min(360px,calc(100vw - 24px));} .wl-signup[hidden],.wl-signup__launcher[hidden],.wl-signup [hidden] {display:none !important;} .wl-signup__dialog {position:relative;display:grid;gap:8px;padding:0 10px 10px;background:var(--color-face);color:var(--color-ink);box-shadow:var(--bevel-window),var(--shadow-window);font:var(--text-ui)/1.4 var(--font-ui);} .yc .wl-signup__title {margin:0 -10px;padding:4px 34px 4px 8px;background:var(--title-gradient);color:var(--color-title-ink);font:700 calc(var(--text-ui) + 1px)/1.3 var(--font-title);} .wl-signup__close {position:absolute;top:3px;right:3px;display:grid;place-items:center;width:calc(var(--title-button-width) + 3px);height:calc(var(--title-button-height) + 3px);padding:0 0 3px;border:0;background:var(--surface-raised);box-shadow:var(--bevel-raised);color:var(--color-ink);font:700 13px/1 var(--font-ui);cursor:var(--cursor-pointer);} .wl-signup__close:active {box-shadow:var(--bevel-pressed);} .wl-signup__text,.wl-signup__status {margin:0;} .wl-signup__status:empty {display:none;} .wl-signup__perk {margin:0;padding:6px 8px;background:var(--brand-mint);color:var(--brand-dusk);box-shadow:var(--bevel-sunken);font-weight:700;} .wl-signup__form,.wl-signup__guest {display:grid;gap:6px;} .wl-signup__form label {display:grid;gap:2px;} .wl-signup__form input:not([type=checkbox]) {min-height:23px;padding:3px 4px;border:0;background:var(--color-paper);box-shadow:var(--bevel-sunken);font:inherit;} .wl-signup__form .wl-signup__consent {display:block;font-size:11px;} .wl-signup__hp {position:absolute;left:-9999px;} .wl-signup__submit,.wl-signup__launcher,.membership-button {justify-self:end;min-height:26px;padding:3px 14px;border:0;background:var(--surface-raised);box-shadow:var(--bevel-raised);color:var(--color-ink);font:700 var(--text-ui)/1.2 var(--font-ui);text-decoration:none;cursor:var(--cursor-pointer);} .wl-signup__submit:active,.wl-signup__launcher:active,.membership-button:active {box-shadow:var(--bevel-pressed);} .wl-signup__submit:disabled {color:var(--color-muted);cursor:var(--cursor-wait);} .wl-signup__launcher {position:fixed;right:12px;bottom:var(--yc-above-taskbar);z-index:899;display:inline-flex;align-items:center;gap:6px;background:var(--brand-primary);color:var(--brand-mint);} .wl-signup__launcher::before {content:"⚗";font-size:15px;} .wl-signup-root.is-joined .wl-signup__launcher::after {content:"✓";} .membership-page {display:grid;gap:10px;} .yc .membership-title {margin:0;font:700 15px/1.2 var(--font-ui);} .membership-price {margin:0;color:var(--brand-primary);font:700 22px/1.2 var(--font-ui);} .membership-notice,.membership-error {margin:0;padding:6px 8px;box-shadow:var(--bevel-sunken);} .membership-notice {background:var(--brand-mint);color:var(--brand-dusk);} .membership-error {border:1px solid var(--color-danger);background:var(--color-tooltip);color:var(--color-danger);font-weight:700;} .membership-legal {font-size:11px;color:var(--color-muted);} .membership-list {display:grid;gap:8px;margin:0;padding:0;list-style:none;} .membership-item {display:grid;gap:4px;padding:8px;background:var(--color-paper);box-shadow:var(--bevel-sunken);} .membership-item form {display:grid;gap:6px;margin-top:4px;} .membership-confirm {font-size:11px;} .membership-button--secondary {justify-self:start;} .membership-withdraw {display:grid;gap:4px;margin:4px 0 0;padding-top:6px;border-top:1px dotted var(--color-muted);} .yc a.membership-button,.yc a.membership-button:visited {color:var(--color-ink);text-decoration:none;} .membership-summary {display:grid;gap:4px;margin:0;padding:8px 8px 8px 24px;background:var(--color-paper);box-shadow:var(--bevel-sunken);} .membership-withdraw-form {display:grid;gap:6px;max-width:420px;} .membership-withdraw-form label {display:grid;gap:2px;} .membership-withdraw-form input {min-height:23px;padding:3px 4px;border:0;background:var(--color-paper);box-shadow:var(--bevel-sunken);font:inherit;} .membership-withdraw-form .membership-button {justify-self:start;} @media (max-width:580px) {:root {--yc-above-taskbar:calc(var(--taskbar-height) + 72px + 8px);} .wl-signup {right:8px;left:8px;width:auto;max-height:calc(100dvh - var(--yc-above-taskbar) - 8px);overflow-y:auto;} .wl-signup__launcher {right:8px;}} .wl-signup__perk {display:none !important;} .yc .wl-signup.wl-signup--inline {position:static;z-index:auto;width:auto;max-height:none;margin:14px auto 0;max-width:360px;overflow:visible;text-align:left;} .yc .wl-signup--inline .wl-signup__dialog {padding:0;background:none;box-shadow:none;} .yc .wl-signup--inline .wl-signup__title {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;} .yc .wl-signup--inline .wl-signup__text {display:none;} .yc .wl-signup--inline .wl-signup__submit {justify-self:center;}