.page{position:relative;max-width:560px;min-height:100dvh;margin:0 auto;box-sizing:border-box;padding-bottom:calc(116px + env(safe-area-inset-bottom));overflow-x:hidden}.page.dark{background:var(--deep)}.page.bare{padding-bottom:0}.float{position:fixed;z-index:20;left:50%;transform:translate(-50%);width:min(100vw - 48px,512px);bottom:max(24px,env(safe-area-inset-bottom))}.h1{font-size:30px;line-height:1.36;letter-spacing:.5px}.chip{height:42px;padding:0 18px;flex:none;border-radius:21px;border:none;font:500 14px var(--font);background:#fff;color:var(--ink);display:flex;align-items:center;text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.chip.on{background:var(--deep);color:#fff;font-weight:700}.seg{height:50px;border-radius:25px;background:#fff;display:grid;padding:4px;box-sizing:border-box}.seg>*{border:none;border-radius:21px;font:500 14px var(--font);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,color .2s}.seg>.on{background:var(--deep);color:#fff;font-weight:700}.field{width:100%;box-sizing:border-box;height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:15px;outline:none}.field:focus{border-color:var(--primary)}.field.bad{border-color:var(--danger)}.toast{position:fixed;z-index:50;left:50%;bottom:calc(108px + env(safe-area-inset-bottom));transform:translate(-50%);padding:12px 20px;border-radius:22px;background:rgb(var(--shade) / .92);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;animation:lift .25s both}.sample{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;background:var(--warn-bg);color:var(--warn-ink);font-size:11px;font-weight:700}@media(max-width:359px){.h1{font-size:26px}}html,body{touch-action:manipulation}body:has(.page.dark){background:var(--deep)}@media(min-width:700px){.page{max-width:960px;padding-left:16px;padding-right:16px}.page>.g2,.page .g2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.page .g2>.all,.page .g2>.skel{grid-column:1 / -1}.page .g4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.page .hero{height:560px!important}.page .wide-img{height:300px!important}.page .pick-img{height:320px!important}.page .narrow{max-width:460px;margin-left:auto!important;margin-right:auto!important}.h1{font-size:36px}}@media(min-width:1100px){.page{max-width:1120px}.page .g2.wide3{grid-template-columns:repeat(3,minmax(0,1fr))}}