.display-mode-dialog{border:1px solid var(--line);background:var(--background);width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);border-radius:20px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #0005}.display-mode-dialog[open]{animation:.32s cubic-bezier(.22,1,.36,1) both display-mode-enter}.display-mode-dialog::backdrop{background:#0009;animation:.26s ease-out both display-mode-backdrop}.display-mode-header{justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 12px 24px;display:flex}.display-mode-header h2{color:var(--strong);margin:0;font-size:20px;font-weight:700;line-height:28px}.display-mode-header button{background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.display-mode-header button:hover{background:var(--hover)}.display-mode-options{border:0;min-width:0;margin:0;padding:8px 12px 16px}.display-mode-option{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:12px;display:flex}.display-mode-option:hover{background:var(--hover)}.display-mode-copy{flex-direction:column;gap:3px;font-size:15px;line-height:22px;display:flex}.display-mode-copy small{color:var(--muted);font-size:13px;line-height:18px}.display-mode-option input{appearance:none;border:2px solid var(--muted);background:var(--background);cursor:pointer;border-radius:50%;flex:none;width:22px;height:22px;margin:0}.display-mode-option input:checked{border-color:var(--strong);background:var(--strong);box-shadow:inset 0 0 0 4px var(--background)}.display-mode-dialog :is(button,input):focus-visible{outline:2px solid var(--focus);outline-offset:3px}.display-mode-footer{border-top:1px solid var(--divider);justify-content:flex-end;padding:16px 24px 20px;display:flex}.display-mode-footer button{background:var(--strong);min-width:76px;min-height:42px;color:var(--primary-text);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600}.display-mode-footer button:hover{background:var(--primary-hover)}@keyframes display-mode-enter{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes display-mode-backdrop{0%{background:0 0}to{background:#0009}}@media (prefers-reduced-motion:reduce){.display-mode-dialog[open],.display-mode-dialog::backdrop{animation:none}}@media (max-width:600px){.display-mode-dialog{border-radius:18px;width:calc(100vw - 24px)}.display-mode-header{padding-left:20px}.display-mode-header button{width:44px;height:44px}.display-mode-footer{padding:16px 20px}.display-mode-footer button{min-height:44px}}@media (forced-colors:active){.display-mode-option input{appearance:auto}}