.form-page{max-width:40rem;padding:.5rem var(--gutter) 2.5rem;margin:0 auto}.form-page .back{margin:0}.form-page .back a{min-height:44px;color:var(--ink-muted);align-items:center;gap:.1rem;margin-left:-.35rem;font-weight:500;text-decoration:none;display:inline-flex}.form-page .back a:before{content:"";background:currentColor;width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5 8 12l6.5 6.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5 8 12l6.5 6.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.form-page h1{font-family:var(--font-rounded);font-size:var(--step-3);letter-spacing:-.01em;margin:.6rem 0 .4rem;font-weight:700;line-height:1.1}.form-page h2{font-size:var(--step-0);margin:1.5rem .25rem .5rem;font-weight:650}.form-page .card h2{margin:0 0 .75rem}.form-page .lead{color:var(--ink-muted);margin:0 0 1rem}.form-page .card{background:var(--surface);border-radius:var(--radius-card);padding:var(--card-pad);margin-bottom:.75rem}.form-page .grid{gap:.8rem;display:grid}.form-page .list{gap:.7rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.form-page .list>li{border-bottom:1px solid var(--line);padding-bottom:.7rem}.form-page .list>li:last-child{border-bottom:0}.form-page .row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.form-page label,.form-page legend{font-size:var(--step--1);color:var(--ink-muted);gap:.3rem;font-weight:600;display:grid}.form-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.form-page select,.form-page textarea{box-sizing:border-box;width:100%;min-width:0;min-height:2.75rem;font:inherit;color:var(--ink);border:1px solid var(--field-line);background-color:var(--field);border-radius:12px;padding:.55rem .8rem;font-size:1rem;font-weight:400}.form-page select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a919c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 9.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.2rem}.form-page textarea{min-height:5rem;line-height:1.45}.form-page input:focus,.form-page select:focus,.form-page textarea:focus{border-color:var(--ink-muted);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 12%, transparent);outline:none}.form-page input[type=checkbox],.form-page input[type=radio]{width:1.15rem;height:1.15rem;accent-color:var(--ink)}.form-page .check{color:var(--ink);font-size:var(--step-0);align-items:center;gap:.5rem;font-weight:400;display:flex}.form-page label:where(:has(>input[type=checkbox]),:has(>input[type=radio])){cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.form-page input[type=file]{min-height:2.75rem;font:inherit;font-size:var(--step--1);color:var(--ink-muted);padding:.6rem 0}.form-page summary{cursor:pointer;min-height:2.75rem;padding:.65rem 0}.form-page .checks{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.form-page .buttons{flex-wrap:wrap;gap:.5rem;display:flex}.form-page button{background:var(--fill);min-height:2.75rem;color:var(--ink);font:inherit;font-size:var(--step--1);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem 1rem;font-weight:600;display:inline-flex;position:relative}.form-page button:active{background:var(--fill-strong)}.form-page button.primary{background:var(--ink);color:var(--bg)}.form-page button.quiet{color:var(--ink-muted);background:0 0}.form-page button.danger{background:color-mix(in srgb, var(--can) 12%, transparent);color:var(--can)}.form-page button:disabled{opacity:.5;cursor:default}.form-page .hint{color:var(--ink-faint);font-size:var(--step--1);margin:.4rem 0 0}.form-page .error{color:var(--can);margin:0}.form-page .ok{color:var(--fix);margin:0}@media (width<=380px){.form-page .row{grid-template-columns:1fr}}@media (width>=1100px){.form-page.wide{max-width:76rem}.form-page .columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 1.25rem;display:grid}.form-page .entries{grid-template-columns:repeat(auto-fill,minmax(28rem,1fr));align-items:start;gap:0 1rem;display:grid}}.form-page button,.form-page .back a{transition:background-color .15s,color .15s}@media (hover:hover){.form-page button:hover{background:var(--fill-strong)}.form-page button.primary:hover{background:color-mix(in srgb, var(--ink) 85%, var(--bg))}.form-page button.quiet:hover{background:var(--fill);color:var(--ink)}.form-page button.remove:hover{background:color-mix(in srgb, var(--can) 12%, transparent);color:var(--can)}.form-page button.danger:hover{background:color-mix(in srgb, var(--can) 20%, transparent)}.form-page .back a:hover,.form-page label:where(:has(>input[type=checkbox]),:has(>input[type=radio])):hover{color:var(--ink)}.form-page input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,.form-page select:hover,.form-page textarea:hover{border-color:var(--ink-faint)}}