:root{--green:#1b5e3b;--green-dark:#124428;--paper:#f5f2ea;--ink:#1d1d1b;--muted:#5d5d57;--problem:#a32121;--line:#d8d3c4;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{max-width:44rem;margin:0 auto;padding:1rem}.card{border:1px solid var(--line);background:#fff;border-radius:.75rem;margin-top:1rem;padding:1.25rem}h1{margin:0 0 .75rem;font-size:1.4rem}p{line-height:1.5}.muted{color:var(--muted)}.problem{color:var(--problem);font-weight:600}.notice{background:#fff6d6;border:1px solid #e6d58a;border-radius:.5rem;padding:.6rem .8rem}button{font:inherit;background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:.5rem;min-height:2.75rem;padding:.5rem 1.25rem}button:hover:not(:disabled){background:var(--green-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--green);border:1px solid var(--green);background:#fff}.code-form{gap:.75rem;max-width:16rem;display:grid}.code-form input{font:inherit;letter-spacing:.4rem;text-align:center;border:2px solid var(--line);border-radius:.5rem;padding:.5rem;font-size:1.75rem}.steps{padding-left:1.2rem;line-height:1.6}.qr{border:1px solid var(--line);width:min(100%,16rem);height:auto;margin:1rem 0;display:block}.key{letter-spacing:.1rem;word-break:break-word;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Consolas,monospace;font-size:1.1rem}.google-button{min-height:2.75rem;margin-top:1rem}.shell .bar{background:var(--green);color:#fff;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.shell .bar .muted{color:#cfe6d8;word-break:break-all;flex:1}.menu{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.menu-item{color:var(--ink);border:1px solid var(--line);background:#fff}.soon{color:var(--muted);font-size:.75rem}