.shell{min-height:100svh;max-width:var(--maxw);padding:0 var(--sp-5) var(--sp-4);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.ask{width:100%;max-width:860px;padding:clamp(var(--sp-4), 7vh, var(--sp-7)) 0 var(--sp-5);align-self:start;margin:0 auto}.ask__head{text-align:center;margin-bottom:clamp(var(--sp-3), 3.5vh, var(--sp-5))}.ask__title{font-family:var(--font-display);letter-spacing:.01em;margin-bottom:var(--sp-2);text-shadow:0 1px 3px #101a22e6,0 2px 18px #101a2299;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;line-height:1.1}.ask__sub{font-size:var(--fs-lead);color:var(--text-muted);max-width:46ch;margin:0 auto;line-height:1.6}.searchbar{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#fdfcfa12;border:1px solid #fdfcfa42;align-items:stretch;gap:0;display:flex}.searchbar:focus-within{border-color:color-mix(in srgb, var(--evora-sage) 70%, #fff);box-shadow:0 0 0 4px #9aa08a29}.searchbar__input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;padding:20px 22px;font-size:1.0625rem}.searchbar__input::placeholder{color:#fdfcfa75}.searchbar__input:focus{outline:none}.searchbar__go{align-items:center;gap:var(--sp-2);background:var(--evora-cream);color:var(--evora-ink);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease);border:0;border-radius:2px;flex:none;margin:6px;padding:0 24px;font-weight:500;display:inline-flex}.searchbar__go:hover{background:#fff}.searchbar__go svg{width:22px;height:11px;transition:transform var(--dur) var(--ease)}.searchbar__go:hover svg{transform:translate(4px)}.searchbar__go[disabled]{color:#fdfcfa80;cursor:not-allowed;background:#fdfcfa29}.searchbar__go[disabled]:hover svg{transform:none}.filtermode{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-faint);transition:color var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:6px 2px;display:inline-flex}.filtermode:hover{color:var(--text)}.filtermode svg{width:15px;height:15px}.filters{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-3);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14212b6b;border:1px solid #fdfcfa29}.filters[hidden]{display:none}.filters{opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transform:translateY(-6px)}.filters.is-open{opacity:1;transform:translateY(0)}.filters__grid{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field__label{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);display:flex}.field__value{text-transform:none;letter-spacing:.02em;font-size:var(--fs-sm);color:color-mix(in srgb, var(--evora-sage) 66%, #fff)}.field__control{border-radius:var(--radius);width:100%;color:var(--text);font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease);background:#fdfcfa0f;border:1px solid #fdfcfa33;padding:11px 13px}select.field__control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23FDFCFA' stroke-opacity='0.62' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.field__control:hover{border-color:#fdfcfa57}.field__control:focus{border-color:color-mix(in srgb, var(--evora-sage) 70%, #fff);outline:none}.field__control option{background:var(--evora-ink);color:var(--text)}.field__control::placeholder{color:#fdfcfa6b}.field__control--range{appearance:none;cursor:pointer;background:0 0;border:0;height:34px;padding:0}.field__control--range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:#fdfcfa38;height:4px}.field__control--range::-moz-range-track{border-radius:var(--radius-pill);background:#fdfcfa38;height:4px}.field__control--range::-webkit-slider-thumb{-webkit-appearance:none;background:color-mix(in srgb, var(--evora-sage) 80%, #fff);border:2px solid #14212be6;border-radius:50%;width:16px;height:16px;margin-top:-6px}.field__control--range::-moz-range-thumb{background:color-mix(in srgb, var(--evora-sage) 80%, #fff);border:2px solid #14212be6;border-radius:50%;width:16px;height:16px}.field__hint{color:var(--text-faint);font-size:.75rem}.field--wide{position:relative}.tokens{border-radius:var(--radius);cursor:text;min-height:44px;transition:border-color var(--dur-fast) var(--ease);background:#fdfcfa0f;border:1px solid #fdfcfa33;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.tokens:hover{border-color:#fdfcfa57}.tokens:focus-within{border-color:color-mix(in srgb, var(--evora-sage) 70%, #fff)}.tokens__list{display:contents}.token{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--evora-sage) 26%, transparent);border:1px solid color-mix(in srgb, var(--evora-sage) 45%, transparent);color:var(--text);white-space:nowrap;align-items:center;gap:5px;padding:4px 6px 4px 10px;font-size:.8125rem;display:inline-flex}.token__x{color:var(--text-muted);transition:color var(--dur-fast) var(--ease);background:0 0;border:0;padding:0 2px;font-size:15px;line-height:1}.token__x:hover{color:var(--text)}.tokens__input{min-width:90px;color:var(--text);font-size:var(--fs-sm);background:0 0;border:0;flex:1;padding:5px 2px}.tokens__input:focus{outline:none}.tokens__input::placeholder{color:#fdfcfa6b}.tokens__menu{z-index:20;border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#16232bf7;border:1px solid #fdfcfa33;max-height:220px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 34px #080e1273}.tokens__menu[hidden]{display:none}.tokens__opt{text-align:left;width:100%;color:var(--text-muted);font-size:var(--fs-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:3px;padding:9px 11px;display:block}.tokens__opt:hover{color:var(--text);background:#fdfcfa1a}.filters__foot{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid #fdfcfa1f;flex-wrap:wrap;display:flex}.check{font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:9px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--evora-sage)}.check:hover{color:var(--text)}.filters__actions{align-items:center;gap:var(--sp-2);display:flex}.btn{border-radius:var(--radius);background:var(--evora-cream);color:var(--evora-ink);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;transition:background var(--dur-fast) var(--ease);border:0;padding:11px 22px;font-weight:500}.btn:hover{background:#fff}.btn--quiet{color:var(--text-muted);background:0 0;box-shadow:inset 0 0 0 1px #fdfcfa38}.btn--quiet:hover{color:var(--text);background:#fdfcfa14}.examples{margin-top:clamp(var(--sp-4), 6vh, var(--sp-6))}.examples__title{font-size:var(--fs-xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--text-faint);text-align:center;margin-bottom:var(--sp-3)}.examples__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.example{justify-content:space-between;align-items:baseline;gap:var(--sp-3);text-align:left;border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;color:var(--text-muted);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);opacity:0;background:#fdfcfa0b;border:1px solid #fdfcfa24;padding:15px 18px;display:flex;transform:translateY(8px)}.example.is-in{opacity:1;transform:translateY(0)}.example:hover{color:var(--text);background:#fdfcfa1c;border-color:#fdfcfa61;transform:translateY(-1px)}.example__text{font-size:var(--fs-sm);line-height:1.4}.example__meta{letter-spacing:.05em;color:color-mix(in srgb, var(--evora-sage) 66%, #fff);white-space:nowrap;flex:none;font-size:.75rem}.examples__grid{transition:opacity var(--dur-fast) var(--ease)}.examples__grid.is-swapping{opacity:0}.reshuffle{margin:var(--sp-3) auto 0;border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--text-faint);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;display:flex}.reshuffle:hover{color:var(--text);background:#fdfcfa0d;border-color:#fdfcfa33}.reshuffle__icon{width:16px;height:16px;transition:transform var(--dur-fast) var(--ease)}.reshuffle:hover .reshuffle__icon{transform:rotate(28deg)}.reshuffle.is-spinning .reshuffle__icon{animation:spin .62s var(--ease)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.shell{padding:0 var(--sp-3) var(--sp-4)}.searchbar{flex-direction:column}.searchbar__input{padding:16px 18px}.searchbar__go{justify-content:center;margin:0 6px 6px;padding:14px 24px}.filters{padding:var(--sp-3)}.filters__grid{grid-template-columns:1fr}.filters__foot{flex-direction:column;align-items:stretch}.filters__actions{justify-content:stretch}.filters__actions .btn{flex:1}.examples__grid{grid-template-columns:1fr}.example{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.example{opacity:1;transform:none}}