.aoi-style-search{box-sizing:border-box;width:100%;max-width:660px;margin-inline-start:auto;padding:24px;border:1px solid #b99bce88;border-radius:16px;background:linear-gradient(125deg,#20162ef5,#3b2445ed);color:#fff;text-align:start;font-family:Arial,sans-serif;box-shadow:0 10px 36px #160d2540;backdrop-filter:blur(10px)}
.aoi-style-search *{box-sizing:border-box}.aoi-style-search [hidden]{display:none!important}
.aoi-style-search .aoi-ss-kicker{font:700 11px/1.4 monospace;letter-spacing:.1em;color:#ddc7ef;margin:0 0 9px}
.aoi-style-search .aoi-ss-label{display:block;font-size:clamp(22px,2.3vw,30px);font-weight:700;line-height:1.2;color:#fff;margin:0}
.aoi-style-search .aoi-ss-input{display:block;flex:1;min-width:0}
.aoi-style-search .aoi-ss-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.aoi-style-search .aoi-ss-field{display:flex;gap:6px;margin-top:14px;padding:5px;border:1px solid #d5c0e4;border-radius:10px;background:#fff}
.aoi-style-search input[type=search]{display:block;width:100%;min-width:0;border:0;border-radius:5px;padding:10px;background:#fff;color:#30223e;font:16px/1.3 Arial,sans-serif;box-shadow:none}
.aoi-style-search input::placeholder{color:#74637c;opacity:1}
.aoi-style-search button[type=submit]{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #c4df95;border-radius:6px;background:#daf2aa;color:#233310;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;flex-shrink:0}
.aoi-style-search button[type=submit]:hover{background:#c9e88d}
.aoi-style-search .aoi-ss-hint{font:13px/1.5 Arial,sans-serif;color:#e0d4e8;margin:10px 0 12px}
.aoi-style-search .aoi-ss-examples{margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#d7c3e5}
.aoi-style-search [data-ss-examples]{display:flex;gap:6px;flex-wrap:wrap}
.aoi-style-search .aoi-ss-examples button{padding:5px 10px;border:1px solid #9976b1;border-radius:99px;background:#ffffff0c;color:#f2eaf8;font:12px/1.4 Arial,sans-serif;cursor:pointer;min-height:30px}
.aoi-style-search .aoi-ss-examples button:hover{background:#ffffff20}
.aoi-style-search .aoi-ss-options{padding:0;margin:14px 0 0;border:0;background:transparent;color:#e2d4ec}
.aoi-style-search summary{width:fit-content;cursor:pointer;font:12px/1.4 Arial,sans-serif;padding:3px 0}
.aoi-style-search .aoi-ss-option-fields{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}
.aoi-style-search .aoi-ss-option-fields label{font:12px/1.5 Arial,sans-serif;color:#eadff1}
.aoi-style-search select{display:block;width:100%;min-width:0;margin-top:4px;padding:9px;border:1px solid #c2a9d2;border-radius:6px;background:#fff;color:#30223e;font:16px Arial,sans-serif}
.aoi-style-search :focus-visible{outline:3px solid #c39be1;outline-offset:3px}
.wp-block-cover:has(.aoi-style-search) .wp-block-cover__inner-container{width:100%;max-width:none}
.wp-block-cover:has(.aoi-style-search){min-height:500px}
@media(max-width:600px){.aoi-style-search{padding:18px;border-radius:12px}.aoi-style-search .aoi-ss-field{flex-wrap:wrap}.aoi-style-search .aoi-ss-input{flex-basis:100%}.aoi-style-search input[type=search]{padding:9px}.aoi-style-search button[type=submit]{width:100%;min-height:40px}.aoi-style-search .aoi-ss-option-fields{grid-template-columns:1fr}.wp-block-cover:has(.aoi-style-search){min-height:570px;padding:14px!important}}

/* Compact title bar and native settings disclosure. */
.aoi-style-search{container-type:inline-size}
.aoi-style-search .aoi-ss-topbar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center;position:relative}
.aoi-style-search .aoi-ss-titleline{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:3px;min-width:0}
.aoi-style-search .aoi-ss-titleline .aoi-ss-kicker{font:700 10px/1.4 monospace;letter-spacing:.035em;margin:0;color:#dec8eb}
.aoi-style-search .aoi-ss-titleline .aoi-ss-label{font:700 18px/1.25 Arial,sans-serif;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.aoi-style-search .aoi-ss-options{grid-column:3;grid-row:1;margin:0;padding:0;position:static}
.aoi-style-search .aoi-ss-atlas{grid-column:1;grid-row:1}
.aoi-style-search .aoi-ss-icon{display:grid;place-items:center;list-style:none;width:36px;height:36px;min-height:36px;padding:7px;border:1px solid #b797cc;border-radius:8px;background:#ffffff10;color:#ecdcf6;cursor:pointer;text-decoration:none}
.aoi-style-search .aoi-ss-icon::-webkit-details-marker{display:none}
.aoi-style-search .aoi-ss-icon:hover,.aoi-style-search details[open]>.aoi-ss-icon{background:#644276;border-color:#ddbae9;color:#fff}
.aoi-style-search .aoi-ss-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.aoi-style-search a.aoi-ss-atlas{background:#c8f0ec;color:#30223e;border-color:#89d9db}
.aoi-style-search a.aoi-ss-atlas:hover{background:#e4cdff;color:#30223e}
.aoi-style-search .aoi-ss-options>.aoi-ss-option-fields{position:absolute;z-index:20;inset:calc(100% + 10px) 0 auto;margin:0;padding:16px;border:1px solid #bc96cf;border-radius:12px;background:#30213e;box-shadow:0 10px 30px #150c2855;grid-template-columns:2fr 1fr}
.aoi-style-search .aoi-ss-field{margin-top:16px}

/* Cool-to-warm header palette, with geometric accents behind a steady label. */
.aoi-style-search button.aoi-ss-explore{isolation:isolate;position:relative;overflow:hidden;border:1px solid #c398e6;border-radius:5px;background:linear-gradient(115deg,#6ce3dc 0%,#c58de8 30%,#ef8bc7 55%,#ffa58b 78%,#f9e566 100%);color:#25132f;box-shadow:3px 3px 0 #8b549c;font-weight:800;gap:10px;min-height:46px}
.aoi-style-search button.aoi-ss-explore:hover{background:linear-gradient(115deg,#8af0e8,#d4a9f0 30%,#f4a7d7 55%,#ffb79e 78%,#ffed86)}
.aoi-style-search .aoi-ss-explore>span:not(.aoi-ss-tiles){position:relative;z-index:2}
.aoi-style-search .aoi-ss-tiles{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0}
.aoi-style-search .aoi-ss-tiles i{position:absolute;width:14px;height:14px;background:#57175a55;left:8%;top:13%}
.aoi-style-search .aoi-ss-tiles i:nth-child(2){left:25%;top:55%;background:#f4ffbabb}
.aoi-style-search .aoi-ss-tiles i:nth-child(3){left:43%;top:8%;width:10px;height:10px;background:#31dacc88}
.aoi-style-search .aoi-ss-tiles i:nth-child(4){left:63%;top:62%;background:#8c42d577}
.aoi-style-search .aoi-ss-tiles i:nth-child(5){left:83%;top:18%;background:#fff5b6aa}
.aoi-style-search .aoi-ss-tiles i:nth-child(6){left:12%;top:76%;width:8px;height:8px;background:#e544b966}
.aoi-style-search .aoi-ss-tiles i:nth-child(7){left:72%;top:6%;width:8px;height:8px;background:#25133e55}
.aoi-style-search .aoi-ss-tiles i:nth-child(8){left:91%;top:70%;width:10px;height:10px;background:#5ef6e0aa}
.aoi-style-search .aoi-ss-explore[data-glitch=tiles] .aoi-ss-tiles{animation:aoi-ss-tiles .65s ease-out}
.aoi-style-search .aoi-ss-explore[data-glitch=scatter] .aoi-ss-tiles{animation:aoi-ss-scatter .7s ease-out}
.aoi-style-search .aoi-ss-explore[data-glitch=bands] .aoi-ss-tiles{animation:aoi-ss-bands .65s ease-out}
@keyframes aoi-ss-tiles{0%{opacity:0;transform:translateX(-12px)}30%{opacity:1;transform:translateX(5px)}65%{opacity:.6;transform:translateX(-3px)}100%{opacity:0;transform:translateX(0)}}
@keyframes aoi-ss-scatter{0%{opacity:0;transform:scale(.65) rotate(-4deg)}35%{opacity:1}100%{opacity:0;transform:scale(1.4) rotate(5deg)}}
@keyframes aoi-ss-bands{0%{opacity:0;transform:translateY(-18px)}35%{opacity:1;transform:translateY(3px)}70%{opacity:.5;transform:translateY(-3px)}100%{opacity:0;transform:translateY(18px)}}
@container(max-width:360px){.aoi-style-search .aoi-ss-topbar{gap:7px}.aoi-style-search .aoi-ss-titleline .aoi-ss-label{font-size:17px}.aoi-style-search .aoi-ss-titleline .aoi-ss-kicker{font-size:9px}.aoi-style-search .aoi-ss-options>.aoi-ss-option-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.aoi-style-search .aoi-ss-tiles{animation:none!important;display:none!important}}