.rollover-switch{align-items:center;gap:10px;padding:4px 0;display:inline-flex}.rollover-switch__control{color:var(--ink);font-family:var(--ff-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.rollover-switch__track{border-radius:var(--r-pill);background:var(--surface-track);width:46px;height:26px;box-shadow:inset 0 0 0 1px var(--border);flex-shrink:0;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}.rollover-switch__knob{border-radius:var(--r-pill);background:var(--bg);width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.rollover-switch__control[aria-checked=true] .rollover-switch__track{background:var(--accent-fill);box-shadow:none}.rollover-switch__control[aria-checked=true] .rollover-switch__knob{background:#fff;transform:translate(20px)}.rollover-switch__control:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--r-pill)}.rollover-info{display:inline-flex;position:relative}.rollover-info__button{border:1px solid var(--border);border-radius:var(--r-pill);width:24px;height:24px;color:var(--text-2);cursor:help;background:0 0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.rollover-info__button:hover,.rollover-info__button:focus-visible{color:var(--ink);border-color:var(--ink)}.rollover-info__button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.rollover-info__tip{z-index:5;width:max-content;max-width:min(300px,100vw - 32px);color:var(--on-ink-fill);background:var(--ink-fill);text-align:left;text-wrap:pretty;opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.45;transition:opacity .15s,transform .15s,visibility 0s linear .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px #0000002e}.rollover-info__tip:after{content:"";border:6px solid #0000;border-top-color:var(--ink-fill);margin-left:-6px;position:absolute;top:100%;left:50%}.rollover-info:hover .rollover-info__tip,.rollover-info:focus-within .rollover-info__tip{opacity:1;visibility:visible;transition:opacity .15s,transform .15s,visibility;transform:translate(-50%)}@media (max-width:600px){.rollover-info__tip{max-width:min(260px,100vw - 48px);left:auto;right:-8px;transform:translateY(4px)}.rollover-info:hover .rollover-info__tip,.rollover-info:focus-within .rollover-info__tip{transform:translate(0)}.rollover-info__tip:after{margin-left:0;left:auto;right:14px}}@media (prefers-reduced-motion:reduce){.rollover-switch__track,.rollover-switch__knob,.rollover-info__tip{transition:none}}
.toaster{z-index:100;pointer-events:none;gap:10px;width:min(400px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--border);color:var(--ink);background:var(--bg);box-shadow:var(--shadow-panel);font-family:var(--ff-body);pointer-events:auto;animation:toast-in .45s var(--ease);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 12px 14px 14px;font-size:14.5px;line-height:1.45;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes toast-fade{0%{opacity:0}}.toast[data-state=closing]{opacity:0;transition:opacity .2s ease-in}.toast__mark{width:28px;height:28px;color:var(--accent-on-tint);background:var(--accent-tint-2);border-radius:50%;place-items:center;display:grid}.toast__mark svg{width:14px;height:14px}.toast[data-tone=info] .toast__mark{color:var(--ink-body);background:var(--surface)}.toast__dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.toast__text{margin:0;padding-top:3px}.toast__close{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.toast__close svg{width:10px;height:10px}.toast__close:hover,.toast__close:focus-visible{color:var(--ink);background:var(--surface-2)}.toast__close:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@keyframes toast-rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:639px){.toaster{width:auto;bottom:16px;left:16px;right:16px}.toast{animation-name:toast-rise}}@media (prefers-reduced-motion:reduce){.toast{animation-name:toast-fade}}
