.cookie-banner,.cookie-panel{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171719;background:#fff;border:1px solid #e4e4e9;border-radius:20px;box-shadow:0 12px 40px #0002;padding:24px;box-sizing:border-box}
.cookie-banner{position:fixed;z-index:100;bottom:20px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px))}.cookie-banner[hidden]{display:none}
.cookie-banner h2,.cookie-panel h2{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}.cookie-banner p{font-size:14px;line-height:1.5;color:#62626b;margin:0 0 12px}.cookie-banner a,.cookie-panel a{font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.cookie-actions button{flex:1;font:inherit;font-size:14px;padding:12px 16px;border-radius:10px;border:1px solid #dcdce3;background:#f5f5f7;color:#171719;min-height:44px;cursor:pointer}.cookie-actions [data-accept],.cookie-actions [data-save]{background:#111;color:#fff;border-color:#111}
.cookie-panel{width:min(520px,calc(100% - 32px));max-height:85svh;overflow:auto;padding:24px}.cookie-panel::backdrop{background:#0008}.cookie-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-panel-header button{font:inherit;font-size:24px;border:0;background:transparent;color:inherit;width:40px;height:40px;cursor:pointer}.cookie-option{display:flex;align-items:flex-start;gap:12px;padding:18px 0}.cookie-option{cursor:pointer}
.cookie-option input{appearance:none;-webkit-appearance:none;flex:0 0 24px;width:24px;height:24px;margin:1px 0 0;border:1.5px solid #b8b8c1;border-radius:7px;background:#fff;display:grid;place-content:center;cursor:pointer;transition:background-color .15s,border-color .15s}
.cookie-option input::before{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);opacity:0}
.cookie-option input:checked{background:#171719;border-color:#171719}
.cookie-option input:checked::before{opacity:1}
.cookie-option input:disabled{background:#71717a;border-color:#71717a;cursor:default;opacity:1}
.cookie-option input:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.cookie-option input:not(:disabled):hover{border-color:#171719}
html[data-appearance="dark"] .cookie-option input{background:#29292e;border-color:#8c8c96}
html[data-appearance="dark"] .cookie-option input:checked{background:#fff;border-color:#fff}
html[data-appearance="dark"] .cookie-option input:checked::before{border-color:#171719}
html[data-appearance="dark"] .cookie-option input:disabled{background:#a1a1aa;border-color:#a1a1aa}
html[data-appearance="dark"] .cookie-option input:not(:disabled):hover{border-color:#fff}
@media(prefers-reduced-motion:reduce){.cookie-option input{transition:none}}.cookie-option strong,.cookie-option small{display:block}.cookie-option small{font-size:13px;line-height:1.5;color:#62626b;margin-top:5px}
:is(.cookie-banner,.cookie-panel) button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html[data-appearance="dark"] :is(.cookie-banner,.cookie-panel){background:#1c1c1f;border-color:#414149;color:#fff}html[data-appearance="dark"] :is(.cookie-banner p,.cookie-option small){color:#b5b5be}html[data-appearance="dark"] .cookie-actions button{background:#29292e;border-color:#414149;color:#fff}html[data-appearance="dark"] .cookie-actions :is([data-accept],[data-save]){background:#fff;border-color:#fff;color:#111}
@media(max-width:600px){.cookie-banner{bottom:16px;padding:20px}.cookie-actions{flex-direction:column}}