html{scroll-behavior:smooth}.demo-intro{position:relative;padding:30px 0 70px;overflow:hidden;min-height:430px}.demo-intro h1,.demo-intro p,.explore-link{position:relative;z-index:1}.demo-intro h1{animation:title-rise .9s both}.demo-intro .intro{animation:title-rise .9s .12s both}.explore-link{display:inline-block;margin-top:20px;text-decoration:none;border-bottom:1px solid;padding-bottom:8px}.ambient-shape{position:absolute;right:2%;top:20%;font-size:250px;opacity:.09;animation:ambient 14s ease-in-out infinite;pointer-events:none}.save-option{background:transparent;color:var(--ink);border:1px solid #0002}.save-option[aria-pressed=true]{background:var(--ink);color:white}.saved-row{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #ddd;align-items:center}.saved-row button{padding:8px 15px;font-size:12px}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0001}.art{transition:transform .4s;background:linear-gradient(135deg,var(--paper),#e4e4d6)}.card:hover .art{transform:scale(.96)}header a{transition:opacity .2s}header a:hover{opacity:.65}button{transition:transform .2s,filter .2s}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}button:active:not(:disabled){transform:scale(.96)}dialog[open]{animation:title-rise .25s both}input:focus,select:focus{outline:2px solid var(--ink)}@keyframes title-rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes ambient{50%{transform:translateY(-20px) rotate(10deg)}}@media(max-width:700px){header{gap:14px;flex-wrap:wrap}header a:not(.brand){font-size:12px}.saved-row{align-items:start;flex-direction:column}.ambient-shape{font-size:180px;top:35%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}