*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f4f5;color:#18181b}.app{max-width:640px;margin:0 auto;padding-bottom:4.5rem}main{padding:1rem}h1{font-size:1.3rem;margin:.5rem 0 1rem}h2{font-size:1rem;color:#52525b;margin:1.2rem 0 .4rem}nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #e4e4e7}nav a{flex:1;text-align:center;padding:.9rem 0;text-decoration:none;color:#52525b}nav a.active{color:#1d4ed8;font-weight:600}.card{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:.8rem;margin-bottom:.5rem}.card-main{flex:1;display:flex;flex-direction:column;min-width:0}.muted{color:#71717a;font-size:.85rem}button{font:inherit;padding:.55rem .9rem;border-radius:8px;border:1px solid #d4d4d8;background:#fff;cursor:pointer}button.done{background:#1d4ed8;color:#fff;border-color:#1d4ed8}button.danger{color:#b91c1c;border-color:#fca5a5}button:disabled{opacity:.5}.menu{position:relative}.menu summary{list-style:none;cursor:pointer;padding:.4rem .7rem;font-weight:700}.menu summary::-webkit-details-marker{display:none}.menu-items{position:absolute;right:0;top:2.2rem;background:#fff;border:1px solid #e4e4e7;border-radius:8px;display:flex;flex-direction:column;min-width:10rem;z-index:10;box-shadow:0 4px 12px #0000001a}.menu-items>*{padding:.7rem 1rem;border:0;border-radius:0;background:none;text-align:left;text-decoration:none;color:inherit}form label{display:block;margin-bottom:.8rem}input,select{font:inherit;padding:.55rem;border:1px solid #d4d4d8;border-radius:8px;width:100%;margin-top:.25rem;background:#fff}fieldset{border:1px solid #e4e4e7;border-radius:8px;margin:0 0 .8rem}.check{display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem}.check input{width:auto;margin:0}.row{display:flex;gap:.5rem;margin-bottom:.5rem}.row input{flex:1;margin-top:0}.state-row{display:grid;gap:.3rem;background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:.6rem;margin-bottom:.5rem}.row-buttons{display:flex;gap:.3rem}.steps{padding-left:1.2rem}.steps li{margin:.4rem 0}.steps .current{font-weight:700}.picker{margin-bottom:.8rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.chip{background:#dbeafe;border-color:#bfdbfe;border-radius:999px;padding:.35rem .7rem;font-size:.9rem}.picker-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem}.picker-list button{text-align:left}.picker-list p{margin:.2rem 0}.actions{display:flex;gap:.5rem;align-items:center;margin:1rem 0;flex-wrap:wrap}.error{color:#b91c1c}.notice{background:#fef9c3;padding:.6rem;border-radius:8px}.center{text-align:center;color:#71717a;margin-top:3rem}.codeword{max-width:320px;margin:20vh auto 0;display:flex;flex-direction:column;gap:.8rem;padding:1rem}.toggle{display:flex;gap:.5rem;margin-bottom:1rem}.toggle button{flex:1}.toggle button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.card.blocked{opacity:.7}.waiting{font-style:italic}