*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;color:#111;background:#fff}a{color:#1d4ed8}.page{max-width:640px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:12px}.narrow{max-width:400px}.header{justify-content:space-between;gap:12px}.header,.row-inline{display:flex;align-items:center}.row-inline{gap:8px;flex-wrap:wrap}h1{font-size:28px;margin:8px 0}h1,h2{font-weight:600}h2{font-size:20px;margin:16px 0 4px}.muted{color:#666;margin:0}.error{color:#b91c1c;margin:0}label{display:flex;flex-direction:column;gap:4px;font-weight:500}input,textarea{border:1px solid #ccc;border-radius:8px;padding:12px;font:inherit;font-weight:400;width:100%}textarea{min-height:96px;resize:vertical}.button{background:#1d4ed8;color:white;border:0;border-radius:8px;padding:12px 16px;font:inherit;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}.button:disabled{opacity:.5;cursor:default}.button.secondary{background:#eee;color:#333}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{background:#eee;color:#333;border:0;border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.tab.active{background:#1d4ed8;color:white}.list{list-style:none;margin:0;padding:0}.list li{border-bottom:1px solid #eee}.list a{display:flex;flex-direction:column;gap:2px;padding:12px 0;color:inherit;text-decoration:none}.list .title{font-size:17px;font-weight:500}.card{border:1px solid #eee;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}