/* Shared controls: theme-aware, restrained motion, no layout shifts. */
body:not(.design-mode) .button{border-radius:999px;gap:12px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;border:1px solid transparent}
body:not(.design-mode) .button:hover{box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}
body:not(.design-mode) .button:active{transform:translateY(0);box-shadow:none}
body:not(.design-mode) .button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}
body:not(.design-mode) .button.secondary:hover{background:var(--theme-tint)}
body:not(.design-mode) input:not([type=radio]):not([type=checkbox]),body:not(.design-mode) textarea{border-radius:12px;transition:border-color .18s ease,box-shadow .18s ease}
body:not(.design-mode) input:focus-visible,body:not(.design-mode) textarea:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
body:not(.design-mode) .filters{border-radius:20px;gap:16px}
.privva-select{position:relative;width:100%;min-width:0;color:var(--text);font-weight:400}
.privva-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important;border:0!important;clip-path:inset(50%)}
.privva-select-trigger{width:100%;min-height:48px!important;height:auto!important;position:relative;display:block;text-align:left;padding:12px 42px 12px 16px;border:1px solid var(--field-border,var(--line));border-radius:12px;background:var(--field-bg,var(--surface));color:var(--text);font-size:14px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .18s,box-shadow .18s}
.privva-select-trigger:after{content:'';position:absolute;right:18px;top:19px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s}
.privva-select-trigger[aria-expanded=true]:after{transform:translateY(4px) rotate(225deg)}
.privva-select-trigger:focus-visible,.privva-select-trigger[aria-expanded=true]{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.privva-select-menu{position:absolute;z-index:100;top:calc(100% + 8px);left:0;right:0;max-height:280px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 12px 32px #00000020;animation:privva-menu-in .15s ease-out;scrollbar-width:thin;overscroll-behavior:contain}
.privva-select-menu[hidden]{display:none}.privva-select-menu [role=option]{padding:10px 34px 10px 12px;border-radius:10px;font-size:14px;cursor:pointer;position:relative;line-height:1.5}
.privva-select-menu [role=option]:hover,.privva-select-menu .is-active{background:var(--surface)}
.privva-select-menu [aria-selected=true]{background:var(--theme-tint);color:var(--accent);font-weight:600}
.privva-select-menu [aria-selected=true]:after{content:'✓';position:absolute;right:12px}.privva-select-menu [aria-disabled=true]{opacity:.45;cursor:default}
@keyframes privva-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.creator-card:hover{transform:none!important}}

/* Identity mark: independent of heading sizes and readable in either theme. */
.creator-verified{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;white-space:nowrap;color:#2385e8;line-height:1;flex-shrink:0}
.creator-verified svg{width:20px;height:20px;display:block}
.creator-verified--test{color:#80758e}
.creator-verified small{font-family:inherit;font-weight:500;font-size:11px;line-height:1.2;color:inherit}
