.display-preferences{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid #435346;border-radius:22px;background:#131e17;color:#f2f7ed;box-shadow:0 24px 90px #0006;font-family:Arial,sans-serif;text-align:left;overflow:auto;color-scheme:dark}
.display-preferences::backdrop{background:#060d0a66;backdrop-filter:blur(5px)}
[data-theme="light"] .display-preferences{background:#f7faf4;color:#18251b;border-color:#ccd9c8;color-scheme:light}
.display-preferences h2{font-family:inherit;font-size:1.7rem;line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:12px 0}
.display-preferences p{font-size:1rem;line-height:1.55;margin:0;color:inherit}
.display-preferences .display-eyebrow{font-size:.75rem;letter-spacing:.13em;padding-right:24px}
.display-preferences button{font:inherit;cursor:pointer}
.display-preferences .display-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;background:none;color:inherit;font-size:1.65rem;line-height:1}
.display-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 20px}
.display-options button{padding:10px 10px 14px;background:transparent;color:inherit;border:1px solid #72826e;border-radius:14px;text-align:left;min-width:0}
.display-options button:hover{border-color:currentColor;background:#8cab8220}
.display-options button>span:not(.display-sample){display:block;font-weight:600;font-size:1.05rem;margin:12px 2px 4px}
.display-options small{display:block;font-size:.8rem;line-height:1.4;margin:0 2px}
.display-sample{display:block;padding:14px;border:1px solid #82947b55;border-radius:8px;height:74px;box-sizing:border-box}
.display-sample-light{background:#f3f7ee;color:#3b5939}
.display-sample-dark{background:#0b150f;color:#b7dba5}
.display-sample i{display:block;width:28%;height:5px;background:currentColor;margin-bottom:10px;border-radius:3px}
.display-sample b{display:block;width:78%;height:3px;background:currentColor;margin:5px 0;opacity:.45;border-radius:3px}
.display-sample b:last-child{width:52%}
.display-preferences .display-hint{font-size:.875rem;line-height:1.5}
.display-preferences .display-later{display:block;margin:12px auto -8px;min-height:44px;padding:8px 20px;background:none;color:inherit;border:0;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}
.display-preferences button:focus-visible,.display-reopen:focus-visible{outline:3px solid #86b96c;outline-offset:4px}
.display-reopen{font:inherit;font-size:.875rem;color:inherit;background:none;border:0;padding:12px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media(max-width:380px){.display-preferences{padding:28px 20px}.display-options{gap:10px}.display-options small{font-size:.75rem}}