*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif}body{display:flex;flex-flow:column-reverse;background:#f5f5f7;overflow:hidden}@media(prefers-color-scheme:dark){body{background:#1e1e1f;color:#eee}}
main{margin:auto}h1{font-size:2.4rem;font-weight:300;opacity:.9;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#333 0%,#666 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 12px rgba(0,0,0,.15)}
form{display:flex;align-items:center;gap:.25rem;width:min(90vw,32rem);height:3.25rem;padding-inline:.9rem;background:rgba(255,255,255,.6);backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.35);border-radius:1.7rem;transition:box-shadow .3s,border .3s}@media(prefers-color-scheme:dark){form{background:rgba(72,72,74,.45);border-color:rgba(255,255,255,.25)}}form:focus-within{border-color:rgba(0,122,255,.6);box-shadow:0 0 0 4px rgba(0,122,255,.15),0 12px 36px rgba(0,0,0,.3)}
input[type=search]{flex:1;background:transparent;border:none;font-size:1rem;color:inherit;padding:.65rem .4rem;min-width:0;width:100%}input::placeholder{color:rgba(0,0,0,.45)}input:focus{outline:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none!important}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;width:0;height:0}
button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:50%;color:rgba(0,0,0,.55);transition:background .25s}button:hover{background:rgba(0,0,0,.08)}@media(prefers-color-scheme:dark){button{color:rgba(255,255,255,.85)}button:hover{background:rgba(255,255,255,.15)}}button[type=reset]{opacity:0;visibility:hidden}input:not(:placeholder-shown)+datalist+button[type=reset]{opacity:1;visibility:visible}
svg{width:18px;height:18px}