:root{color-scheme:light;--paper:#f5f2e9;--ink:#213f33;--muted:#58665a;--line:#d5dbcc;--green:#264d3b;--light:#e6ecdf;--error:#823e2e;font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0}main{max-width:38rem;margin:auto;padding:calc(1.4rem + env(safe-area-inset-top)) 1.25rem calc(1.5rem + env(safe-area-inset-bottom))}button,input{font:inherit}button,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #af622d;outline-offset:4px}[hidden]{display:none!important}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1.1rem}.brand{display:flex;align-items:center;gap:.7rem;font-size:2rem;font-weight:750;letter-spacing:-.12rem;text-decoration:none;color:inherit}.brand span{font-size:.75rem;letter-spacing:.13rem;font-weight:600;border-left:1px solid var(--line);padding-left:.7rem}.site-name{font-size:.875rem;color:var(--muted)}.intro{padding:1.65rem 0 .8rem}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.11rem;font-weight:650;margin:0 0 .5rem}h1{font:normal clamp(2.5rem,10vw,3.75rem)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.09rem;margin:0 0 .5rem}.intro>p:last-child{color:var(--muted);margin:.6rem 0 0;line-height:1.5}.status{min-height:3rem;display:flex;align-items:center;padding:.65rem .85rem;background:var(--light);border-radius:.6rem;font-size:.875rem;line-height:1.45;margin:.4rem 0 1rem}.status[data-kind="error"]{color:var(--error);background:#f1e3da}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.gate-button{background:var(--green);color:var(--paper);text-align:left;border:0;border-radius:.85rem;min-height:9rem;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem;transition:transform .15s,background .15s}.gate-button:active:not(:disabled){transform:scale(.97);background:#163b2a}.button-number{display:flex;width:100%;align-items:center;justify-content:space-between;font-size:.75rem;letter-spacing:.09rem;color:#cfddcb}.button-number .arrow{font-size:1.6rem;line-height:1}.button-label{font-size:1rem;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.primary,.secondary{min-height:3.25rem;width:100%;padding:.85rem 1rem;border-radius:.6rem;border:1px solid var(--green)}.primary{background:var(--green);color:var(--paper);text-align:left;display:flex;justify-content:space-between;align-items:center}.secondary{background:transparent;color:var(--ink)}.note{font-size:.875rem;line-height:1.5;color:var(--muted);margin:.85rem 0 1rem}details{margin-top:.6rem}summary{padding:.75rem 0;min-height:2.75rem;cursor:pointer;font-size:.875rem}form{padding:.5rem 0 .75rem}label{display:block;font-size:.875rem;margin-bottom:.5rem}input{width:100%;min-height:3rem;padding:.75rem;border:1px solid #7e907a;background:#fffdf7;border-radius:.4rem;margin-bottom:.75rem}footer{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:.6rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.5rem;font-size:.875rem;color:var(--muted)}.text-button{min-height:2.75rem;padding:.5rem .1rem;border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:.25rem;white-space:nowrap}.install{color:var(--muted)}.install p{font-size:.875rem;line-height:1.5;margin:.2rem 0 0;max-width:45ch}@media(min-width:768px){main{padding-top:3rem}.intro{padding-top:2.5rem}.gate-button{min-height:11rem;padding:1.3rem}.button-label{font-size:1.125rem}.button-grid{gap:1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}