.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}}